当前位置: 主页 > 平面设计 > PS教程 > 字体设计 > 字体设计 > 动态字体 > 动态霓虹字

动态霓虹字

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

动态霓虹字是模拟霓虹灯闪烁的动态文字效果。该效果的制作是在Photoshop中,为文字设置不同的发光效果,然后在ImageReady中将发光的文字设置成一系列的动画帧,形成闪烁的霓虹字效果,如图10-89所示。

10-89  完成效果

技术提示

该实例文字发光效果的制作,是综合应用多种图层样式的结果。通过为同一组文字设置不同的发光效果,并在ImageReady中设置成为一系列的动画帧,可制作出最终的闪烁发光的文字效果。图10-90出示了该例的制作流程图。

10-90  制作概览

制作步骤

1.编辑静态画面

1)启动Photoshop,执行菜单栏中的“文件”\“新建”命令,如图10-91所示设置对话框,创建一个空白文档。

10-91  设置“新建”对话框

2)在“图层”调板中单击“创建新组”按钮,创建“序列 1”图层组。

3)打开本书附带光盘\Chapter-10\文件夹中的“字体.psd”文件。然后将文字图像复制到“发光字”文档中,在“序列 1”图层组中形成三个新图层。如图10-92所示。

10-92  复制文字

4)在“图层”调板中,单击“序列 1”图层组左侧的

>图标,将“序列 1 图层组隐藏。然后新建“序列 2”图层组,并在“序列 2”中新建“图层 4”,如图10-93所示。

10-93  “图层”调板

5)设置工具箱中的前景色为白色,按下<Alt+Delete>键,用前景色填充“图层 4”。

6)然后单击“图层”调板底部的“添加图层样式”按钮,在弹出的菜单中选择“图案叠加”命令,参照图10-94所示,设置“图案叠加”和“颜色叠加”效果。

10-94  设置“图案叠加”和“颜色叠加”样式

7)按下<Ctrl>键,同时在“图层”调板中单击“创建新的图层”按钮,在“图层 4”的下方新建“图层 5”,如图10-95所示。

10-95  创建新图层

8)使“图层 4”成为可编辑图层,然后按下<Ctrl+E>键,将“图层 4”向下合并到“图层 5”中。该操作可将“图层 4”转换为普通图层。

9)接着执行“滤镜”\“渲染”\“光照效果”命令,为图像添加光照效果,如图10-96所示。

10-96  执行“光照效果”命令

10)新建“图层 6”。设置前景色为红色。选择工具箱中的“矩形”工具,在视图的下方绘制如图10-97所示的红色矩形。

10-97  绘制红色矩形

11)执行“滤镜”\“杂色”\“添加杂色”命令,为红色矩形添加杂色效果,如图10-98所示。

10-98  “添加杂色”对话框

12)接着再执行“滤镜”\“渲染”\“光照效果”命令,为红色矩形添加光照效果,与背景图像的光照效果取得一致,如图10-99所示。

10-99  “光照效果”对话框

13)在“图层”调板中,将“序列 1”图层组拖动到调板的最顶层。再将“序列 1”图层组拖动到“创建新的图层”按钮上复制,创建“序列 1 副本”图层组。然后使隐藏的“序列 1”图层组显示,如图10-100所示。

10-100  “图层”调板

14)使“序列 1”图层组中的“图层 1”成为可编辑图层,并将“图层 2”、“图层 3”暂时隐藏。执行“图层”\“图层样式”\“投影”命令,如图10-101所示,为文字图像添加“投影”和“外发光”效果。

10-101  设置“投影”和“外发光”效果

15)接着继续为“图层 1”添加“内发光”、“颜色叠加”和“描边”效果,如图10-102所示。

10-102  设置图层样式效果

16)使“图层 2”显示并成为可编辑图层。为该图层设置与“图层 1”相同的“投影”、“外发光”、“颜色叠加”效果,并设置“内发光”、“描边”效果如图10-103所示。

10-103  “内发光”和“描边”效果

17)使“图层 3”显示并成为可编辑图层。为该图层设置与“图层 1”相同的“投影”、“外发光”、“内发光”效果,并设置如图10-104所示的“内阴影”、“斜面和浮雕”效果。

10-104  设置“内阴影”、“斜面和浮雕”效果

18)继续为“图层 3”设置“颜色叠加”、“描边”效果,如图10-105所示。

10-105  设置“颜色叠加”、“描边”效果

19)完成上述设置后,“序列 1”图层组中三组文字的发光效果就制作好了,如图10-106所示。

10-106  发光效果

20)参照上面设置发光效果的方法,再为“序列 1 副本”图层组中的三组文字设置如图10-107所示的发光效果。

提示:在该图中,已将“序列 1”图层组隐藏。

10-107  设置发光效果

21)最后在“图层”调板中,将“序列 1”图层组中的“图层 3”拖动到“序列 1 副本”图层组中的最上层,并如图10-108所示设置各图层的隐藏和显示,为接下来制作动画效果做准备。

10-108  调整图层的显示和隐藏

2.实现发光文字的动画效果

1)单击Photoshop工具箱中的“在ImageReady中编辑”按钮,将程序转换

ImageReady CS中,当前文件将被传送到ImageReady CS中。

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

10-109  1帧动画

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

10-110  设置第26帧动画

4)按下<Ctrl>键,同时单击“动画”调板中的第16帧,将六个动画帧全部选中。然后在其中任意一帧缩略图下方的空白处单击,在弹出的快捷菜单中选择“0.2秒”命令,将这些动画帧的延迟时间设置为0.2秒,如图10-111所示。

10-111  设置延迟时间

5)最后执行“文件”\“存储优化结果”命令,将文件存储为GIF格式文件,完成动画的制作。

在本书附带光盘中有该实例的完成效果,读者可打开本书附带光盘\Chapter-10文件夹中的“发光字.gif”文件进行查看。