本例是综合性的动态文字制作实例，其制作内容主要包括，逐渐淡出的文字、闪动播出的文字等两种文字特效。图10-220出示了本例制作完成效果。

图10-220  完成效果

技术提示

本例在Photoshop中主要通过设置文字、添加“外发光”效果、应用“动感模糊”滤镜模糊文字的方法编辑文字效果。在ImageReady中通过设置动画帧和过渡动画帧的方法，编辑出动态的文字效果。图10-221出示了其制作流程图。

图10-221  制作概览

制作步骤

1．在Photoshop中组织画面

（1）启动Photoshop，执行菜单栏中的“文件”\“新建”命令，新建一个名称为“电影预告”的新文档，如图10-222所示。.

图10-222  设置“新建”对话框

（2）在“图层”调板中单击“创建新的图层”按钮，新建“图层 1”。设置工具箱中的前景色为白色，按下<Alt+Delete>键，用白色填充“图层 1”。

（3）执行“图层”\“图层样式”\“图案叠加”命令，如图10-223所示，为“图层 1”添加“图层叠加”和“颜色叠加”效果。

图10-223  添加图层样式

（4）打开本书附带光

盘\Chapter-10文件夹中的“网格.psd”文件。使用“移动”工具，将网格图像拖动到“电影预告”文档中，生成“图层 2”，如图10-224所示。

图10-224  复制网格图像

（5）在“图层”调板中，设置“图层 2”的“混合模式”为“叠加”，“不透明度”为10%，这时的图像效果如图10-225所示。

图10-225  更改图层属性

（6）新建“图层 3”。使用工具箱中的“钢笔”等路径绘制工具，绘制如图10-226所示的路径形状。然后按下<Ctrl+Enter>键，将路径转换为选区，并用白色前景色填充选区。

图10-226  编辑路径

（7）按下<Ctrl+D>键，取消选区。然后执行“图层”\“图层样式”\“外发光”命令，为图像添加“外发光”效果，如图10-227所示。

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

（8）在“图层”调板中，设置“图层 3”的“不透明度”为20%，“填充”为0%，这时的图像效果如图10-228

所示。

图10-228  更改图层属性

（9）新建“图层 4”。使用同样的操作方法，如图10-229所示，通过绘制路径、将路径转换为选区、填充选区，设置“外发光”效果、更改图层属性的方法编辑脸形图像。

图10-229  编辑图像

（10）选择工具箱中的“横排文字”工具，输入如图10-230所示的一组白色文字。然后再为文字图层添加“外发光”效果。

图10-230  编辑文字

（11）在“图层”调板中，单击“SPIDER-MAN”文字图层左侧的图标，将该文字图层隐藏。

（12）参照上面输入文字、设置“外发光”效果的方法，再编辑一组发光文字：“this way”，如图10-231所示。

图10-231  编辑文字

（13）在“图层”调板中，拖动“this way”文字图层到“创建新的图层”按钮处复制，创建“this way 副本”图层。然后将“this way”文字图层隐藏。

（14）执行“滤镜”\“模糊”\“动

感模糊”命令，将“this way 副本”图层中的文字模糊，如图10-232所示。

提示：执行“动感模糊”滤镜后，文字图层将变为带图层样式的普通图层。

图10-232  设置“动感模糊”对话框

（15）将“this way 副本”图层隐藏。使用同样的操作方法，即设置文字、添加发光效果、创建副本图层、模糊副本图层的方法，再分别编辑八组文字效果。如图10-233所示。

提示：每个文字图层在编辑完后，即被隐藏。

图10-233  编辑文字效果

（16）完成上面四组文字的编辑后，再设置一组发光文字：“spider-man”，如图10-234所示。

图10-234  设置文字

（17）接着将“spider-man”文字图层复制两个副本，即“spider-man 副本”、“spider-man 副本 2”。然后设置“spider-man 副本”的“不透明度”为50%，“spider-man 副本 2”的“不透明度”为10%，如图10-235所示。

图10-235  编辑副本图层

（18）然后打开本书附带光盘\Chapter-10\文件夹中的“影子.psd”文件。使用“移动”工具

，将影子图像拖动到“电影预告”文档中，生成“图层 5”。如图10-236所示。

提示：这时所有的文字图层已被隐藏。

图10-236  复制影子图像

（19）将“图层 5”复制，创建三个副本图层，即“图层 5 副本”、“图层 5 副本 2”、“图层 5 副本 3”。然后将三个副本图层隐藏，并使“图层 5”成为可编辑图层。

（20）执行“编辑”\“自由变换”命令，将“图层 5”中的影子图像缩小一些，如图10-237所示。

图10-237  缩小图像

（21）再执行“滤镜”\“模糊”\“动感模糊”命令，将“图层 5”中的影子图像模糊，如图10-238所示。

图10-238  设置“动感模糊”对话框

（22）在“图层”调板中，隐藏“图层 5”，并将“图层 5 副本”、“图层 5 副本 2”、“图层 5 副本 3”的“不透明度”均设置为20%。

（23

）然后执行“自由变换”命令，将“图层 5 副本”的图像缩小并移动到视图的上侧，将“图层 5 副本 2”的图像缩小并移动到视图的下侧，“图层 5 副本 3”的图像保持原位置和大小不变。如图10-239所示。

图10-239  变换图像大小和位置

（23）将三个影子图层隐藏。再分别设置如图10-240所示的两组文字效果。

提示：前一组文字在设置好后，已将其隐藏。

图10-240  编辑文字

（24）新建“图层 6”。通过建立矩形选区，描边选区的方法，绘制如图10-241所示的白色边框线。

图10-241  绘制白色边框线。

（25）最后将文字、矩形线框和脸形图像隐藏，为接下来设置动画效果做准备，如图10-242所示。

图10-242  隐藏图像

2．编辑动画效果

（1）在Photoshop的工具箱中，单击“在ImageReady中编辑”按钮，将程序转换到ImageReady CS中，当前的文件也会直接被传送到ImageReady CS中进行编辑。

（2）选择菜单栏中的“窗口”\“动画”命令，打开“动画”调板，当前视图中的图像就是翻转动画的第1

帧，如图10-243所示。

图10-243  “动画”调板

（3）单击“动画”调板底部的“复制当前帧”按钮，创建第2帧。然后在“图层”调板中调整图层的显示或隐藏，创建第2帧动画，如图10-244所示。

图10-244  设置第2帧动画

（4）使用同样的操作方法，继续设置动画的第3～7帧，如图10-245所示。

图10-245  继续设置动画的第3～7帧

（5）在“动画”调板中单击第6帧动画，将该动画帧选中。接着单击调板底部的“过渡”按钮，如图10-246所示，设置第6帧与第7帧动画之间的过渡帧。

提示：插入5个过渡帧之后，当前调板*有12个动画帧。

图10-246  设置过渡帧

（6）接下来通过在“图层”调板中调整图层的显示或隐藏的方法，继续在第12帧之后，设置第13～18帧、第19～24

帧、第25～30帧、第31～33帧动画，如图10-247、248、249、250所示。

图10-247  第13～18帧动画

图10-248  第19～24帧动画

图10-249  第25～30帧动画

图10-250  第31～33帧动画

（7）按下<Ctrl>键，同时在“动画”调板中，单击第2、4、12、30帧，将这四个动画帧同时选中。

（8）然后单击其中任意一帧缩略图下方的空白处，在弹出的快捷菜单中选择“0.5秒”命令，将这些动画帧的延迟时间设置为0.5秒。如图10-251所示。

图10-251  设置延迟时间

（9）接着再设置第3、5、6、13、15

、17、19、21、23帧的延迟时间为1秒；第7～11帧、第25～26帧的延迟时间为0.2秒；第14、16、18、20、22、24帧的延迟时间为0.1秒。

（10）设置第31、32帧的延迟时间为0.3秒；第33帧的延迟时间为5秒；第1帧的延迟时间为2秒；第27～29帧的延迟时间不变，即0秒。

（11）完成上述操作后，该实例的动画效果就设置好了。最后执行“文件”\“存储优化结果”命令，将文件存储为GIF格式文件。

读者在制作过程中如遇到问题，可打开本书附带光盘\Chapter-10文件夹中的“电影预告.gif”文件进行查看。