模块3 3.3 基础动画（3）-高二《Animate CC 动画制作案例教程 》同步教学课件 （电子工业出版社·第2版）

模块3 基础动画 1 案例6 植物生长——逐帧动画 案例7 奥运篆书——补间形状 案例 8 秋游快乐行——元件和库 案例9 经典咏流传——传统补间动画 案例10 海底世界——补间动画 2 案例描述: 制作传统补间动画，实现图片的透明度、大小、位置及形状的变化如图3-81所示。 图3-81 案例9 经典咏流传——传统补间动画 3 案例分析: 制作传统补间动画实现图片的透明度及形状的变化。 在传统补间动画“属性面板”中设置Alpha值的变化效果。 3.11 传统补间动画制作 （1）组成元素：制作补间动画时，两个关键帧上的对象必须是元件实例或“成组对象”即只有把形状“组合”或者转换成“元件”后才可以制作补间动画。另外，两个关键帧上的对象应为同一对象，同一图层上每个关键帧中只能有一个对象。 （2）在时间轴面板上的表现形式：创建补间动画后，两个关键帧之间的背景变为淡紫色，在起始帧和结束帧之间有一个长长的箭头。 1．补间动画的特点 案例9 经典咏流传——传统补间动画 4 2．补间形状和补间动画的区别 案例9 经典咏流传——传统补间动画 区别 补间动画 补间形状 在时间轴上的表现 淡紫色背景加长箭头 淡绿色背景加长箭头 组成元素 影片剪辑、图形元件、按钮 形状；如果使用图形元件、按钮、文字，则必先打散再变形。 作用 实现一个元件的大小、位置、颜色、透明度等的变化。 实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。 5 3．补间动画的制作方法 案例9 经典咏流传——传统补间动画 （1）在时间轴面板上动画开始播放的地方创建或选择一个关键帧，并在关键帧上设置一个元件，注意一个帧中只能放一个项目。 （2）在动画结束的地方创建或选择一个关键帧并设置该元件实例的属性。 （3）选择开始帧和结束帧之间的任意帧，执行下列操作之一： 单击右键，在弹出的快捷菜单中选择“创建传统补间”。 选择菜单“插入→传统补间”。 6 1．补间动画属性面板 案例9 经典咏流传——传统补间动画 （1）“缓动”选项 用鼠标单击“缓动”右边的数值“0”，在文本框中输入数值。补间动画将根据设置作出相应的变化。 （2）“编辑缓动”按钮 单击“编辑缓动”按钮，弹出“自定义缓入/缓出”对话框，如图3-96所示。可以通过调整曲线形状，设置动画的缓入/缓出效果， （3）“旋转”选项 无（默认设置）：禁止对象旋转； 自动：对象以最小的角度旋转1次，直到终点位置； 顺时针及次数：使对象在运动时顺时针旋转相应的圈数； 逆时针及次数：使对象在运动时逆时针旋转相应的圈数。 3.12 补间动画的属性 7 1．补间动画属性面板 案例9 经典咏流传——传统补间动画 （4）“调整到路径”复选框 勾选该复选框，将补间元素的基线调整到运动路径，主要用于引导线运动，此项功能将在第4章中介绍。 （5）“同步”复选框 勾选该复选框，可以确保实例在主文档中正确地循环播放。如果元件中动画序列的帧数不是文档中图形实例占用的帧数的偶数倍，应使用“同步” 命令。 （6）“贴紧”复选框 勾选该复选框，可使对象沿路径运动时，自动捕捉路径。 3.12 补间动画的属性 8 案例描述: 制作补间动画，实现“鱼”实例位置与旋转方向的变化如图3-98所示。 图3-98 案例10 海底世界——补间动画 9 案例分析: 制作补间动画实现“鱼”图形实例位置与旋转方向的变化。 了解补间动画与传统补间动画的区别。 案例10 海底世界——补间动画 3.13 补间动画制作 1．创建补间动画 （1）创建位置补间动画 在舞台上选择要补间的一个或多个对象。 执行下列操作之一： 菜单“插入→补间动画” 单击右键，在快捷菜单中选择“创建补间动画”。 在时间轴中拖动补间范围的任一端，以按所需长度缩短或延长范围。 10 案例10 海底世界——补间动画 1．创建补间动画 （2）创建非位置属性的补间动画 选择舞台上的对象。 选择菜单“插入→补间动画”。 将播放头放到补间范围中要指定属性的某个帧上。 在舞台上选定了对象后，可设置非位置属性（如Alpha透明度和倾斜等）的值。使用“属性”面板或“工具”面板中的工具之一设置属性值。 2. 编辑补间的运动路径 （1）更改补间对象的位置 将播放头移动到补间的任意位置，移动补间的目标对象。 （2）使用“选取”工具和“部分选取”工具，“任意变形“工具编辑运动路径的形状。 11 案例10 海底世界——补间动画 3．使用动画编辑器制作动画 图3-108 12 案例10 海底世界——补间动画 1.传统补间使用关键帧，关键帧是显示对象的新实例的帧。补间动画只能有一个与之关联的对象实例，使用属性关键帧而不是关键帧 2.补间动画在补间范围内由一个目标对象组成。 3