本实例制作的是将一个美丽的蝴蝶图像在旋转的过程中，转变成一组文字的动态效果。该实例在前期Photoshop中组织画面时，大致要编辑两个部分的图像效果，即文字图组和文字图组的旋转效果，蝴蝶图像和蝴蝶图像的旋转效果。图10-23出示了该例完成效果。

图10-23  完成效果

技术提示

该实例的制作过程主要包括设置文字、调整图像颜色、旋转文字和图像的操作。其中调整图像颜色的操作，使用了“色相/饱和度”的色彩调整命令，制作文字和图像的旋转效果，则使用了“径向模糊”滤镜。图10-24出示了该例的制作流程图。

图10-24  制作概览

制作步骤

1．在Photoshop中组织画面

（1）启动Photoshop，执行菜单栏中的“文件”\“新建”命令，如图10-25所示设置对话框，创建一个名称为“图片变文字”的新文档。

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

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

图10-26  “描边”对话框

（3）在“图层”调板中单击“创建新组”按钮，创建“序列 1”图层组。选择工具箱中的“横排文字”工具，输入如图10-27所示的黑色“蝴蝶标本展”字样。

>

图10-27  输入文字

（4）打开本书附带光盘\Chapter-10\文件夹中的“蝴蝶 01.psd”文件。

（5）选择工具箱中的“移动”工具，将蝴蝶图像拖动复制到“图片变文字”文档中，如图10-28所示。这时在“序列 1”图层组中将生成“图层 1”。

图10-28  复制蝴蝶图像

（6）执行“图像”\“调整”\“色相/饱和度”命令，将蝴蝶图像的色彩调的鲜亮一些，如图10-29所示。

图10-29  执行“色相/饱和度”命令

（7）在“序列 1”图层组中新建“图层 2”。设置工具箱中的前景色为黑色。然后选择工具箱中的“矩形”工具，在文字下方绘制如图10-30所示的黑色矩形。

图10-30  绘制矩形

（8）更改前景色为白色，再使用“矩形”工具，在黑色矩形的内侧绘制一个白色小矩形，如图10-31所示。

图10-31  绘制白色矩形

（9）使用“横排文字”工具，在矩形图案和其下方，输入三组英文字样，如图10-32所示。

图10-32  设置文字

（10）完成上述操作后，使“序列 1”图层组成为可编辑状态。执行“图层”\“合并图层组”命令，将该组中所有图层全部合并，生成“序列 1”图层，如图10-33所示。

图10-33  合并图层组

（11）在“图层”调板中拖动“序列 1”图层到“创建新的图层”按钮处复制，创建两个副本图层，即“序列 1 副本”、“序列 1 副本 2”。然后将“序列 1”和“序列 1 副本 2”图层隐藏。如图10-34所示。

图10-34  复制图层

（12）确定当前可编辑图层为“序列 1 副本”图层。执行“滤镜”\“模糊”\“径向模糊”命令，将该图层的图像模糊，如图10-35所示。

图10-

35  模糊图像

（13）选择“图像”\“调整”\“色相/饱和度”命令，如图10-36所示设置对话框，将模糊后的图像色彩调清晰一些。

图10-36  执行“色相/饱和度”命令

（14）在“图层”调板中，将“序列 1 副本”图层隐藏，使“序列 1 副本 2”图层显示并成为可编辑图层。

（15）再执行“滤镜”\“模糊”\“径向模糊”命令，将图像径向模糊，如图10-37所示。

图10-37  “径向模糊”对话框

（16）按下<Ctrl+F>键，再执行一次上一步骤中执行的“径向模糊”命令，使图像更模糊一些，如图10-38所示。

图10-38  再次模糊图像

（17）接下来执行“图像”\“调整”\“色相/饱和度”命令，调整图像色调如图10-39所示。

图10-39  “色相/饱和度”对话框

（18）将“序列 1 副本 2”图层隐藏。然后打开本书附带光盘

\Chapter-10\文件夹中的“蝴蝶 02.psd”文件。将蝴蝶图像复制到“图片变文字”文档中，生成“图层 1”。如图10-40所示。

图10-40  蝴蝶图像

（19）执行“图像”\“调整”\“色相/饱和度”命令，调整蝴蝶图像的色彩，使其更鲜艳，如图10-41所示。

图10-41  调整图像色彩

（20）在“图层”调板中，将“图层 1”复制，创建“图层 1 副本”。然后将“图层 1副本”隐藏，使“图层 1”成为可编辑图层，如图10-42所示。

图10-42  复制图层

（21）再执行“滤镜”\“模糊”\“径向模糊”命令，将蝴蝶图像径向模糊，如图10-43所示。

提示：以上这些被径向模糊的图片都将用于制作图像的旋转动画。

图10-43  设置“径向模糊”对话框

（22）将“图层 1”隐藏。然后选择工具箱中的“横排文字”工具，输入如图10-44所示的字样。这时图像在Photoshop中的制作就完成了。

图10-44  设置文字

2．实现由图片到文字的变化动画

接下来进入ImageReady中，实现由图片到文字的变化的动画效果。

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

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

图10-45  “动画”调板及第1帧动画

（3）在“动画”调板中单击“复制当前帧”按钮，创建第2帧。然后在“图层”调板中，根据第2帧动画所要显示的内容，将文字图层隐藏，创建动画的第2帧，如图10-46所示。使用同样的操作方法，根据图示的顺序，调整文字图层的显示或隐藏，设置动画的第3～6帧。

图10-46  设置第2～6帧动画

（4）接下来根据图10-47所示，使用同样的操作方法，设置动画的第7～12帧。

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

（5）按下<Ctrl>键，同时在“动画”调板中，单击第1～6帧，将这些动画帧同时选中。然后单击其中任意一帧缩略图下方的空白处，在弹出的快捷菜单中选择“0.5秒”命令，将这些动画帧的停留时间设置为0.5秒，如图10-48所示。

图10-48  设置延迟时间

（6）使用同样的操作方法，将第7、11、12帧的停留时间设置为1秒，其他帧的时间设置不变，如图10-49所示。

图10-49  设置延迟时间

（7）最后将文件存储为GIF格式文件。单击工具箱中的“预览文档”按钮或“在iexplore中预览”按钮，可预览到图片变文字的动画效果。

读者可打开本书附带光盘\Chapter-10\文件夹中的“图片变文字.gif”文件进行查看。