娱乐网站广告的动画效果，主要是三幅卡通图片之间切换的动画，然后在动画的结尾部分加入文字淡入的动画效果。而在制作三幅卡通图片的切换时，则设计为开幕闭幕的视觉效果。如图16-19所示，为本实例的完成效果。

图16-19  本实例完成效果

技术提示

娱乐网站广告的动画制作，是在完成静态画面的编辑后，在“动画”调板中进行动画帧、过渡帧、延迟时间的设置，完成动画的制作。其中文字的动感效果是添加了“径向模糊”滤镜效果制作而成的。如图16-20所示，为本实例的制作流程。

图16-20  本实例制作流程

制作步骤

（1）运行Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图16-21所示设置对话框，创建一个空白文档。

图16-21  新建文档

（2）新建“图层 1”，设置前景色为红色，选择工具箱中的“矩形”工具，并对其选项栏进行设置，然后在文档的上下部位绘制矩形。完成后设置前景色为黑色，在红色矩形边缘绘制黑色较窄矩形条，如图16-22所示。

图16-22  绘制矩形

提示：当选择“矩形”工具后，在其工具选项栏中选择“填充像素”按钮，可在当前图层中创建一个被前景色填充的形状图像。

（3）新建“图层 2”，将该图层填充为红色（R204、G50、B42），接着复制“图层 2”，得到“图层 2 副本”图层。然后再次使用“矩形”工具，在文档中间绘制黑色矩形条，如图16-23所示。

图16-23  绘制图像

（4）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-16\“卡通图像.psd”文件，使用

提示：为便到读者观察，暂时隐藏相关图层。

图16-24  调整图像

（5）使用工具箱中的“横排文字”工具，输入文字信息，接着按下<Ctrl+A>键，将画布全选。执行“图层”→“将图层与选区对齐”→“垂直居中”命令，将文字与画面垂直居中对齐，然后按下<Ctrl+D>键取消选区，效果如图16-25所示。

提示：为便于读者观察文字效果，将“图层 2”显示。

图16-25  输入文字

（6）在“图层”调板中复制“卡卡娱乐网”文字图层，执行“图层”→“删格化”→“文字”命令，将文字图层转化为普通图层。然后执行“滤镜”→“模糊”→“径向模糊”命令，打开“径向模糊”对话框，参照图16-26所示设置对话框，为图像添加模糊效果。

提示：图示中将“卡卡娱乐网站”文字图层隐藏。

图16-26  添加模糊效果

（

图16-27  添加文字信息

（8）执行“窗口”→“动画”命令，打开“动画”调板。参照图16-28所示中第1帧动画所要显示的图像内容，在“图层”调板中调整图层的显示或隐藏，创建动画的第1帧。

图16-28  创建动画第1帧

（9）单击“动画”调板底部的“复制选中的帧”按钮，创建第2帧。根据图示中第2帧动画所要显示的图像内容，在“图层”调板中调整图层的显示或隐藏。然后使用同样的操作方法，根据图示的顺序，设置动画的第3~9帧，如图16-29~16-30所示。

图16-29  创建动画第2～5帧

图16-30  创建动画第3～9帧

（10）在“动画”调板中，选中第6帧，接着单击调板底部的“动画帧过渡”按钮，打开“过渡”对话框，参照图16-31所示设置对话框，在两帧动画之间添加过渡帧。

图16-31  设置“过渡”对话框

提示：可以使用“过渡”命令自动添加两个现有帧之间的一系列帧：均匀地改变新帧之间的图层属性（位置、不透明度或效果参数）以创建移动外观。

（11）选中第1帧，按下<Shift>键的同时单击第6帧，将“动画”调板中的1～6帧全部选中，单击任意一帧缩览图下方的空白处，在弹出的快捷菜单中选择“0.5”命令，如图9-32所示，设置动画帧的延迟时间为0.5秒。

图16-32  设置延迟时间

（12）使用相同的操作方法，将第1

（13）至此，完成整个实例的制作。接着执行“文件”→“存储为Web所用格式”命令，将文档存储为GIF格式，如图16-33所示。读者可打开本书附带光盘\Chapter-16\“娱乐网站广告.gif”文件进行查看。

图16-33  存储文件