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

单元七 补间动画的制作 学习目标 掌握元件在补间动画中的使用方法。 01 掌握传统补间动画的制作方法。 02 掌握运动引导层动画的制作方法。 03 掌握补间动画的制作方法。 04 任务3 制作新颖的补间动画 补间动画的操作对象可以是图形元件、按钮元件、影片剪辑元件和文本等,如果不是以上的类型,则Flash软件会提示是否将帧中的对象转换为影片剪辑元件,单击“确定”按钮后,就会自动完成转换并创建一个补间动画,如图7-73所示。 图7-73 建立补间动画的提示 1.创建补间动画的对象 任务3 制作新颖的补间动画 在补间动画中,可以通过改变属性关键帧中对象的属性实现对象实例的移动、大小的改变、形状的变化、旋转效果和对象色彩效果的变化、对象可见性效果的变化等效果。可以实现补间的属性包括以下几个: 2.补间动画的实现效果 (1)位置和大小:实现移动和大小缩放的效果。 (2)3D定位和视图。 (3)色彩效果:包括亮度、色调、高级颜色设置和 Alpha透明度,可以实现颜色变化、淡入淡出等常见动画效果。 (4)滤镜效果。 任务3 制作新颖的补间动画 (1)在时间轴的第1帧上放入元件实例,也可以由Flash软件自动将对象转换为影片剪辑元件。 (2)右击第1帧,在弹出的快捷菜单中选择“创建补间动画”命令,这时会自动在第1帧和第24帧之间建立补间动画效果,如图7-74所示。 (3)如果想将动画效果延续到第50帧上,可以在第50帧上右击,在弹出的快捷菜单中选择“插入帧”命令。 图7-74 创建补间动画 3.补间动画的创建方法 任务3 制作新颖的补间动画 (4)如要在创建的补间动画中实现多样的效果,可以选中某一普通帧,改变该帧上对象的属性值,该普通帧也会变成属性关键帧,如图7-75中的第10帧、第20帧、第30帧和第40帧,从而实现效果的变化。 (5)设置补间动画的属性,可以实现缓动、旋转等动画效果,如图7-76所示;其中缓动、旋转的设置类似于传统补间动画中相应项的设置。 图7-74 创建补间动画 3.补间动画的创建方法 图7-76 补间动画的属性设置 案例7-9 制作多变的文字 一个文字在位置改变过程中发生色彩效果的不断变化,实现顺时针旋转两次。该效果主要应用了补间动画的基本创建方法和设置方法,动画效果如图7-77所示。 案例描述 图7-77 多变的文字 案例7-9 制作多变的文字 制作步骤 (1)新建一个Flash文档,执行菜单命令“文件”→“保存”,将该文档命名为“多变的文字”。 (2)执行菜单命令“插入”→“新建元件”,新建一个名称为“中”的图形元件;在元件编辑窗口中使用“文本工具”创建静态文本“中”,字体为楷体,字号为80,颜色为红色,如图7-78所示。 (3)单击“图层1”的第1帧,把库中的元件“中”拖到舞台的左边。 (4)右击“图层1”的第1帧,在弹出的快捷菜单中选择“创建补间动画”命令,此时会在第1帧和第24帧之间建立补间动画,时间轴如图7-79所示。 图7-78 图形元件“中” 图7-79 建立补间动画的时间轴 案例7-9 制作多变的文字 制作步骤 (5)右击第10帧,在弹出的快捷菜单中选择“插入关键帧”→“位置”命令,即可插入一个位置属性关键帧。选中该帧中的实例,拖动文字“中”,改变该帧的实例位置,调整该实例中“色调”样式的“着色”颜色值为#00FF00,“色调数量”值为100,该实例的“属性”设置如图7-80所示,实际显示效果如图7-81所示。 图7-80 实例的“属性”设置 图7-81 属性关键帧效果显示 案例7-9 制作多变的文字 制作步骤 (6)分别在“图层1”的第20帧、第30帧、第40帧和第50帧处插入属性关键帧,移动帧上对象的位置,调整“着色”颜色值分别为#0000FF、#FFFF00、#00FFFF和#FF00FF,“色调数量”值均为100%,如图7-82所示。 (7)选中补间动画的其中一帧,将动画的属性“旋转”设置为“顺时针”方向,旋转次数为2次,如图7-83所示。 (8)执行菜单命令“文件”→“保存”,保存该文档。按组合键Ctrl+Enter测试动画效果。 图7-82 各个属性关键帧的显示 图7-83 补间动画属性 案例7-10 制作复杂的海底动画 案例描述 在海底有两条自由游动的海豚、一条游动的海马、水母以及水中升起的气泡。该实例效果与前面案例7-8海底世界的效果类似,但两个实例的制作方法不同,一个使用引导层动画,另一个使用补间动画。该实例的制作效果如图7-84所示。 图7-84 复杂的海底动画效果 案例7-10 制作复杂的海底动画 制作步骤 (1)新建一个Flash文档,舞台宽度为600像素,高度为400像素,将素材文件夹中提供的图片全部导入库中。 (2)单击时间轴上“图层1”的第1帧,从“库”中拖动图片“