案例9：海底世界——补间动画（课件）-《Animate CC动画制作案例教程》（电子工业出版社第2版）同步精品课堂

海底世界——补间动画 -案例9- Animate CC动画制作案例教程 电工版第二版 案例描述 制作补间动画，实现“鱼”实例位置与旋转方向的变化如图所示。 案例分析 制作补间动画实现“鱼”图形实例位置与旋转方向的变化。 01 了解补间动画与传统补间动画的区别。 02 操作流程演示 第一部分 操作流程演示 1. 启动Animate, 打开素材文件“海底世界. fla”。 操作流程演示 2.新建一个图层并重命名为“鱼”。打开库面板，将“鱼. png”拖入舞台如图所示的位置。 操作流程演示 3.选择“鱼. png”，按F8键，将舞台上的文件转换为图形元件。打开“转换为元件”对话框，设置“名称”为“鱼”，“类型”为“图形”。 操作流程演示 3.在第100帧处按F5键插入一帧。选中“鱼”图层的第1~100帧中的任意一帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令，此时底纹变成了浅蓝色。 操作流程演示 4.单击“鱼”图层第20帧，将舞台上的“鱼”实例向下方拖曳到如图所示位置。伴随着鱼的移动将出现一条带有菱形的点状线，同时在“时间轴”第20帧处出现一个菱形的黑色方块。 操作流程演示 5.单击“鱼”图层的第40帧，将舞台上的“鱼”实例向右上方移动，如图所示。随着鱼的移动会出现带有菱形的点状线，同时在“时间轴”第40帧处出现一个菱形黑色方块。使用“任意变形工具”变换鱼的形状。 操作流程演示 6.用同样的方法设置第60帧、100帧的“鱼”实例的位置及形状。“鱼”实例的位置轨迹如图所示。 操作流程演示 7.单击工具栏中“钢笔工具”右侧的三角按钮，在下拉列表中选择“转换锚点工具”或按【Shift+C】组合键，将舞台上的运动轨迹调整为圆滑的曲线（也可以使用“部分选取工具”调整轨迹上关键点的位置），调整后的圆滑轨迹效果如图所示。 操作流程演示 8.按【Ctrl+S】组合键保存文件，按【Ctrl+Enter】组合键测试影片。 分组实践 第二部分 分组实践 布置任务：在学生端电脑完成案例制作，可根据小组讨论结果适当添加有趣效果。 巩固练习 随堂练习 1. 补间动画在时间轴上显示为（ ） A. 蓝色背景的箭头 B. 淡紫色背景的箭头 C. 绿色背景的箭头 D. 虚线 【答案】B 【解析】 成功创建的补间动画在时间轴上显示为带有淡紫色（或浅蓝色）背景的箭头，与传统补间的蓝色背景相区别。 随堂练习 2. 在补间动画中，用于精确控制对象位置、旋转、透明度等属性随时间变化的面板是（ ） A. 对齐面板 B. 动画编辑器面板 C. 属性面板 D. 颜色面板 【答案】B 【解析】 动画编辑器面板（快捷键Ctrl+6）是补间动画的核心控制中心，可以以曲线图形式精细调整每个属性在不同时间点的数值和变化速率。 随堂练习 3. 要为“游动的小鱼”创建补间动画，小鱼对象必须是（ ） A. 影片剪辑、图形或按钮元件实例 B. 矢量形状 C. 位图图像 D. 任何类型的对象 【答案】A 【解析】 补间动画主要应用于元件实例（影片剪辑、按钮、图形）和文本对象。矢量形状不能直接创建补间动画，需要先转换为元件。 随堂练习 4. 补间动画的运动路径上，小圆点表示（ ） A. 普通帧 B. 关键帧 C. 属性关键帧 D. 路径锚点 【答案】C 【解析】 补间动画的运动路径上的小圆点代表“属性关键帧”，它标记了对象在某个特定时间点的位置（以及可能其他属性）状态。 随堂练习 5. 要调整补间动画中运动路径的曲率，可以使用（ ） A. 选择工具直接拖动路径 B. 部分选取工具调整路径上的锚点 C. 钢笔工具添加或删除锚点 D. 以上所有工具都可以 【答案】D 【解析】 补间动画的运动路径是一条贝塞尔曲线，可以使用选择工具整体移动或拉弯路径，用部分选取工具编辑锚点及其控制柄以调整曲率，用钢笔工具添加或删除锚点来改变路径结构。 随堂练习 6. 在补间动画中，要创建对象先加速后减速的运动效果，应该在动画编辑器中调整（ ） A. 水平位置（X）曲线为 S 形 B. 垂直位置（Y）曲线为直线 C. 旋转曲线为 V 形 D. 缩放曲线为弧形 【答案】A 【解析】 在动画编辑器中，对象的运动速度由位置属性曲线的斜率决定。将水平位置（X）或垂直位置（Y）的曲线调整为平缓陡峭平缓的“S”形，即可实现先加速、中段匀速（或高速）、后减速的运动效果。 THANKS 谢谢观看 $