一个变化中的物体总是更容易吸引人们的注意，所以，相对于静止不动的宣传文字，活动的，有变化的文字在广告条中起到的宣传作用更大。在本实例电子贺卡网站广告中，将画面制作为主体文字由浅渐深、由朦胧到清晰的逐一出现在画面中的文字渐变的动画效果，将人们的视线集中在文字所表达的内容上，可以很轻松的让观看者了解广告条的宣传内容，起到良好的宣传作用。如图13-2所示，为本实例的完成效果。

图13-2  本实例完成效果

技术提示

本实例的动画制作，是在Photoshop和Image Ready*同编辑完成的。在Photoshop中，主要编辑动画的静态画面效果，将每个文字都建立到单独的一个图层上，以方便以后在Image Ready中的操作。而在Image Ready中，主要是完成动画帧的设置操作。然后在动画帧之间添加过渡帧的设置，改变文字的不透明度，将其从无到有的渐变过程更自然的表现出来。如图13-3所示，为本实例的制作流程。

ImageReady中的“过渡”命令，是该软件中极具特色的一个功能。使用“过渡”命令可以自动添加或修改两个现有帧之间的一系列帧，均匀地改变新帧之间的图层属性，如：位置、不透明度或图层样式等参数，依次创建不同的动画效果。

图13-3  本实例制作流程

制作步骤

1编辑静态画面

（1）运行Photoshop，执行“文件”→“新建”命令，打开“新建”对话框，参照图13-4所示设置对话框，创建一个名为“电子贺卡网站广告”的空白文档。

图13-4  新建文档

（2）设置前景色为绿色，按下<Alt+Delete>键使用前景色填充“背景”图层，如图13-5所示。

图13-5  填充背景图层

技巧：按下<Ctrl+Delete>键即可填充背景色。

（3）执行“文件”→“打开”命令，打开本书附带光盘\Chapter-13\“笔记

本.tif”文件，使用“移动”工具，将笔记本图像拖移到“电子贺卡网站广告”文档中，生成“图层 1”。

（4）按下<Ctrl+T>键，执行“自由变换”命令，调整笔记本图像的旋转角度，如图13-6所示，完成后按下<Enter>键完成变换操作。

图13-6  调整笔记本图像

（5）执行“图层”→“图层样式”→“投影”命令，打开“图层样式”对话框，参照图13-7所示设置“投影”选项参数，然后单击“确定”按钮，为笔记本图像添加投影效果。

图13-7  添加投影效果

（6）打开本书附带光盘\Chapter-13\“小熊.tif”文件，将小熊图像拖移到“电子贺卡网站广告”文档中，生成“图层 2”，并调整其位置。然后参照上面添加图层样式方法，为小熊图像添加投影效果，如图13-8所示。

图13-8  调整图像

（7）接下来使用工具箱中的“横排文字”工具，参照图13-9所示输入文字。然后调整文字的旋转角度。

图13-9  输入文字

提示：执行“编辑”→“自由变换”命令，在工具选项栏中的“旋转”选项中输入数值，按下<Enter>键应用变换，或者使用鼠标在变换框外旋转拖动，调整文字的旋转角度。

（8

）执行“图层”→“图层样式”→“外发光”命令，打开“图层样式”对话框，参照图13-10所示设置“外发光”选项参数，为文字添加外发光效果。

图13-10  添加“外发光”效果

（9）新建“图层 3”，按下<Shift>键，将“图层 3”与文字图层同时选择，按下<Ctrl+E>键，将图层合并，将文字图层转换为普通图层，如图13-11所示。

图13-11  合并图层

（10）使用“矩形选框”工具，如图13-12所示绘制选区，将“今”字选取，接着依次按下<Ctrl+X>和<Ctrl+V>键，将选区内图像剪切、粘贴到新图层中，生成“图层 4”，并调整“今”字的位置。完成后在“图层 4”名称上双击，将图层名称更改为“今”。

图13-12  调整图层

（11）参照以上方法，将文字组中的文字分离到不同的图层中，适当调整文字的位置，并相应更改图层的名称，如图13-13所示。

图13-13  调整图像

技巧：绘制选区，将相应文字选取，单击“图层 3”，使其成为当前可编辑图层，按下<Shift+Ctrl+J>键，执行“通过剪切的图层”命令，将文字剪切并粘贴到新图层中。

（12

）下面使用“横排文字”工具，参照图13-14所示再输入两组文字，并分别为其添加“外发光”效果。

图13-14  添加文字

（13）接下来在笔记本周围绘制装饰图像，首先新建“图层 4”，设置前景色为黑色。选择工具箱中的“自定形状”工具，参照图13-15所示设置其选项栏，在视图中绘制形状。

图13-15  绘制形状

提示：单击工具选项栏上的形状缩览图，打开“自定形状”拾色器，然后单击右上角的按钮，选择“全部”命令，在弹出的对话框上单击“确定”按钮，将原图案替换。

（14）按下<Alt>键，同时单击“图层 4”前的眼睛图标，将“图层”调板中除“图层 4”之外的所有图层隐藏。然后执行“编辑”→“定义画笔预设”命令，打开“画笔名称”对话框，如图13-16所示设置对话框，将绘制的图案定义成画笔。

图13-16  定义画笔

（15）按下<Alt>键，同时单击“图层 4”前的眼睛图标，将所隐藏的图层显示，确认“图层 4”为可编辑图层，按下<Ctrl+A>和<Delete>键，将画布全部选择并删除选区内图像，接着取消选区。

（

16）选择工具箱中的“画笔”工具，参照图13-17所示设置其选项栏。

图13-17  设置画笔

（17）执行“窗口”→“画笔”命令，打开“画笔”调板，参照图13-18所示设置“画笔”调板，调整画笔笔尖的间距。

图13-18  设置“画笔”调板

技巧：按下F5键，可快速打开“画笔”调板。

（18）设置前景色为淡绿色（R201、G220、B164），然后使用设置好的画笔在笔记本上下边缘进行绘制，如图13-19所示。

图13-19  绘制装饰图案

（19）下面在文档右下角添加相关文字信息，完成静态画面的制作，如图13-20所示。

图13-20  完成静态画面的制作

2. 实现动画效果

（1）单击工具箱底部的“在ImageReady中编辑”按钮，将文档转入“ImageReady CS2”中进行编辑。

（2）执行“窗口”→“动画”命令，打开“动画”调板。参照图13-21所示画面效果，在“图层”调板中调整相关图层的显示或隐藏，创建动画第1帧。

图13-21  创建动画第1帧

（3）单击“动画”调板底部的“复制当前帧”按钮，创建动画的第2帧。参照图13-22所示中第2帧所显示的图像内容，在“图层”调板中调整其他图层的显示状态。

图13-22  创建动画第2帧

（4）参照以上方法，根据图13-23～13-25所示的顺序，设置动画的第3～11帧。

图13-23  创建动画3～6帧

图13-34  创建动画7～10帧

图13-25  创建动画第11帧

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

图13-26  设置“过渡”对话框

提示：可以使用“过渡”命令自动添加或修改两个现有帧之间的一系列帧：均匀地改变新帧之间的图层属性（位置、不透明度或效果参数）以创建移动外观。“过渡”命令大大减少了创建动画效果（如渐现、渐隐或在帧之间移动图素）所需的时间。创建过渡帧之后，可以分别对它们进行编辑。

（6）参照以上方法，再为后面

每个文字之间添加3帧过渡帧。然后在“动画”调板中选中最后一帧，单击缩览图下方的空白处，在弹出的快捷菜单中选择“1.0”命令，设置动画帧的延迟时间，如图13-27所示。

图13-27  设置动画延迟时间

（7）延迟时间设置完毕后，完成整个实例的制作。最后以“电子贺卡网站广告”为名称，存储优化结果为GIF格式的文件。读者可打开本书附带光盘\Chapter-13\“电子贺卡网站广告.gif”文件进行查看。