您现在的位置: 破洛洛 >> 建站学院 >> 平面设计 >> ImageReady >> 正文

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

作者:佚名 来源:思缘 更新时间:2008-8-18
分享到

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动画。

   不同的是:

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



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

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

转载请注明:破洛洛(谢谢合作)
网友评论: