制作文字的弹跳效果，应在Photoshop中编辑出文字不同的弹跳高度，以及文字弹跳时的模糊效果，然后在ImageReady中组织成动态的画面图像，效果如图10-112所示。

图10-112  完成效果

技术提示

应用“动感模糊”滤镜和“自由变换”命令，可制作出该例文字的模糊效果和文字弹跳高度的大小变化。在ImageReady中除了编辑基本的动画帧外，还将介绍设置动画过渡帧的方法。图10-113出示了该例的制作流程图。

图10-113  制作概览

制作步骤

1．在Photoshop中组织画面

（1）启动Photoshop，执行菜单栏中的“文件”\“新建”命令，创建一个名称为“渐变的文字”的新文档，如图10-114所示

图10-114  “新建”对话框

（2）打开本书附带光盘\Chapter-10\文件夹中的“腾龙.jpg”文件。

（3）使用工具箱中的“移动”工具，将文件中的图片拖动复制到“渐变的文字”文档的左上侧，生成“图层 1”，如图10-115所示。

图10-115  复制图片

（4）在“图层”调板中，设置“图层 1”的“混合模式”为“强光”，这时的图像效果如图10-116

所示。

图10-116  更改图层混合模式

（5）在“图层”调板中单击“创建新的图层”按钮，新建“图层 2”。

（6）执行“选择”\“全选”命令，建立全选选区。再执行“编辑”\“描边”命令，为选区描上黑色的边线，如图10-117所示。然后按下<Ctrl+D>键，取消选区。

图10-117  “描边”对话框

（7）执行“视图”\“标尺”命令，显示标尺。然后从水平标尺处拉出两条参考线，作为设置文字时的参照线，如图10-118所示。

图10-118  设置参考线

（8）完成参考线的设置后，再执行“视图”\“标尺”命令，将标尺隐藏。

（9）选择工具箱中的“横排文字”工具，输入黑色“腾龙云海”字样，如图10-119所示。

图10-119  输入文字

（10）执行“图层”\“栅格化”\“文字”命令，将“腾龙云海”文字图层转换为普通图层。

（11）在“图层”调板中，拖动“腾龙云海”图层到“创建新的图层”按钮

处复制三次，创建“腾龙云海 副本”、“腾龙云海 副本 2”、“腾龙云海 副本 3”三个副本图层。

（12）关闭三个副本图层左侧的图标，将其隐藏。然后单击“腾龙云海”图层，使其成为可编辑图层。再单击“创建新组”按钮，新建“序列 1”图层组，然后将“腾龙云海”图层拖动到“序列 1”图层组中，如图10-120所示。

图10-120  “图层”调板

（13）使“腾龙云海”图层成为可编辑图层。选择工具箱中的“矩形选框”工具，如图10-121所示，将“龙云海”三个文字框选，然后按下<Delete>键删除，之后取消选区。

图10-121  矩形选区

（14）在“图层”调板中，双击“腾龙云海”图层的名称，使其反白显示，然后在文本框中更改图层名称为“腾”。之后将“腾”图层复制三个副本图层，并使“腾 副本”成为可编辑图层，隐藏该组中的其他三个图层。如图10-122所示。

图10-122  复制图层

（15）执行“滤镜”\“模糊”\“动感模糊”命令，将“腾”字稍微模糊，如图10-123所示。

图10-123  模糊文字

（16）隐藏“腾 副本”图层，使“腾 副本 2”显示并成为可编辑图层。然后执行“动感模糊”命令，将“腾 副本 2”中的文字模糊，如图10-124所示。

图10-124  “动感模糊”对话框

（17）将“腾 副本 2”复制，生成“腾 副本 4”，然后将“腾 副本 2”隐藏。执行“编辑”\“自由变换”命令，将“腾 副本 4”中的文字稍微拉长，如图10-125所示。

图10-125  拉长文字

（18）再将“腾 副本 4”复制，生成“腾 副本 5”，将“腾 副本 4”隐藏。再执行“自由变换”命令，将“腾 副本 5”中的文字缩短，如图10-126所示。

图10-126  缩短文字

（19）隐藏“腾 副本 5”，使该图层上方的“腾 副本 3”显示并成为可编辑图层。执行“动感模糊”命令，模糊文字效果如图10-127所示。

图10-127  模糊文字

（20）选择工具箱中的“移动”工具，将模糊后的图像垂直向上移动至如图10-128所示的位置，完成对“腾”字图像的编辑。

图10-128  移动图像

（21）接下来重复上面的操作步骤，编辑“腾龙云海”的其他三个副本图层，分别进行“龙”、“云”、“海”三组文字图像的编辑，要求这三组文字的编辑过程要与“腾”文字的编辑过程完全相同，不能缺少任何一个编辑步骤。

（22）完成“腾”、“龙”、“云”、“海”四组文字的编辑后，执行“视图”\“显示”\“参考线”命令，将参考线隐藏。

（23）在“图层”调板中，参照图10-129所示，设置各图层的显示和隐藏，为接下来编辑文字动画做准备。

图10-129  设置图像的显示和隐藏

2．实现文字的渐变动画

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

（2）选择菜单栏中的“窗口”\“动画”命令，打开“动画”调板，当前视图中的图像成为翻转动画的第1帧。如图10-130所示。

图10-130  “动画”调板和第1帧动画

（3）单击“动画”调板中的“复制当前帧”按钮，创建第2帧。如图10-131所示，根据第2帧动画要显示的图像内容，在“图层”调板中调整图层的显示或隐藏，创建第2帧动画。

图10-131  设置第2帧动画

（4）参照上面设置动画帧的方法，如图10-132所示，继续设置动画的第3～6帧。完成第6帧动画的设置后，“腾”字的渐变动画就设置好了。

图10-132  设置第3～6帧动画

（5）按照“腾”字第1～6帧动画的设置方法，再依次设置“龙”、“云”、“海”三组文字的动画，每组文字各占6个动画帧，如图10-133、134、135所示。

图10-133  设置第7～12帧动画

图10-134  设置第13～18帧动画

图10-135  设置第19～24帧动画

（6）完成上面动画帧的设置后，再设置第25帧，在该帧中只显示“背景”图层的空白内容，如图10-136

所示。

图10-136  设置第25帧动画

（7）在“动画”调板中，单击第24帧，使其成为当前帧。接着单击调板底部的“过渡”按钮，打开“过渡”对话框，如图10-137所示设置对话框，设置文字逐渐淡出的动画效果。

图10-137  添加过渡帧

（8）完成上述操作后，按下<Ctrl>键，同时单击“动画”调板中的第6帧、第12帧、第18帧动画，将这三个动画帧同时选中。

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

图10-138  设置延迟时间

（10）最后将第24帧动画的延迟时间设置为1秒，完成整个动画设置。执行“文件”\“存储优化结果”命令，将文件存储为GIF格式文件。读者可打开本书附带光盘\Chapter-10文件夹中的“渐变的文字.gif”文件进行查看。