大小渐变字效是将文字旋转着由小到大逐渐变化的动态效果。该效果的制作是在Photoshop中编辑出不断旋转变化的文字的静态画面，然后在ImageReady中将这些静态画面设置成动画帧，制作出文字旋转变化的动态效果，如图10-295所示。

图10-295  完成效果

技术提示

在Photoshop中编辑旋转变化的静态文字，只需要将文字复制并使用“自由变换”命令，旋转并缩放文字即可。然后在ImageReady中分别将各静态画面设置成动画帧，使静态的文字画面动起来。图10-296出示了该例的制作流程图。

图10-296  制作概览

制作步骤

1．编辑文字大小渐变的静态画面

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

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

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

（3）选择工具箱中的“移动”工具，将底纹图片拖动复制到“大小渐变字效”文档中，生成“图层 1”，如图10-298所示。

图10-298  复制图片

（4）选择工具箱中的“横排文字”工具

，输入大小如图10-299所示的黑色字母“S”。

图10-299  输入文字

（5）在“图层”调板中，拖动“S”文字图层到“创建新的图层”按钮处复制，创建“S 副本”图层。

（6）执行“编辑”\“自由变换”命令，将副本图层中的字母“S”稍微缩小并旋转至如图10-300所示的角度。

图10-300  变换文字大小和角度

（7）完成变换操作后，在“图层”调板中单击“S”图层左侧的图标，将其隐藏。然后将“S 副本”图层复制，创建“S 副本 2”图层。

（8）接着再执行“自由变换”命令，再将“S 副本 2”图层中的字母“S”稍微缩小并旋转，如图10-301所示。

图10-301  变换文字

（9）再将“S 副本 2”图层复制，创建“S 副本 3”，并

将“S 副本 3”图层中的字母“S”缩小、旋转。为了方便观察操作结果，可将“S 副本”图层隐藏。如图10-302所示。

图10-302  复制并变换文字

（10）按照上面的操作方法，不断将文字图层复制，并变换文字的大小和角度。当复制编辑到“S 副本 6”图层时，文字经过逐渐的缩小和旋转，角度旋转一周后，回到正常的角度，这时图像效果如图10-303所示。

提示：左图为所有文字图层显示时的效果，右图为“S 副本 6”图层中的文字效果。

图10-303  旋转文字

（11）再继续上面的操作进行编辑，直至复制编辑到“S 副本 12”图层时，经过逐渐的缩小和旋转，文字又旋转一周后，回到正常的角度，但文字已经缩小了很多。图10-304为最初的“S”图层与“S 副本 12”图层中文字的大小比较。

图10-304  文字大小比较

（12）完成上述文字的编辑后，将所有“S”文字图层隐藏。然后使用“横排文字”工具，输入如图10-305所示的英文字样。

图10-305  输入文字

（13）执行“图层”\“栅格化”\“文字”命

令，将“SNOOPY”文字图层转换为普通图层。

（14）选择工具箱中的“矩形选框”工具，创建如图10-306所示的选区，将后五个字母图像框选。

图10-306  建立选区

（15）按下<Ctrl+X>键，将选区内的文字图像剪切；再按下<Ctrl+V>键，将剪切的文字图像粘贴到新图层中，即“图层 2”。

（16）这时粘贴的文字图像出现错位，使用工具箱中的“移动”工具，移动“图层 2”中的“NOOPY”文字与“S”字水平对齐，如图10-307所示。

图10-307  移动文字

（17）然后执行“图层”\“图层样式”\“投影”命令，为文字添加投影效果，如图10-308所示。

图10-308  设置“投影”效果

（18）接着在“图层”调板中，拖动“图层 2”的“投影”效果，到“SNOOPY”图层中复制，为该层中的“S”字添加相同的“投影”效果，如图10-309所示。

图10-309&

nbsp; 复制“投影”效果

（19）新建“图层 3”，设置前景色为黑色。选择工具箱中的“椭圆”工具，按下<Shift>键，同时拖动鼠标，绘制如图10-310所示的两个正椭圆形，作为两只眼睛图像。

图10-310  绘制正椭圆形

（20）再新建“图层 4”。使用“钢笔”工具，绘制如图10-311所示的路径形状。然后按下<Ctrl+Enter>键，将路径转换为选区。

图10-311  绘制路径

（21）再按下<Alt+Delete>键，用黑色前景色填充选区，然后取消选区，如图10-312所示。这时眼睛下面又多出个鼻子图像。

图10-312  填充选区

（22）新建“图层 5”。再使用“钢笔”工具，绘制出眉毛和嘴巴的路径形状，如图10-313所示。

图10-313  绘制路径

（23）选择工具箱中的“画笔”工具，在工具选项栏中设置“画笔”大小为“尖角4像素”。然后在“路径”调板中单击“

用画笔描边路径”按钮，用设置好的画笔描边路径，如图10-314所示。

图10-314  描边路径

（24）将文字和眼睛、鼻子、眉毛图像所在的图层隐藏。然后使用“横排文字”工具，输入如图10-315所示的字样，并为其设置“投影”效果。

图10-315  设置文字

（25）至此该实例的静态画面就编辑完成了。在“图层”调板中，将“S 副本 12”图层显示，隐藏其他文字图层，为接下来编辑动画效果做准备。如图10-316所示。

图10-316  调整图层的显示和隐藏

2．实现文字的动画效果

接下来进入ImageReady中，编辑文字的动画效果。

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

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

图10-317  “动画”调板和第

1帧动画

（3）单击“动画”调板中的“复制当前帧”按钮，创建第2帧。根据第2帧动画要显示的图像内容，在“图层”调板中显示“S 副本 11”中的文字，并将“S 副本 12”图层隐藏，创建第2帧动画。如图10-318所示，

图10-318  创建第2帧动画

（4）再创建第3帧，在“图层”调板中显示“S 副本 10”，隐藏“S 副本 11”；依此类推，继续设置动画的第4～13帧，直至显示到最初的“S”图层为止。如图10-319所示。

图10-319  设置第3～13帧动画

（5）接下来使用同样的操作方法，根据图10-320所示的顺序，在“图层”调板中调整图层的显示或隐藏，继续设置动画的第14～19帧。

图10-320  设置第14～19帧动画

完成上述动画帧的设置后，接下来开始设置动画帧的延迟时间。

（6）按下<Ctrl>

键，同时在“动画”调板中单击第1～12帧，将这些动画帧同时选中。

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

图10-321  设置动画帧的延迟时间

（8）接着参照上面的操作方法，继续设置第13～14帧的延迟时间为0.2秒；第15～18帧的延迟时间为0.5秒；第19帧的延迟时间为2秒，如图10-322所示。

图10-322  设置第13～19帧的延迟时间

（9）完成上述操作后，动画效果的设置就完成了。单击工具箱中的“预览文档”按钮或“在iexplore中预览”按钮，可预览到文字的动画效果。

（10）最后选择菜单栏中的“文件”\“存储优化结果”命令，将文件存储为GIF格式文件。如果读者在制作过程中遇到问题，可打开本书附带光盘\Chapter-10文件夹中的“大小渐变字效.gif”文件进行查看。