中国水利水电出版社：《动画专业导论》教材电子教案（PPT教学课件）第四章 制作简单的逐帧动画

天津市妥喔体技市有限公司制作 第四章制作简单的逐帧动画 ◆ ImageReady.实现动画效果 ◆F|ashM实现动画效果」 ①赵利部电版社 www.waterpub.com.cn

第四章 制作简单的逐帧动画 ◆ImageReady实现动画效果 ◆Flash MX实现动画效果

天津市妥喔体技市有限公司制作 I makeReady实现动画效果 ①赵利部电版社 www.waterpub.com.cn

ImageReady实现动画效果

天津市妥喔体技市有限公司制作 4.11 makeReady?实现动画效果动画创意的解析 动画中的两个关键帧图像 ImageReady?实现动画效果第1页「返回 ①赵利部电版社 www.waterpub.com.cn

ImageReady实现动画效果 第1页 返回 4.1 ImageReady实现动画效果 动画创意的解析 动画中的两个关键帧图像

天津市妥喔体技市有限公司制作 4.11 makeReady?实现动画效果动画创意的解析 创意效果 在动画中主要反映歌手在舞台上演唱时的状态:歌手在 深情演唱的同时,为了增强表现力,为歌手设计了一个漂亮 的转身动画效果,将演唱状态发挥到“极致”。 项目分析 由于是转身效果,动画人物在场景的颜色要确保统一。 最好使用带有图层编辑的图像处理软件如 Photoshop来完成对 图像的编辑。而在 ImageReady中完成动画的制作。 ImageReady?实现动画效果第2页「返回 ①赵利部电版社 www.waterpub.com.cn

第2页 返回 4.1 ImageReady实现动画效果 动画创意的解析 ➢ 创意效果 在动画中主要反映歌手在舞台上演唱时的状态：歌手在 深情演唱的同时，为了增强表现力，为歌手设计了一个漂亮 的转身动画效果，将演唱状态发挥到“极致” 。 ➢ 项目分析 由于是转身效果，动画人物在场景的颜色要确保统一。 最好使用带有图层编辑的图像处理软件如Photoshop来完成对 图像的编辑。而在ImageReady中完成动画的制作。 ImageReady实现动画效果

天津市妥喔体技市有限公司制作 4.11 makeReady?实现动画效果动画的实现过程 (1)绘制出动画中的六个关键帧图像并在 Photoshop l中进行 着色 ImageReady?实现动画效果第3页「返回 ①赵利部电版社 www.waterpub.com.cn

第3页 返回 4.1 ImageReady实现动画效果 动画的实现过程 （1）绘制出动画中的六个关键帧图像并在Photoshop中进行 着色 ImageReady实现动画效果

天津市妥喔体技市有限公司制作 4.11 makeReady?实现动画效果动画的实现过程 (2)动画界面的尺寸设置 Name: Untitled-1 Preset: Custom Cancel e Save preset De Resolution: 72 pixels/inch Background Contents:White Image Size: 1805K ImageReady?实现动画效果第4页「返回 ①赵利部电版社 www.waterpub.com.cn

第4页 返回 4.1 ImageReady实现动画效果 动画的实现过程 （2）动画界面的尺寸设置 ImageReady实现动画效果

天津市妥喔体技市有限公司制作 4.11 makeReady?实现动画效果动画的实现过程 (3)各关键帧在图层中的效果 Layers Channels Paths Opacity:100%> aF:100 Layer 6 Layer 2 Layer 1 ImageReady?实现动画效果第5页「返回 ①赵利部电版社 www.waterpub.com.cn

第5页 返回 4.1 ImageReady实现动画效果 动画的实现过程 （3）各关键帧在图层中的效果 ImageReady实现动画效果

天津市妥喔体技市有限公司制作 4.11 makeReady?实现动画效果动画的实现过程 (4)通过调整图层透明度进行调节各图层间的图像位置,使 其重合 BUntitled-1·100.…回区 nageReady实现动画效果第6页「返回 ①赵利部电版社 www.waterpub.com.cn

第6页 返回 4.1 ImageReady实现动画效果 动画的实现过程 （4）通过调整图层透明度进行调节各图层间的图像位置，使 其重合 ImageReady实现动画效果

天津市妥喔体技市有限公司制作 4.11 makeReady?实现动画效果动画的实现过程 (5)关键帧图像设计完成后进入 ImageReady应用程序中来 回p (6)选择“ Windows”菜单项中“ Animation”选项,出现 动画面板 ImageReady?实现动画效果第7页「返回 ①赵利部电版社 www.waterpub.com.cn

第7页 返回 4.1 ImageReady实现动画效果 动画的实现过程 （5）关键帧图像设计完成后进入ImageReady应用程序中来 ImageReady实现动画效果 （6）选择“Windows”菜单项中 “Animation”选项，出现 动画面板

天津市妥喔体技市有限公司制作 4.11 makeReady?实现动画效果动画的实现过程 (7)选中第1个动画帧,在“ Layer”图层面板中设置“ Layer1” 图层为显示状态,“ Layer2”~“ Layer6”都设置为不可见。 sagene 9999a9 ImageReady?实现动画效果第8页「返回 ①赵利部电版社 www.waterpub.com.cn

第8页 返回 4.1 ImageReady实现动画效果 动画的实现过程 （7）选中第1个动画帧，在“Layer”图层面板中设置“Layer1” 图层为显示状态，“Layer2” ～“Layer6”都设置为不可见。 ImageReady实现动画效果