当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop教程:制作动态燃烧火焰字

Photoshop
Photoshop教程:唯美的粉色调仿手绘特效
Photoshop磨皮美白照片:淡蓝色的非主流女孩
PS教程:磨皮美白去除皮肤面部的油光
Photoshop教程:比较通用的调色技巧
Photoshop绘制漂亮的商业类型网站模板
Photoshop抠图教程:背景复杂的飞扬的发丝
PS图片教程:用去色图层叠加制作褪色
Photoshop文字特效教程:好看的黄色火焰字
PS抠图教程:笔刷涂抹抠图后头发遗留的白边
Photoshop调色教程:漂亮的郊野黄色照片
Photoshop简单把自己照片制作成阿凡达纳美女
PS教程:绘制简洁实用的蓝色风格网页导航条
Photoshop快速去除数码照片的紫边
Photoshop照片换颜色教程:金色的泳装
Photoshop绘制高光质感的女士化妆品瓶子
PS合成签名教程:欧美风格小女孩签名
Photoshop图片合成:制作惊险战争场面
Photoshop教程:背景橡皮擦抠图实例教程
Photoshop画笔修沧桑的复破损的老照片
Photoshop教程:调整图层给黑白照片上色彩

Photoshop教程:制作动态燃烧火焰字


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 416 ::
收藏到网摘: n/a

本教程是关于用photoshop打造文字燃烧动态效果,通过应用PS滤镜应用和相关调整来实现火焰效果,通过动画窗口帧的隐藏和色相调整层来实现动态效果,本教程适合PS入门网友学习,希望能对您有所帮助!
  这实例用Photoshop CS3制作了一个火焰字燃烧的动态效果,先看下完成图吧:

Photoshop CS3打造燃烧的动态火焰字
图1
  制作步骤

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

Photoshop CS3打造燃烧的动态火焰字
图2
  2、用文字工具打上白色文字。

Photoshop CS3打造燃烧的动态火焰字
图3


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

Photoshop CS3打造燃烧的动态火焰字
图4
  4、在图层面板右键单击文字层,选择栅格化文字。

Photoshop CS3打造燃烧的动态火焰字
图5
  5、执行滤镜/风格化/风,设置如下。

Photoshop CS3打造燃烧的动态火焰字
图6
  6、Ctrl F两次加强风的效果。

Photoshop CS3打造燃烧的动态火焰字
图7


  7、执行滤镜/扭曲/波纹,设置如下。

Photoshop CS3打造燃烧的动态火焰字
图8
  8、Ctrl T将文字旋转回来,火焰形状基本完成。

Photoshop CS3打造燃烧的动态火焰字
图9
  9、给文字上色。在图层面板单击红圈内按钮选择“色相/饱和度”调整。

Photoshop CS3打造燃烧的动态火焰字
图10
  10、勾选着色,将色相调整为40,饱和度调整为100,效果如下。

Photoshop CS3打造燃烧的动态火焰字
图11

Photoshop CS3打造燃烧的动态火焰字
图12


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

Photoshop CS3打造燃烧的动态火焰字
图13
  12、执行滤镜/模糊/高斯模糊1个像素左右,使火焰看起来不那么生硬。

Photoshop CS3打造燃烧的动态火焰字
图14

Photoshop CS3打造燃烧的动态火焰字
图15
  13、Ctrl J复制文字层,命名为文字2,隐藏原来的文字和调整层,点红圈内按钮给文字2添加蒙板。

Photoshop CS3打造燃烧的动态火焰字
图16


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

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

Photoshop CS3打造燃烧的动态火焰字
图18
  16、点红圈内复制按钮复制出第2帧,此帧只隐藏文字1。

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

Photoshop CS3打造燃烧的动态火焰字
图20
  18、添加过渡效果。按住Ctrl键同时选中前两帧,点红圈内过渡按钮设置如下过渡。

Photoshop CS3打造燃烧的动态火焰字
图21


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

Photoshop CS3打造燃烧的动态火焰字
图22
  20、同时选中第一帧和最后一帧,同样过渡即可。点红圈内播放按钮可以随时观看动态效果。

Photoshop CS3打造燃烧的动态火焰字
图23
  21、在文件菜单中选择“存储为web和设备所用格式”,保存Gif文件即可得到动态图。

Photoshop CS3打造燃烧的动态火焰字
图24

Photoshop CS3打造燃烧的动态火焰字
图25
  22、最终效果:

Photoshop CS3打造燃烧的动态火焰字
效果图