动画设计与制作 -韩雪涛 第四章 制作简单的逐帧动画.ppt

* * 第四章 制作简单的逐帧动画 ImageReady实现动画效果 Flash MX实现动画效果 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： ImageReady实现动画效果 返回 第1页 ImageReady实现动画效果 动画创意的解析 4.1 ImageReady实现动画效果 动画中的两个关键帧图像 返回 第2页 动画创意的解析 4.1 ImageReady实现动画效果 创意效果 在动画中主要反映歌手在舞台上演唱时的状态：歌手在深情演唱的同时，为了增强表现力，为歌手设计了一个漂亮的转身动画效果，将演唱状态发挥到“极致”。 项目分析 由于是转身效果，动画人物在场景的颜色要确保统一。最好使用带有图层编辑的图像处理软件如Photoshop来完成对图像的编辑。而在ImageReady中完成动画的制作。 ImageReady实现动画效果 返回 第3页 动画的实现过程 4.1 ImageReady实现动画效果 （1）绘制出动画中的六个关键帧图像并在Photoshop中进行着色 ImageReady实现动画效果 返回 第4页 动画的实现过程 4.1 ImageReady实现动画效果 （2）动画界面的尺寸设置 ImageReady实现动画效果 返回 第5页 动画的实现过程 4.1 ImageReady实现动画效果 （3）各关键帧在图层中的效果 ImageReady实现动画效果 返回 第6页 动画的实现过程 4.1 ImageReady实现动画效果 （4）通过调整图层透明度进行调节各图层间的图像位置，使其重合 ImageReady实现动画效果 返回 第7页 动画的实现过程 4.1 ImageReady实现动画效果 （5）关键帧图像设计完成后进入ImageReady应用程序中来 ImageReady实现动画效果 （6）选择“Windows”菜单项中 “Animation”选项，出现动画面板 返回 第8页 动画的实现过程 4.1 ImageReady实现动画效果 （7）选中第1个动画帧，在“Layer”图层面板中设置“Layer1”图层为显示状态，“Layer2” ～“Layer6”都设置为不可见。 ImageReady实现动画效果 返回 第9页 动画的实现过程 4.1 ImageReady实现动画效果 （8）分别设置其它的图层逐帧动画 （9）选择“file”菜单下的“Save Optimized”命令，在弹出的对话框输入文件的名称并选择存储路径 ImageReady实现动画效果 Flash MX实现动画效果 返回 第10页 Flash MX实现动画效果 4.2 Flash MX完成动画效果 动画创意的解析 动画中三个关键帧图像 返回 第11页 Flash MX实现动画效果 4.2 Flash MX完成动画效果 动画创意的解析 创意效果 在主体人物上，我们会制作出一个简单示意人物来做为演示对象，同时，为了使动画的内容更加丰富，我们还会制作一个行走背景，以衬托人物的行走效果。 项目分析 通过Coreldraw图形制作软件绘制出人物行走的关键帧；绘制好后，再将关键帧以图像文件格式输出。然后，再用Photoshop图像处理软件对每一帧图像进行加工处理，背景图像的制作处理也可在Photoshop中完成。最后，使用Flash MX专业动画编辑制作软件完成最后的动画制作。 返回