达达首页 | 设计教程 | 辅助工具 | 字体字库 | 素材贴图 | 非 主 流 | PS 笔刷 | 签名模版 | 网页模版 | 达达贴吧
设为首页

加入收藏

联系我们
PhotoShop 教程 | Illustrator 教程 | CorelDraw 教程 | FireWorks 教程 | 3D MAX 教程 | MAYA 教程 | Flash 教程 | After Effects 教程
相关教程
普通教程 用Photoshop打造蚕丝文字
普通教程 Photoshop艺术字:火焰字
普通教程 Photoshop制作艺术闪光质感文字
普通教程 Photoshop艺术字:美食系列之糖果…
普通教程 教大家做自己签名的粉可爱字体
推荐教程 Photoshop教程:高级混合技巧制作…
普通教程 Photoshop教程:打造个性签名字体
普通教程 文字LOGO设计伎俩三十例
普通教程 利用PhotoShop制作闪光字
普通教程 非主流签名字体效果一例
最新更新

Photoshop艺术字教…

Photoshop打造质感…

PS快速制作olympi…

Photoshop制作地狱…
您现在的位置: 达达派 >> 教程中心 >> PhotoShop教程 >> 字体篇 >> 教程正文
Photoshop CS3打造动态燃烧火焰字
作者:佚名 文章来源:网络采集 点击数: 更新时间:2008-2-13 10:22:22
教程录入:令彬    责任编辑:令彬  添加到雅虎收藏+
这实例用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打造燃烧的动态火焰字
效果图

  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    关于我们 | 帮助(?) | 广告服务 | 版权声明 | 商业合作 | 发展历程 | 联系我们

    Copyright ? 2005-2008 CGFancy.com, All Rights Reserved,达达网络:陕ICP备06010337号

    技术交流:71125455(平面)、545534707(三维),业务合作:71125455