注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

OK之家

原创心得 仅供交流 欢迎交友

 
 
 

日志

 
 
关于我

本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.

网易考拉推荐

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

2008-07-27 15:09:18|  分类: 软件知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

Photoshop操作实例教程电子书下载:http://dyzyb.qupan.com/

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

首先看一下效果图

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

一、制作火焰文字

(一)新建

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

 用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

2、填充黑色

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

(二)输入文字

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

2、合并图层

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

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

1、顺时针旋转画布

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

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

2、使用风滤镜

点击滤镜/风格化/

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

3、选择风向

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

6、使用波纹滤镜

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

点击滤镜/扭曲/波纹,

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

点击图像/模式/灰度

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

出现下图,点扔掉

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

出现下图,点确定

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

出现了火焰的效果

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

10、保存为JPG图片:

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

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

二、制作动画效果

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

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

3、设置延迟时间

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

5、分层调整颜色

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

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

三、保存GIF动画

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

2、设置存储

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

 用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

小结:

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

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

  

制作闪光的文字效果

   如果把上面的火焰文字按下面的方法制作,就成了闪光的文字。(相同的不说)
   输入文字,合并图层后:
   1
、点击滤镜/扭曲/极坐标
   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家
   2
、选择极坐标到平面坐标
   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

   3、顺时针旋转画布
   点击图像/旋转画布/90度(顺时针)
   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家
   4
、使用风滤镜
   点击滤镜/风格化/
   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家
   5
、选择风向
   选择“从右”,看清预览中的文字边缘,象长出了毛,如果方向不对,就点从左来改变风向
   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

   6、点击滤镜/风,使用两次风滤镜,下图是使用两次风滤镜后的效果,“毛”变长了
   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

   7、点击图像/旋转画布/90度(逆时针)
   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

   8、使用相反坐标
   点击滤镜/扭曲/极坐标,选择与前次相反的坐标“平面坐标到极坐标”,从预览中可以看到,文字的四周都出现了发光效果
 用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

   接下去与上面的火焰字的步骤是一样的:
   首先复制图层,然后把图层作为动画帧,每一图层都用色相和饱和度调成不同的颜色,保存为GIF动画。
   不同的是:
   在打开的色相/饱和度对话框中,如果开始输入的是白色文字,就要勾选“着色”,然后拉动色相和饱和度按纽,调整字体颜色。(如下图)

   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

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

   最后看看闪光文字的动画效果,光芒四射!
   用Adobe Photoshop CS3制作火焰文字动画 - ok -         OK之家

  评论这张
 
阅读(4492)| 评论(12)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018