首页 > 设计 > 详细

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

时间:2016-01-31 01:09:12      阅读:146      评论:0      收藏:0      [点我收藏+]
本教程是关于用photoshop打造文字燃烧动态效果,通过应用PS滤镜应用和相关调整来实现火焰效果,通过动画窗口帧的隐藏和色相调整层来实现动态效果,本教程适合PS入门网友学习,希望能对您有所帮助!
  这实例用Photoshop CS3制作了一个火焰字燃烧的动态效果,先看下完成图吧:

技术分享
图1
  制作步骤

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

技术分享
图2
  2、用文字工具打上白色文字。

技术分享
图3

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

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

技术分享
图5
  5、执行滤镜/风格化/风,设置如下。

技术分享
图6
  6、Ctrl F两次加强风的效果。

技术分享
图7

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

技术分享
图8
  8、Ctrl T将文字旋转回来,火焰形状基本完成。

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

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

技术分享
图11

技术分享
图12

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

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

技术分享
图14

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

技术分享
图16

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

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

技术分享
图18
  16、点红圈内复制按钮复制出第2帧,此帧只隐藏文字1。

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

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

技术分享
图21

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

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

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

技术分享
图24

技术分享
图25
  22、最终效果:

技术分享
效果图

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

原文:http://www.jb51.net/photoshop/3192.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!