I制作抖动动画.docVIP

制作抖动动画效果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所示设置选项栏，调整图像的旋转角度。按下Enter键，完成“自由变换”命令。 图9-22? 调整指针图像角度 （5）保持“图层 2 副本”图层可编辑状态，按下Alt+Shift+Ctrl+T键两次，再次执行变换命令同时创建副本图像，效果如图9-23所示。在“图层”调板中生成“图层 2 副本2”，“图层 2 副本3”。 图9-23? 重复复制指针图像 （6）激活“闹钟.psd”文档，将该文档中“图层 2”中的指针图像拖动至“抖动的动画效果”文档中，如图9-24所示。在“图层”调板生成“图层 3”。 图9-24? 添加指针 （7）参照图9-25所示在“图层”调板中设置图层的显示或隐藏。按下Ctrl+A键全选图像，执行“编辑”→“合并拷贝”命令，然后按下Ctrl+V键粘贴拷贝内容，在“图层”调板中形成“图层 4”。 图9-25? 合并拷贝图层 2. 实现动画效果1）单击工具箱底部的“在ImageReady中编辑”按钮，将文档转入“ImageReady”中进行编辑。 （2）执行“窗口”→“动画”命令，打开“动画”调板。参照图9-26所示效果，在“图层”调板中调整图层的显示或隐藏，创建动画第1帧。 图9-26? 创建动画第1帧 （3）单击“动画”调板底部的“复制当前帧”按钮，创建第2帧，参照图9-27所示，在“图层”调板中，根据图示中第2帧所要显示的图像内容，调整图层的显示或隐藏。然后使用同样的操作方法，根据图示的顺序，设置动画的第3～4帧。 图9-27? 创建动画第2～4帧 （4）单击“复制当前帧”按钮，创建动画第5帧，在“图层”调板中显示“图层 4”与“背景”图层，将其他图层隐藏。确定“图层 4”为可编辑状态，选择“移动”工具，分别按下↑和←键各5次，将“图像”向左上方移动5个像素。如图9-28所示。 图9-28? 创建动画第5帧 （5）单击“复制当前帧”按钮创建第6帧，将图像移动到初始位置。创建第7帧，使用相同的操作方法，将图像向右上方移动5个像素。创建第8帧，该帧动画图像与第6帧中的图像相同，如图9-29所示。 图9-29? 创建动画第6～8帧 （6）选择第4帧，按下Shift键同时单击8帧，将5~8帧同时选中。单击任意一帧动画缩览图下的空白处，在弹出的快捷菜单中选择“其他”命令，打开“设置帧延迟”对话框。参照图9-30所示设置对话框，将动画的延迟时间设置为0.03秒。 图9-30? “设置帧延迟”对话框 （7）选择动画的第5~8帧，连续单击“动画”调板底部的“复制当前帧”按钮四次，复制动画的第5～8帧，这时在动画调板中共有24帧。然后将动画的第1～3帧同时选中，将这3帧动画的延迟时间设置为1秒。 （8）动画的延迟时间设置完毕后，完成整个实例的制作。以“抖动效果的动画”为名称，另存为GIF格式的文件。