闪动的文字
- 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”左侧的

图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)单击“动画”调板底部的“复制当前帧”按钮
图10-84 设置第2~5帧动画
(4)接着继续设置第6~10帧动画,编辑出“闪”字的动画效果,如图10-85所示。
图10-85 设置第6~10帧动画
(5)接下来设置第11~16帧动画,设置网址文字的动画效果,如图10-86所示。
图10-86 设置第11~16帧动画
(6)按下<Ctrl>键,同时单击“动画”调板中的第2~4帧及第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”文件进行查看。