《制作抖动动画》由会员分享，可在线阅读，更多相关《制作抖动动画（6页珍藏版）》请在金锄头文库上搜索。
1、制作抖动动画效果巧妙的使用 Photoshop 和 Image Ready，可以用最简单的方法制作出令人意想不到的动画效 果。在本小节的实例学习中，将制作一个具有抖动效果的动画。如图 9-17 所示，为本节实 例的完成效果。图 9-17 完成效果 技术提示 本小节制作的实例效果很炫目，但是它的操作并不复杂。主要通过将图像的位置进行移动 并将每个处于不同位置上的图像记作一帧动画，然后设置较短的延迟时间，造成画面抖动 的效果。实例的制作流程如图 9-18 所示。图 9-18 制作流程 制作步骤 1. 编辑静态画面 （1）启动 Photoshop，我们将在这个软件中编辑动画的静态画面。执行“文件”“
2、新建” 命令，参照图 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 所示设置选项
3、栏，调整图像的旋转角度。按下键，完成“自由变换”命令。图 9-22 调整指针图像角度 （5）保持“图层 2 副本”图层可编辑状态，按下键两次，再次执行变 换命令同时创建副本图像，效果如图 9-23 所示。在“图层”调板中生成“图层 2 副本2”，“图层 2 副本 3”。图 9-23 重复复制指针图像 （6）激活“闹钟.psd”文档，将该文档中“图层 2”中的指针图像拖动至“抖动的动画效 果”文档中，如图 9-24 所示。在“图层”调板生成“图层 3”。图 9-24 添加指针 （7）参照图 9-25 所示在“图层”调板中设置图层的显示或隐藏。按下键全选图 像，执行“编辑”“合并拷贝”命令，然后按
4、下键粘贴拷贝内容，在“图层” 调板中形成“图层 4”。图 9-25 合并拷贝图层 2. 实现动画效果 （1）单击工具箱底部的“在 ImageReady 中编辑”按钮，将文档转入“ImageReady” 中进行编辑。 （2）执行“窗口”“动画”命令，打开“动画”调板。参照图 9-26 所示效果，在“图 层”调板中调整图层的显示或隐藏，创建动画第 1 帧。图 9-26 创建动画第 1 帧 （3）单击“动画”调板底部的“复制当前帧”按钮，创建第 2 帧，参照图 9-27 所示， 在“图层”调板中，根据图示中第 2 帧所要显示的图像内容，调整图层的显示或隐藏。然 后使用同样的操作方法，根据图示的顺序，
5、设置动画的第 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 帧。然后将动画的第 13 帧同时选中， 将这 3 帧动画的延迟时间设置为 1 秒。 （8）动画的延迟时间设置完毕后，完成整个实例的制作。以“抖动效果的动画”为名称， 另存为 GIF 格式的文件。
