FlashCS6中文版基础教程：第12章 创建运动补间动画

1第12章创建运动补间动画运动补间动画(见图12-1)是FlashCS6中非常重要的一项功能，创建运动补间动画可以实现的动画类型有很多种，包括位置和大小的变化、旋转的变化、速度的变化、颜色和透明度的变化，等等。具体来说常用到的动画效果有以下几种。缩放：制作有大小变化的动画效果。简易：制作有速度变化的动画效果。旋转：制作动画的旋转效果。调整到路径：在路径动画中，使物体沿着引导线运动。同步：设置元件动画的同步性。对齐：使物体粘贴到引导线上。2第12章创建运动补间动画制作传统补间动画有个必需的基本条件，一是开始帧和结束帧必须是关键帧，二是应用于运动补间的对象要具备元件或者群组属性。有箭头标识的是正确的补间动画，虚线标识的是错误的补间动画，如图12-2所示。312.1创建补间动画在前面章节的学习中，我们学习过创建简单的补间动画，本节我们来学习创建复杂的补间动画，改变对象位置和大小的补间动画。(1)首先打开素材文件，如图12-3所示。(2)我们要实现的效果是镜头的推进效果，即人物离我们越来越近，背景离视线越来越远。单击【背景】图层的隐藏图标，将【背景】图层隐藏，以便更方便地编辑【人物】图层中的内容，如图12-4所示。412.1创建补间动画(3)在【人物】图层的第30帧按F6键，插入关键帧，如图12-5所示。(4)选择【工具】面板中的【任意变形工具】，确认在【人物】图层的第30帧，调整人物的大小，如图12-6所示。(5)选择【工具】面板中的【选择工具】，移动人物图形的位置，如图12-7所示。512.1创建补间动画(6)在【人物】图层的第1帧到第30帧之间右击，在弹出的快捷菜单中选择【创建传统补间】命令，如图12-8所示。(7)单击【背景】图层的眼睛图标，取消【背景】图层的隐藏属性，如图12-9所示。(8)在【背景】图层的第30帧按F6键，插入关键帧，如图12-10所示。612.1创建补间动画(9)选择【工具】面板中的【任意变形工具】，确认在【背景】图层的第30帧，调整背景的大小，如图12-11所示。(10)在【背景】图层的第1帧到第30帧之间右击，在弹出的快捷菜单中选择【创建传统补间】命令，创建的补间动画如图12-12所示。(11)按Ctrl+Enter组合键测试动画，观察利用创建补间动画，所制作的镜头推进效果，如图12-13所示。712.2编辑补间动画属性选择【窗口】|【属性】菜单命令，打开【属性】检查器面板，如图12-14所示。在【属性】检查器面板中可以对动作补间动画的各个属性进行调节，包括补间动画的【类型】、【缓动】、【旋转】、【调整到路径】等控制功能都可以在这个控制面板中进行调节，在下面的学习中，我们来一一讲解它们的调节方法和所能实现的效果。812.2.1编辑【旋转】选项【旋转】选项是属性面板中很重要的一个调节选项，分为【自动】、【顺时针】和【逆时针】3个调节选项。下面我们来详细地介绍它们的功能，以及在动画制作过程中的应用。(1)首先打开素材文件，如图12-15所示。(2)在前边的学习中我们提到过补间动画的特性，首先将对象转换为元件，选中场景中的对象，如图12-16所示。(3)按Ctrl+F8组合键，弹出【转换为元件】对话框，将元件命名为“齿轮”，并且选择【对齐】的点为中心点，如图12-17所示。912.2.1编辑【旋转】选项(4)单击【确定】按钮，在【库】面板中选择我们刚刚转换的元件【齿轮】，如图12-18所示。(5)在【齿轮】图层的第30帧，按F6键插入关键帧，如图12-19所示。(6)在第1帧到第30帧之间的任意一帧右击，在弹出的快捷菜单中选择【创建传统补间】命令，创建的补间动画如图12-20所示。1012.2.1编辑【旋转】选项(7)在背景层的第30帧，按F5键。延长播放帧数，使“背景”和“齿轮”同步显示，如图12-21所示。(8)在【齿轮】图层的第1帧和第30帧之间单击，在【属性】检查器面板的【旋转】选项中，设置旋转的方向为【顺时针】，旋转的次数为“3”次，如图12-22所示。1112.2.1编辑【旋转】选项(9)按Ctrl+Enter组合键测试动画，观察影片中的齿轮是顺时针旋转的，如图12-23所示。(10)如果设置【旋转】的方向为逆时针，如图12-24所示，齿轮就以逆时针的方向转动。1212.2.2编辑【缓动】选项【缓动】选项也是补间动画控制面板中非常重要的一个部分。通过对【缓动】属性的调节，能实现对象运动速度的改变等效果。在【属性】检查器面板中单击【缓动】选项后边的【编辑缓动】按钮，弹出【自定义缓入/缓出】对话框。在此我们可以对缓动的属性进行自定义设置，默认状态下【属性】选项是暗的，处于不可编辑状态，如图12-25所示。取消启用【为所有属性使用一种设置】复选框，属性就可以自定义设置了，如图12-26所示。1312.3透明度与颜色的变化通过透明度和颜色的变化，利用元件的属性和特点，结合补间动画可以制作出丰富多彩的动画效果。下面演示一下透明度与颜色的变化和补间动画结合所形成的效果。(1)首先打开场景文件，如图12-37所示。(2)打开【库】面板，找到【库】中的命名为“彩虹”的图形元件，如图12-38所示。1412.3透明度与颜色的变化(3)双击【彩虹】元件，进入元件的编辑界面，如图12-39所示。(4)用鼠标拖曳选择元件内的所有图层，在第60帧按F6键为所有图层添加关键帧，如图12-40所示。(5)用鼠标拖曳框选工作区中的所有物体，将所有图层中的对象选中，如图12-41所示。也可以使用Ctrl+A组合键全选。1512.3透明度与颜色的变化(6)在【属性】检查器面板中，将Alpha透明度选项的参数设置为“0”，使工作区中所有图形透明，如图12-42所示。(7)将【红色】图层以外的所有图层隐藏，如图12-43所示。按住Alt键单击【红色】图层，就将其他图层隐藏了。(8)单击【红色】图层的第60帧关键帧，在【属性】检查器面板中选择【样式】下拉列表框中的【色调】选项，并选择颜色为“#FF0000”，如图12-44所示。1612.3透明度与颜色的变化(9)将【色调】的透明度设置为70%，加深彩虹的颜色，如图12-45所示。(10)隐藏【红色】图层，显示【黄色】图层，并选择图层第60帧的关键帧，如图12-46所示。(11)在【属性】检查器面板中选择【样式】为【色调】，并设置颜色为“#FFFF00”，设置【透明度】为“70”，如图12-47所示。1712.3透明度与颜色的变化(12)用同样的方法设置其他图层的颜色和透明度，制作出“彩虹”，如图12-48所示。(13)选择所有图层的第1帧到第60帧并右击，在弹出的快捷菜单中选择【创建传统补间】命令，效果如图12-49所示。(14)返回到场景中，将所有图层的帧数延长到60帧，如图12-50所示。按Enter键，播放动画观看透明度与颜色的变化和补间动画结合所形成的效果。1812.4上机实践操作本范例源文件：\12\源文件.fla。本范例完成文件：\12\生气的太阳.fla。多媒体教学路径：光盘→多媒体教学→第12章。1912.4.1实例介绍和展示本例通过运用【属性】检查器面板、【颜色】面板、【插入关键帧】命令、【创建传统补间】命令、【新建图层】命令、【库】面板、【任意变形工具】、【自定义缓入/缓出】对话框等命令制作生气的太阳动画。动画效果如图12-51所示。2012.4.2调整背景(1)打开光盘中的素材文件，如图12-52所示。(2)选择【窗口】|【属性】菜单命令，如图12-53所示。(3)打开【属性】检查器面板，选择场景中的元件，选择【样式】下拉列表框中的【色调】选项，单击【着色】按钮，打开混色器，如图12-54所示。2112.4.2调整背景(4)设置颜色的值为“0033CC”，设置色调的【透明度】为“60”，改变场景中“背景”实例的色调，制作出夜晚的效果，如图12-55所示。(5)在【背景】层的第60帧，按F6键，添加关键帧，如图12-56所示。(6)在新添加的关键帧中，选择场景中的“背景”实例，在【属性】检查器面板的【样式】下拉列表框中选择【无】选项，如图12-57所示。2212.4.2调整背景(7)在【背景】层的第1帧到60帧之间右击，在弹出的快捷菜单中选择【创建传统补间】命令，添加传统运动补间，如图12-58所示。(8)回到【背景】层的第1帧，按Enter键，播放由黑夜渐变到白天的动画效果，如图12-59所示。2312.4.3制作生气的太阳(1)单击【新建图层】图标，新建一个图层并命名为“太阳”，如图12-60所示。(2)选择【窗口】|【库】菜单命令，打开【库】面板，选中【库】面板中的【太阳】元件，如图12-61所示。(3)用鼠标拖曳【太阳】元件到场景中，创建实例，如图12-62所示。2412.4.3制作生气的太阳(4)使用【工具】面板中的【任意变形工具】，调整实例的大小和位置，如图12-63所示。(5)在【太阳】图层的第60帧，按F6键添加关键帧，如图12-64所示。(6)选择【太阳】图层的第1帧，使用【工具】面板中的【任意变形工具】，调整实例的大小和位置，如图12-65所示。2512.4.3制作生气的太阳(7)在【太阳】层的第1帧到60帧之间右击，在弹出的快捷菜单中选择【创建传统补间】命令，创建传统补间动画，如图12-66所示。(8)选择【太阳】图层的第1帧，选中实例，打开其【属性】检查器面板，在【样式】下拉列表框中选择Alpha选项，并调节Alpha数量为“0”，使实例完全透明，效果如图12-67所示。(9)在【太阳】图层的第1帧到第60帧之间单击，打开补间动画的【属性】检查器面板，如图12-68所示。2612.4.3制作生气的太阳(10)在【缓动】选项中输入数值“60”，单击【编辑缓动】按钮，打开【自定义缓入/缓出】对话框，使用鼠标拖曳调节黑色线段，如图12-69所示。(11)单击【确定】按钮，按Enter键，观察刚刚设置的缓动效果，如图12-70所示。(12)打开补间动画的【属性】检查器面板，设置【旋转】的方向为【顺时针】，旋转的次数为“2”，如图12-71所示。2712.4.3制作生气的太阳(13)按Enter键，播