7.2制作运动引导层动画(课件)-《Flash CC 2015动画制作案例教程》同步教学（哈尔滨工程大学出版社）

单元七 补间动画的制作 学习目标 掌握元件在补间动画中的使用方法。 01 掌握传统补间动画的制作方法。 02 掌握运动引导层动画的制作方法。 03 掌握补间动画的制作方法。 04 任务2 制作运动引导层动画 运动引导层动画实际上是传统补间动画的特例,它在传统补间动画的基础上又增加了运动轨迹。引导层上绘制的是运动的路径,可以使用钢笔工具、铅笔工具、线条工具、矩形工具、椭圆工具或画笔工具绘制;在正式播放过程中,引导层上的路径是看不见的。被引导层上是一个传统补间动画,通过将动画中运动的对象放置吸附在引导层的路径上,从而实现运动的轨迹沿着引导层进行,实现了引导层动画的效果。 1.运动引导层动画的概念 任务2 制作运动引导层动画 (1)创建一个传统运动补间动画,实现一个对象沿直线运动的动画效果。 (2)添加引导层。在时间轴上,右击传统补间运动层名称,在弹出的快捷菜单中选择“添加传统运动引导层”命令,则在运动图层的上面出现一个引导图层,运动图层即为被引导层。引导层和被引导层在位置上存在缩进关系,它们是关联在一起的。 (3)在引导层上使用钢笔工具、铅笔工具、线条工具、矩形工具、椭圆工具或画笔工具绘制一条用于引导运动的路径;对于封闭的路径,要使用橡皮擦擦去一部分,使得封闭路径出现一个缺口,否则,运动时是沿着最近的路径进行运动。 (4)将运动补间效果的起始帧和结束帧上的对象分别放置并吸附在引导层路径的起点和终点上,如图7-47所示。 2.运动引导层动画制作的方法 图7-47 运动引导层动画的制作 任务2 制作运动引导层动画 (1)右击图层名,在弹出的快捷菜单中选择“添加传统运动引导层”命令,在当前图层上面增加一个运动引导层,当前图层变为被引导层。 (2)右击图层名,在弹出的快捷菜单中选择“引导层”命令,当前图层变成引导层。将引导层下方的图层稍向右上方移动,此图层将会变成被引导层,被引导层图标向右缩进。引导层也将改变为运动引导层。 (3)选择某个图层,执行菜单命令“修改”→“时间轴”→“图层属性”,打开图层属性面板,选择引导层。 3.设置运动引导层和被引导层的方法 任务2 制作运动引导层动画 (1)在播放运动引导层动画时,引导层上的路径是看不见的,如果想看见运动的轨迹,可以在引导层动画的下面创建一个“轨迹”图层(该图层和引导层在位置上是并列的);复制引导层上的路径,单击“轨迹”图层的第1帧,按组合键Ctrl+Shift+V粘贴到当前位置,实现“轨迹”图层上第1帧粘贴的路径与引导层上的路径重合,如图7-48所示。 (2)在引导层动画制作的过程中,可以实现多个传统补间动画共用一个引导层的动画效果;也可以实现在同一时间轴上存在多个引导层动画的效果。 图7-48 引导层动画轨迹显示 4.运动引导层动画的效果扩展 案例7-6 制作转动的小球动画 案例描述 一个小球沿着一条椭圆轨迹不停地转动,动画效果如图7-49所示。 图7-49 转动的小球 案例7-6 制作转动的小球动画 制作步骤 (1)新建一个Flash文档,设置背景颜色为白色。 (2)执行菜单命令“插入”→“新建元件”,新建一个图形元件“小球”,在元件的编辑窗口,使用工具箱中的“椭圆工具”绘制一个无边框线条的圆,圆的填充颜色为红色到黑色的“径向渐变”效果,如图7-50所示。 图7-50 “小球”元件的填充效果 案例7-6 制作转动的小球动画 制作步骤 (3)切换到场景1;双击“图层1”,将其重命名为“小球”;单击该图层的第1帧,从库中将“小球”元件拖入到舞台上,在第60帧的位置按F6键插入关键帧,在第1帧和第60帧之间建立传统补间动画;在补间动画属性面板上选中“贴紧”复选框。 (4)在“时间轴”面板上右击“小球”图层,在弹出的快捷菜单中选择“添加传统运动引导层”命令,此时会在“小球”图层的上面添加一个“传统运动引导层”。单击运动引导层的第1帧,使用“椭圆工具”在舞台中绘制一个线条为蓝色边框的椭圆(无填充色)。 (5)使用工具箱中的“橡皮擦工具”,在引导层的椭圆路径上擦出一个小的缺口;在“小球”图层上,分别把第1帧和第60帧的对象移动到椭圆缺口的左右两边紧紧吸附,如图7-51所示。 图7-51 绘制引导层的椭圆 案例7-6 制作转动的小球动画 制作步骤 (6)单击引导层的第1帧,按组合键Ctrl+C复制当前帧上的椭圆路径。 (7)在“小球”图层的下方新建一个图层,重命名为“轨迹”,选中第1帧,按组合键Ctrl+Shift+V 将引导层上的路径粘贴到“轨迹”图层的当前位置。单击“轨迹”图层的第1帧,使用工具箱中的“铅笔工具”绘制蓝色的线条把椭圆缺口连接好,如图7-52所示。 (8)执行菜单命令“文件”→“保存”,将该文档命名为“转动的小球”进行保存;按组合键Ctrl+Enter测试当前动画效果。 图7