当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 动态字体 > 闪动的文字

闪动的文字

  • 2021-11-11
  • 来源/作者: 本站原创    / 佚名    
  • 7 次浏览

闪烁字效制作的是光芒闪烁的动态文字效果。该实例的四个主体文字,除了首字具有光芒闪烁的效果外,其他三个字设计为凝聚闪现的动态字效,因此在Photoshop中需要编辑两组文字效果,即闪烁的文字效果和凝聚闪现的文字效果。图10-50出示了该例的完成效果。

10-50  完成效果

技术提示

制作闪烁的文字效果,主要是应用“风”滤镜和“外发光”的图层样式,制作出文字的闪烁光芒。凝聚闪现的文字效果,则主要应用了“动感模糊”滤镜和“外发光”的图层样式,制作出文字的速度线和发光效果。图10-51出示了本例的制作流程图。

10-51  制作概览

制作步骤

1.编辑闪动文字的静态画面

・编辑背景图片

1)启动Photoshop,执行菜单栏中的“文件”\“新建”命令,创建一个新文档,如图10-52所示。

10-52  “新建”对话框

2)单击“图层”调板中的“创建新的图层”按钮,新建“图层 1”。

3)设置工具箱中的前景色为深蓝色,按下<Alt+Delete>键,用前景色填充“图层 1”,如图10-53所示。

10-53  填充颜色

4)执行“滤镜”\“风格化”\“凸出”命令,制作如图10-54

所示的图案效果。

10-54  执行“凸出”命令

5)在“图层”调板中,新建“图层 2”。设置前景色和背景色为黑色和白色。然后执行“滤镜”\“渲染”\“云彩”命令,生成黑白色的云彩图案,如图10-55所示。

10-55  云彩图案

6)在“图层”调板中,设置“图层 2”的“混合模式”为“叠加”。这时的图像效果如图10-56所示。

10-56  更改图层混合模式

7)新建“图层 3”。设置前景色为白色。选择工具箱中的“矩形”工具,在视图的右侧绘制如图10-57所示的白色矩形。

10-57  绘制白色矩形

8)再使用工具箱中的“直排文字蒙版”工具,在白色矩形上输入“TENGLONG VISUAL ARTS STUDIO”蒙版文字,如图10-58所示。

10-58  输入蒙版文字

9)按下<Ctrl+Enter>键,完成蒙版文字的输入,形成文字选区。再按下<Delete>键删除文字选区内的白色,形成镂空的文字效果,如图10-59

所示。最后将选区取消。

10-59  删除选区图像

10)在“图层”调板中,更改“图层 3”的“混合模式”为“叠加”,图像效果如图10-60所示。

10-60  更改图层混合模式

・编辑文字图像

1)在“图层”调板中单击“创建新组”按钮,新建“序列 1”图层组。选择工具箱中的“横排文字”工具,输入白色“闪客帝国”字样,如图10-61所示。

10-61  设置文字

2)选择“图层”\“栅格化”\“文字”命令,将“闪客帝国”文字图层转换为普通图层。

3)使用工具箱中的“矩形选框”工具,将“闪”字框选,如图10-62所示。

10-62  建立选区

4)按下<Ctrl+X>键,将选区内的“闪”字图像剪切;再按下<Ctrl+V>键,将剪切的“闪”字粘贴到新图层中,即“图层 4”。

5

)在“图层”调板中,单击“图层 4”左侧的图标,将“图层 4”隐藏。然后拖动“闪客帝国”图层到“创建新的图层”按钮处复制,创建六个该图层的副本图层,如图10-63所示。

10-63  “图层”调板

6)使“闪客帝国”图层成为可编辑图层,并将其他六个副本图层隐藏。执行“图层”\“图层样式”\“外发光”命令,如图10-64所示,为文字添加发光效果。

10-64  “外发光”效果

7)将“闪客帝国”图层隐藏,使“闪客帝国 副本”图层显示并成为可编辑图层。执行“滤镜”\“模糊”\“动感模糊”命令,将文字模糊,如图10-65所示。

10-65  执行“动感模糊”命令

8)在“图层”调板中,将“闪客帝国 副本”图层的“不透明度”设置为80%。然后将“闪客帝国 副本”隐藏,使“闪客帝国 副本 2”显示并成为可编辑图层。如图10-66所示。

10-66  “图层”调板

9)执行“滤镜”\“模糊”\“动感模糊”命令,将文字模糊,如图10-67所示。

10-67  模糊图像

10)将“闪客帝国 副本 2”的“不透明度”设置为80%,并将其隐藏。使“闪客帝国 副本 3”图层显示并成为可编辑图层。

11)执行“动感模糊”命令,如图10-68所示模糊文字。然后将该图层的“不透明度”设置为70%。完成上述操作后,再将该图层隐藏。

10-68  模糊文字

12)使“闪客帝国 副本 4”图层显示并成为可编辑图层。执行“动感模糊”命令,如图10-69所示模糊文字。然后更改该图层的“不透明度”为70%,并将该图层隐藏。

10-69  执行“动感模糊”命令

13)接着参照上面的操作方法,再将“闪客帝国 副本 5”和“闪客帝国 副本 6”的文字图像向不同的角度模糊,并更改其“不透明度”,效果如图10-70所示。最后将这两个图层隐藏。

10-70  模糊文字图像

・编辑“闪”字图像和网址文字的效果

1)使“图层 4”显示并成为可编辑图层。使用工具箱中的“移动”工具,将该图层中的“闪”字图像移动到视图的左侧,如图10-71

所示。

10-71  移动图像

2)执行“滤镜”\“风格化”\“风”命令,制作图像效果如图10-72所示。

10-72  执行“风”命令

3)选择“编辑”\“变换”\“旋转90度(顺时针)”命令,将“闪”字旋转90度。然后按下<Ctrl+F>键,再执行一次上一步骤中设置的“风”滤镜,效果如图10-73所示。

10-73  编辑图像

4)参照上面的方法,将“闪”字旋转90度,再执行“风”滤镜,使“闪”字的四面均产生风吹的毛边效果,如图10-74所示。

10-74  编辑“闪”字图像

5)完成上述操作后,将“图层 4”复制,创建“图层 4 副本”。执行“图层”\“图层样式”\“外发光”命令,如图10-75所示,为“图层 4 副本”中的文字添加发光效果。

10-75  设置“外发光”效果

6)在“图层”调板中,设置“图层 4 副本”的“混合模

式”为“叠加”,完成“闪”字图像的编辑,如图10-76所示。

10-76  更改图层混合模式

7)在“图层”调板中,将“序列 1”图层组隐藏,并新建“序列 2”图层组。

8)选择工具箱中的“横排文字”工具,输入如图10-77所示的白色“WWW.TLYH.COM”字样。

10-77  输入文字

9)执行“图层”\“栅格化”\“文字”命令,将“WWW.TLYH.COM”文字图层转换为普通图层。

10)将“WWW.TLYH.COM”图层复制四次,得到四个副本图层。然后使“WWW.TLYH.COM 副本”成为可编辑图层,并将其他四个图层隐藏,如图10-78所示。

10-78  “图层”调板

11)执行“图层”\“图层样式”\“外发光”命令,为文字添加发光效果。如图10-79所示。

10-79  “外发光”效果

12)接着隐藏“WWW.TLYH.COM 副本”图层,使“WWW.TLYH.COM 副本

2”显示并成为可编辑图层。

13)执行“滤镜”\“模糊”\“径向模糊”命令,将文字图像径向模糊,如图10-80所示。

10-80  “径向模糊”对话框

14)使用同样的操作方法,分别将“WWW.TLYH.COM 副本 3”和“WWW.TLYH.COM 副本 4”图层中的文字图像径向模糊,如图10-81所示。

10-81  径向模糊文字

15)最后在“图层”调板中,将“序列 2”也隐藏,这时的图像如图10-82所示。

10-82  隐藏文字后的图像

2.实现文字的动画效果

1)单击Photoshop工具箱中的“在ImageReady中编辑”按钮,将程序转换到ImageReady CS中,当前的文件将直接被传送到ImageReady CS中。

2)在“动画”调板中,当前视图的图像成为翻转动画的第1帧,如图10-83所示。

10-83  “动画”调板及第1帧动画

>3)单击“动画”调板底部的“复制当前帧”按钮,创建第2帧。然后根据第2帧动画所要显示的图像内容,在“图层”调板中调整图层的显示或隐藏,创建第2帧动画,如图10-84所示。使用同样的操作方法,根据图示的顺序,设置动画的第35帧。

10-84  设置第25帧动画

4)接着继续设置第610帧动画,编辑出“闪”字的动画效果,如图10-85所示。

10-85  设置第610帧动画

5)接下来设置第1116帧动画,设置网址文字的动画效果,如图10-86所示。

10-86  设置第1116帧动画

6)按下<Ctrl>键,同时单击“动画”调板中的第24帧及第14帧,将这些动画帧同时选中。然后单击其中任意一帧缩略图下方的空白处,在弹出的快捷菜单中选择“0.1秒”命令,将这些动画帧的停留时间设置为0.1秒,如图10-87所示。

10-87

  设置延迟时间

7)参照上面的设置方法,再将第1帧和第15帧的延迟时间设置为0.2秒;将第5帧的延迟时间设置为0.5秒;第10帧的延迟时间设置为0.8秒;第16帧的延迟时间设置为1秒;其他帧的延迟时间不变。如图10-88所示。

10-88  设置延迟时间

8)完成上述操作后,整个动画的制作就完成了。最后执行“文件”\“存储优化结果”命令,将文件存储为GIF格式文件。

使用工具箱中的“预览文档”按钮或“在iexplore中预览”按钮,可预览到该实例的动画效果。读者可打开本书附带光盘\Chapter-10文件夹中的“闪动字效.gif”文件进行查看。