7.1制作传统补间动画(课件)-《Flash CC 2015动画制作案例教程》同步教学（哈尔滨工程大学出版社）

单元七 补间动画的制作 学习目标 掌握元件在补间动画中的使用方法。 01 掌握传统补间动画的制作方法。 02 掌握运动引导层动画的制作方法。 03 掌握补间动画的制作方法。 04 任务1 制作传统补间动画 1.传统补间动画的操作对象 传统补间动画的操作对象可以是元件的实例、未打散的文本、组合图形、矢量图形等。传统补间动画主要是完成对象的移动、大小的改变、形状的变化、旋转效果、对象色彩效果的变化、对象可见性效果的变化、动态切换画面等动画效果。通过时间轴上各个图层的传统补间动画堆叠在一起,便在舞台上形成一系列复杂的动画效果。 任务1 制作传统补间动画 2.传统补间动画的制作过程 (1)单击图层上的一个空白关键帧,在舞台上添加一个元件实例,或者添加一个图形。 (2)单击动画效果的结束帧位置,插入一个关键帧,也可以把该位置的普通帧转化为关键帧。 (3)单击选中创建动画效果的开始关键帧与结束关键帧之间的任意一帧,执行菜单命令“插入”→“传统补间”,或者右击,在弹出的快捷菜单中选择“创建传统补间”命令。这样,在两个关键帧之间就会产生一个蓝色的水平箭头线,表明该传统补间动画已创建成功。 (4)根据动画效果的需要可以调整起始关键帧与结束关键帧上实例的位置、大小、旋转角度、色调和透明效果等。 任务1 制作传统补间动画 2.传统补间动画的制作过程 (5)设置完传统补间动画后,帧的“属性”面板中会出现多个选项设置,如图7-1所示,其使用方法如下。 ①“缓动”选项:设置该补间动画实例的运动速度。其取值范围为-100~100,选择正数时为减速运动,刚开始运动快,然后速度慢慢减小;选择负数时为加速运动,刚开始运动慢,然后速度逐渐加快。 ②“旋转”选项:选中该选项,用于设置对象在动画过程中旋转的方式和次数。 ③“贴紧”选项:选中该选项,在创建引导层动画时,可以方便地将对象的中心点吸附到运动路径上。 ④“同步”选项:选中该选项,如果对象是一个包含动画效果的图形组件实例,其动画和主时间轴同步。 ⑤“缩放”选项:选中该选项,实现对象在动画过程中大小的改变。 图7-1 传统补间属性的设置 案例7-1 制作滚动的车轮动画 案例描述 一个圆形的车轮在草原木板路上向前滚动,案例的动画效果如图7-2所示。 图7-2 滚动的车轮效果 案例7-1 制作滚动的车轮动画 制作步骤 (1)新建一个Flash文档,舞台宽度为550像素,高度为400像素,背景颜色为黑色。 (2)在“时间轴”面板中单击图层1的第1帧,执行菜单命令“文件”→“导入”→“导入到舞台”,将素材图片“背景.jpg”导入到舞台,放置在舞台坐标原点位置,大小与舞台大小相同,如图7-3所示;在第60帧处按F5键插入帧;双击“图层1”名称,将其重命名为“背景”,然后将该图层锁定。 图7-3 背景图片位置和大小 案例7-1 制作滚动的车轮动画 (3)制作图形元件“车轮”。 ①执行菜单命令“插入”→“新建元件”,弹出“创建新元件”对话框,在“名称”文本框中输入“车轮”,类型选择“图形”,然后单击“确定”按钮,如图7-4所示。 ②在图形元件“车轮”的编辑窗口中,将素材图片“车轮.jpg”导入到舞台;单击工具箱中的“任意变形工具” ,然后选择图片,按住Shift键不放进行拖动,缩放至合适大小。 图7-4 创建新元件 制作步骤 案例7-1 制作滚动的车轮动画 (3)制作图形元件“车轮”。 ④单击工具箱中的“魔术棒” ,在“魔术棒”属性面板中设置“阈值”为30,如图7-5所示;使用“魔术棒”单击“车轮”矢量图中的所有白色像素区域,如图7-6所示,按Delete键将其全部删除。至此,图形元件“车轮”创建完毕。 图7-5 魔术棒属性 图7-6 选中白色区域 制作步骤 案例7-1 制作滚动的车轮动画 制作步骤 (4)切换到场景1,在“时间轴”面板中单击“新建图层”按钮,新建“图层2”,并重命名为“车轮”;选中该图层的第1帧,从库中拖出元件“车轮”并放置在舞台的左边位置,如图7-7所示。 (5)单击图层“车轮”的第60帧,按F6键插入关键帧;按Shift键不放,拖动该帧上的对象“车轮”到舞台右边位置,如图7-8所示;右击该图层的第1帧,在弹出的快捷菜单中选择“创建传统补间”命令,此时在第1帧到第60帧之间出现一条蓝色的箭头线,表明传统补间动画创建成功。 图7-7 第1帧舞台效果 图7-8 第60帧舞台效果 案例7-1 制作滚动的车轮动画 制作步骤 (6)选中第1帧到第60帧之间任意一帧,打开右边的“帧”属性面板,设置“补间”选项区中的“旋转”为顺时针,旋转次数为1次,如图7-9所示。此时,“时间轴”面板如图7-10所示。 (7)执行菜单命令“文件”→“保存”,保存该 Flash文档,命名为“滚动的车轮”;按组合键C