制作抖动动画.doc

制作抖动动画效果巧妙的使用Photoshop和Image Ready，可以用最简单的方法制作出令人意想不到的动画效果。在本小节的实例学习中，将制作一个具有抖动效果的动画。如图9-17所示，为本节实例的完成效果。图9-17 完成效果技术提示本小节制作的实例效果很炫目，但是它的操作并不复杂。主要通过将图像的位置进行移动并将每个处于不同位置上的图像记作一帧动画，然后设置较短的延迟时间，造成画面抖动的效果。实例的制作流程如图9-18所示。图9-18 制作流程制作步骤1. 编辑静态画面（1）启动Photoshop，我们将在这个软件中编辑动画的静态画面。执行“文件”“新建”命令，参照图9-19所示设置对话框，创建一个新文档。图9-19 “新建”对话框（2）打开本书附带光盘Chapter-09“闹钟.psd”文件。使用“移动”工具，将“闹钟”文档中“图层 1”中的图像拖动到新文档中并与画布对齐，如图9-20所示。在“图层”调板中生成“图层 1”。图9-20 添加图片（3）设置前景色为黑色，新建“图层 2”，使用“圆角矩形”工具（圆角半径为200 px）参照图9-21所示设置选项栏，绘制钟表的指针图像。图9-21 绘制指针（4）将“图层 2”复制，得到“图层 2 副本”图层，执行“自由变换”命令，参照图9-22所示设置选项栏，调整图像的旋转角度。按下键，完成“自由变换”命令。图9-22 调整指针图像角度（5）保持“图层 2 副本”图层可编辑状态，按下键两次，再次执行变换命令同时创建副本图像，效果如图9-23所示。在“图层”调板中生成“图层 2 副本2”，“图层 2 副本3”。图9-23 重复复制指针图像（6）激活“闹钟.psd”文档，将该文档中“图层 2”中的指针图像拖动至“抖动的动画效果”文档中，如图9-24所示。在“图层”调板生成“图层 3”。图9-24 添加指针（7）参照图9-25所示在“图层”调板中设置图层的显示或隐藏。按下键全选图像，执行“编辑”“合并拷贝”命令，然后按下键粘贴拷贝内容，在“图层”调板中形成“图层 4”。图9-25 合并拷贝图层2. 实现动画效果（1）单击工具箱底部的“在ImageReady中编辑”按钮，将文档转入“ImageReady”中进行编辑。（2）执行“窗口”“动画”命令，打开“动画”调板。参照图9-26所示效果，在“图层”调板中调整图层的显示或隐藏，创建动画第1帧。图9-26 创建动画第1帧（3）单击“动画”调板底部的“复制当前帧”按钮，创建第2帧，参照图9-27所示，在“图层”调板中，根据图示中第2帧所要显示的图像内容，调整图层的显示或隐藏。然后使用同样的操作方法，根据图示的顺序，设置动画的第34帧。图9-27 创建动画第24帧（4）单击“复制当前帧”按钮，创建动画第5帧，在“图层”调板中显示“图层 4”与“背景”图层，将其他图层隐藏。确定“图层 4”为可编辑状态，选择“移动”工具，分别按下和键各5次，将“图像”向左上方移动5个像素。如图9-28所示。图9-28 创建动画第5帧（5）单击“复制当前帧”按钮创建第6帧，将图像移动到初始位置。创建第7帧，使用相同的操作方法，将图像向右上方移动5个像素。创建第8帧，该帧动画图像与第6帧中的图像相同，如图9-29所示。图9-29 创建动画第68帧（6）选择第4帧，按下键同时单击8帧，将58帧同时选中。单击任意一帧动画缩览图下的空白处，在弹出的快捷菜单中选择“其他”命令，打开“设置帧延迟”对话框。参照图9-30所示设置对话框，将动画的延迟时间设置为0.03秒。图9-30 “设置帧延迟”对话框（7）选择动画的第58帧，连续单击“动画”调板底部的“复制当前帧”按钮四次，复制动画的第58帧，这时在动画调板中共有24帧。然后