您现在的位置: 电脑知识网 >> 图像设计 >> Photoshop教程 >> Photoshop CS3打造动态燃烧火焰字

Photoshop CS3打造动态燃烧火焰字

 2008-2-2 1:38:08 来源:PC235.COM 您有问题?请联系我们
关 键 词:Photoshop CS3打造动态燃烧火焰字
这实例用Photoshop CS3制作了一个火焰字燃烧的动态效果,先看下完成图吧:

PhotoshopCS3打造动态燃烧火焰字
图1 完成图

  制作步骤:

  1、在Photoshop CS3中新建一个文件,将背景填充为黑色。

PhotoshopCS3打造动态燃烧火焰字
图2 新建一个文件

  2、用文字工具打上白色文字。

PhotoshopCS3打造动态燃烧火焰字
图3 用文字工具打上白色文字

3、Ctrl+T自由变换,按住Shift键将文字逆时针旋转90度。

PhotoshopCS3打造动态燃烧火焰字(2)
图4 将文字逆时针旋转90度

  4、在图层面板右键单击文字层,选择栅格化文字。

PhotoshopCS3打造动态燃烧火焰字(2)
图5 选择栅格化文字

  5、执行滤镜/风格化/风,设置如下。

PhotoshopCS3打造动态燃烧火焰字(2)
图6 滤镜/风格化/风

  6、Ctrl+F两次加强风的效果。

PhotoshopCS3打造动态燃烧火焰字(2)
图7 两次加强风的效果‘7、执行滤镜/扭曲/波纹,设置如下。

PhotoshopCS3打造动态燃烧火焰字(3)
图8 执行滤镜/扭曲/波纹

  8、Ctrl+T将文字旋转回来,火焰形状基本完成。

PhotoshopCS3打造动态燃烧火焰字(3)
图9 将文字旋转回来

  9、给文字上色。在图层面板单击红圈内按钮选择“色相/饱和度”调整。

PhotoshopCS3打造动态燃烧火焰字(3)
图10 色相/饱和度

  10、勾选着色,将色相调整为40,饱和度调整为100,效果如下。

PhotoshopCS3打造动态燃烧火焰字(3)
图11 饱和度

PhotoshopCS3打造动态燃烧火焰字(4)
图12 效果

  11、Ctrl+J复制一个调整层,混合模式设为颜色减淡,火焰出现层次感,效果更真实。

PhotoshopCS3打造动态燃烧火焰字(4)
图13 Ctrl+J复制一个调整层

  12、执行滤镜/模糊/高斯模糊1个像素左右,使火焰看起来不那么生硬。

PhotoshopCS3打造动态燃烧火焰字(4)
图14 滤镜/模糊/高斯模糊

PhotoshopCS3打造动态燃烧火焰字(4)
图15 效果

 13、Ctrl+J复制文字层,命名为文字2,隐藏原来的文字和调整层,点红圈内按钮给文字2添加蒙板。

PhotoshopCS3打造动态燃烧火焰字(5)
图16 给文字2添加蒙板

  14、选择渐变工具,在蒙板上拉出一个从黑到白的线性渐变,就能遮住上部的火苗,使火焰看起来比较小。

PhotoshopCS3打造动态燃烧火焰字(5)
图17 选择渐变工具

  15、在窗口菜单中勾选“动画”打开动画窗口,选择第一帧,显示时间设为0.2秒,在图层面板中隐藏文字层和色相调整层,只显示文字2 和背景。

PhotoshopCS3打造动态燃烧火焰字(5)
图18 在图层面板中隐藏文字层和色相调整层

  16、点红圈内复制按钮复制出第2帧,此帧只隐藏文字1。

PhotoshopCS3打造动态燃烧火焰字(5)
图19 隐藏文字1

17、复制出第3帧,此帧只隐藏文字2。完成火焰燃烧的三个状态。

PhotoshopCS3打造动态燃烧火焰字(6)
图20 复制出第3帧

  18、添加过渡效果。按住Ctrl键同时选中前两帧,点红圈内过渡按钮设置如下过渡。

PhotoshopCS3打造动态燃烧火焰字(6)
图21 添加过渡效果

  19、同时选中此时的后两帧,设置同样过渡。

PhotoshopCS3打造动态燃烧火焰字(6)
图22 设置过渡

  20、同时选中第一帧和最后一帧,同样过渡即可。点红圈内播放按钮可以随时观看动态效果。

PhotoshopCS3打造动态燃烧火焰字(6)
图23 点红圈内播放按钮可以随时观看动态效果

21、在文件菜单中选择“存储为web和设备所用格式”,保存Gif文件即可得到动态图。

PhotoshopCS3打造动态燃烧火焰字(7)
图24 保存为Web格式

PhotoshopCS3打造动态燃烧火焰字(7)
图25 保存Gif文件

  22、最终效果:

PhotoshopCS3打造动态燃烧火焰字(7)
效果图

Photoshop CS3打造动态燃烧火焰字文章结束

更多内容请看 图像设计 > > Photoshop教程专题
  • 上一个教程:

  • 下一个教程:
  • 【最新推荐】
    电脑知识学习
    【频道更新】
    【相关文章】
    没有相关教程
    本站郑重声明:所载文章、数据仅供参考,使用前请核实,风险自负。
    Copyright ©2007-2008 电脑知识网 All Rights Reserved 版权所有 复制必究