• 按作者
  • 按标题
  • 按老师

PS教程制作火焰字体


提问



   用Adobe Photoshop CS3制作火焰文字动画

  Adobe Photoshop CS3已经将动画功能集成到窗口中,更方便制作动画。下面用Adobe Photoshop CS3的动画功能来制作一个有熊熊燃烧效果的火焰文字

  首先看一下效果图

  

 

  一、制作火焰文字

  (一)新建

  1、新建一个300×300的文件

  

 

  2、填充黑色

  用油漆桶填充黑色,或点击编辑/填充,填充为黑色,

  

 

  (二)输入文字

  1、点击文字工具,调整好字体、字号,选择黄色,输入文字“火”

  

 

  2、合并图层

  点击图层/合并可见图层,将文字图层与背景层合并

  (三)设置文字的火焰效果

  1、顺时针旋转画布

  因为下面的风滤镜只有从左和从右,没有从上或从下的风向,所以要旋转文字的方向。

  点击图像/旋转画布/90度(顺时针)

  

 

  2、使用风滤镜

  点击滤镜/风格化/风

  

 

  3、选择风向

  选择“从左”,看清预览中的文字边缘,象长出了毛,如果方向不对,就点从右来改变风向

  

 

  4、点击滤镜/风,使用三次风滤镜,“毛”变长了

  

 

  5、点击图像/旋转画布/90度(逆时针),使文字恢复原来的方向

  

 

  6、使用波纹滤镜

  使用上面的风滤镜,只是使文字长出了“毛”,并不象火焰,使用波纹滤镜可以使“毛”变得弯曲。

  点击滤镜/扭曲/波纹,

  

 

  7、拖动滑杆调整波纹大小

  

 

  经过以上处理,已经有了燃烧的气氛,但只是单一的黄色,要把它调整成象火焰那样内外不同颜色,接着进行下面的操作。

  点击图像/模式/灰度

  

 

  出现下图,点扔掉

  

 

  8、点击图像/模式/索引颜色

  

 

  出现下图,点确定

  

 

  9、点击图像/模式/颜色表

  

 

  在颜色表对话框中选择黑体

  

 

  出现了火焰的效果

  

 

  10、保存为JPG图片:

  因为制作动画时需要复制图层,但除了JPG图片之外,其他格式的图片在Photoshop中好象不准复制图层,所以要把做好的火焰字保存为JPG图片。

  点击文件/存储为Web和设备所用格式(D),不要点击文件/存储为,那里面好象没有存储为JPG格式的。

  

 

  在出现的对话框中选择JPEG后点击存储

  

 

  至此火焰文字已经制作成功。

  二、制作动画效果

  上面的火焰文字虽然有火焰燃烧的效果,但不是动态的,要制作动画效果,就要用到Photoshop的动画功能。

  1、关闭原来的文件,打开刚刚保存的JPEG图片,并根据你的喜好复制几层,我是复制成三层

  

 

  2、点击窗口/动画,打开动画窗口

  

 

  3、设置延迟时间

  帧延迟时间就是播放速度,点击0秒的地方,在出现的下拉式菜单中设置延迟时间为0.2秒,

  

 

  4、点击“复制所选帧”按纽,复制与图层数相同的3帧

  

 

  5、分层调整颜色

  将每一帧设置成一个图层的颜色。因为第一帧是背景层的颜色,不用设置,所以先点击选定第二帧,然后打开背景层与另一层前的大眼睛,关闭其他图层的大眼睛,第二帧就会显示出那一层的颜色。

  至于那个背景层之外的另一层,可以任选一层,为了防止弄错,可以从下往上选择。

  

 

  在图层面板中选定一个图层后,点击图像—调整—色相/饱和度

  

 

  在打开的色相/饱和度对话框中,拉动色相和饱和度按纽,从预览中看到字体颜色满意后点击确定

  

 

  然后再选择第三帧,并打开另一图层前的大眼睛,关闭其他图层,

  

 

  用同样方法调整色相和饱和度,把每一帧调成不相同的颜色

  

 

  6、全部帧调整完成后,点击下面的播放按纽,测试动画效果,将帧的延迟时间调整到你满意的速度,

  

 

  三、保存GIF动画

  1、点击文件/存储为Web和设备所用格式(D),记住不能使用存储为中的GIF格式,那个GIF只有一层,不是动画

  

 

  2、设置存储

  选择保存为GIF格式,点击优化后存储,为了缩小体积,也可以根据需要设置画布的大小为50%,

  

 

  将优化结果存储为GIF动画图片

  

 

  最后的效果,是不是象真的火焰!

  

 

  小结:

  本文前半部分讲的是用风滤镜和波纹滤镜使文字出现火光,再用调整灰度-索引颜色-颜色表使火光出现红色,从而达到火焰燃烧的效果;

  后半部分讲到:用Photoshop的动画功能把每一图层作为一个动画帧来处理,将各个图层调整成不相同的颜色,从而产生动态的燃烧效果,最后保存为GIF动画图片。

  制作闪光的文字效果

  如果把上面的火焰文字按下面的方法制作,就成了闪光的文字。(相同的不说)

  输入文字,合并图层后:

  1、点击滤镜/扭曲/极坐标

  

 

  2、选择极坐标到平面坐标

  

 

  3、顺时针旋转画布

  点击图像/旋转画布/90度(顺时针)

  

 

  4、使用风滤镜

  点击滤镜/风格化/风

  

 

  5、选择风向

  选择“从右”,看清预览中的文字边缘,象长出了毛,如果方向不对,就点从左来改变风向

  

 

  6、点击滤镜/风,使用两次风滤镜,下图是使用两次风滤镜后的效果,“毛”变长了

  

 

  7、点击图像/旋转画布/90度(逆时针)

  

 

  8、使用相反坐标

  点击滤镜/扭曲/极坐标,选择与前次相反的坐标“平面坐标到极坐标”,从预览中可以看到,文字的四周都出现了发光效果

  

 

  接下去与上面的火焰字的步骤是一样的:

  首先复制图层,然后把图层作为动画帧,每一图层都用色相和饱和度调成不同的颜色,保存为GIF动画。

  不同的是:

  在打开的色相/饱和度对话框中,如果开始输入的是白色文字,就要勾选“着色”,然后拉动色相和饱和度按纽,调整字体颜色。(如下图)

  

 

  如果输入的文字是有色的,就和火焰文字一样不用勾选“着色”。

  最后看看闪光文字的动画效果,光芒四射!

  



分享到:新浪微博新浪微博 | 腾讯微博腾讯微博 | QQ空间QQ空间 | 人人网人人网