本则实例是为视觉设计公司制作的广告，该广告条的设计要洗炼、大方，最重要的是能够突出公司的性质，具有强烈的视觉冲击力。因此，在画面设计上，主要以彩色图像为主体述求对象。在深色的背景上，三束明亮绚丽的光束在视图中沿着各自的运动轨迹做快速移动，给人以惊鸿一现的感觉，充分展示出其吸引大众眼球的视觉效果。如图12-23所示，为本实例的完成效果。

图12-23  本实例完成效果

技术提示

本实例中的三束光束是通过绘制路径，并使用设置好的画笔描边路径的方法制作而成的，然后为其添加了“内发光”和“外发光”这两种图层样式，塑造了光束的发光效果。在前期的静态画面的编辑过程中，已经将三束光束各自的运动轨迹和图像效果设置好了。在“动画”调板中，只需将每束光束自始至终的运动轨迹和图像效果，设置成连续的动画帧，并为动画帧设置极短的延迟时间，就可形成快速运动的动画效果。如图12-24所示，为本实例的制作流程。

图12-24  本实例制作流程

制作步骤

（1）启动Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图12-25所示设置对话框，创建一个名为“视觉设计公司广告”的新文档。

图12-25  设置“新建”对话框

（2）设置前景色为深紫色（R21、G0、B8），按下<Alt+Delete>

键，使用前景色填充背景，接着在“图层”调板中，新建“组 1”图层组和“图层 1”，如图12-26所示。

图12-26  填充背景并新建图层

（3）选择工具箱中的“画笔”工具，然后执行“窗口”→“画笔”命令，打开“画笔”调板，参照图12-27、图12-28所示设置调板中的参数。

图12-27  设置画笔笔尖形状

图12-28  设置形状动态选项

技巧：选择“画笔”工具，单击工具选项栏上的“切换画笔调板”按钮，可快速打开“画笔”调板。

（4）选择工具箱中的“钢笔”工具，在视图中参照图12-29

所示绘制光束的运动轨迹路径。

图12-29  绘制路径

（5）在“路径”调板中，双击“工作路径”，打开“存储路径”对话框，保持对话框的默认设置，单击“确定”按钮，将“工作路径”存储为“路径 1”，如图12-30所示。

图12-30  存储路径

（6）对“路径 1”进行复制，创建出“路径 1 副本”，选择工具箱中的“直接选择”工具，适当删除部分锚点，并在原路径的基础上对锚点位置进行调整，将路径缩短，如图12-31所示。

图12-31  调整路径

（7）设置前景色为绿色（R113、G248、B152），确定“路径 1 副本”为激活状态下，单击“路径”调板底部的

“用画笔描边路径”按钮，对路径进行描边，单击“路径”调板空白处将路径隐藏，如图12-32所示。

图12-32  描边路径

技巧：选择设置好的“画笔”工具，按下<Shift+Enter>键，即可使用画笔描边路径。

（8）执行“图层”→“图层样式”→“外发光”命令，打开“图层样式”对话框，参照图12-33所示设置对话框，对图像添加发光效果。

图12-33  设置图层样式

（9）在“图层”调板中将“图层 1”暂时隐藏，然后新建“图层 2”，接着对“路径 1”进行复制，创建出“路径 1 副本 2”，参照图12-34所示对复制的路径进行调整，并使用“画笔”工具对路径进行描边。

图12-34  调整路径并描边路径

（10）接下来在“图层 1”的图层名称上右击，在弹出的菜单中执行“拷贝图层样式”命令，然后在“图层 2”的图层名称上右击，在弹出的菜单中执行“粘贴图层样式”命令，为“图层 2”中的图像添加与“图层 1”中的图像相同的图层样式效果，如图12-35所示。

图12-35  复制图层样式

（11）使用前面复制路径、调整路径、对路径进行描边，然后再添加图层样式效果的方法，制作出其他图像效果，如图12-36所示。

图12-36  制作其他图像

提示：在调整完最后一段路径，对路径进行描边之前，首先要对画笔调板再进行设置，如图12-37所示。

图12-37  设置“画笔”调板

（12）使用前面操作方法，分别

在“组 1”图层组的下方新建“组 2”和“组 3”图层组，制作出其他两组发光图像，如图12-38所示。

图12-38  制作其他两组图像

（13）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-12\“装饰.jpg”文件，然后将该文档中的图像拷贝到“视觉设计公司广告”文档中的相应位置，接着再将图像所在图层的混合模式设置为“变亮”，如图12-39所示。

图12-39  添加装饰图像

提示：为了方便以下操作，这里暂时将“组1”图层组、“组2”图层组和“组3”图层组中的发光图像全部隐藏。

（14）在视图中再添加相关的文字信息，完成静态画面的编辑，如图12-40所示。

图12-40  添加文字信息

（15）打开“动画”调板，参照图12-41所示第一帧动画所要显示的图像内容，在“图层”调板中调整发光图像所在图层的显示或隐藏，创建出动画的第1

帧。

图12-41  创建动画的第1帧

（16）单击“动画”调板底部的“复制选中的帧”按钮，创建第2帧。参照图12-42所示画面效果，在“图层”调板中设置图层的显示或隐藏状态。

图12-42  设置第2帧动画

（17）使用同样操作方法，参照图12-43～12-45所示创建出第3~17帧动画。

图12-43  创建第3～8帧动画

图12-44  创建第9～14帧动画

图12-45  创建第15～17帧动画

提示：分别参照图12-43～12-45所示，调整三个图层组中发光图像所在图层的隐藏或显示状态。

（18）确定第17帧动画帧处于选择状态，按下<Shift>键的同时单击第1帧动画帧，将这些动画帧全部选中，然后单击任意一帧缩览图下方的空白处，在弹出的快捷菜单中执行“0.1秒”命令，如图12-46所示，将动画帧的延迟时间设置为0.1秒。

图12-46  设置延迟时间

（19）至此，完成整个实例的制作。接着执行“文件”→“存储为Web所用格式”命令，将文档存储为GIF格式，如图12-47所示。如果读者在制作的过程中遇到什么问题，可打开本书附带光盘\Chapter-12\“视觉设计公司广告.gif”文件进行查看。

图12-47  存储文档