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

单元六 形状补间动画的制作 学习目标 掌握产生形状补间动画的条件。 能运用形状补间动画制作简单的变形动画。 掌握形状提示的使用方法。 02 03 01 任务1 制作简单的形状补间动画 1.形状补间动画的概念 形状补间动画也称变形过渡动画,它是由一种形状对象逐渐变化为另一种形状对象的动画。形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,使用的元素多为用鼠标或压感笔绘制出的形状。 任务1 制作简单的形状补间动画 2.创建形状补间动画的条件 形状补间动画的实施对象是矢量图形、打碎的文字和由位图转换的矢量图形,但不能将实例、未打碎的文字、位图图像、群组对象等进行变形动画制作。 (1)一个形状补间动画至少要有两个关键帧,缺一不可。 (2)两个关键帧上的对象必须是可编辑的形状,如果是图形元件、按钮、文字、组等,则必须先将其分离。 (3)这两个关键帧上的形状必须有一些变化,否则制作的动画没有动画效果。 形状补间动画的作用效果:作用在相同的图形组件上,可产生移动和缩放的效果。作用在不同的图形组件上,可制作颜色、形状大小、位置补间。 任务1 制作简单的形状补间动画 3.分离(或打碎或打散)图形或文字的方法 (1)打碎文本的方法:选中文本,按两次组合键Ctrl+B;或者先选中文本,执行菜单命令“修改”→“分离”,连续执行两次分离命令。 (2)打碎组合图形或图像的方法:按组合键 Ctrl+B,或执行菜单命令“修改”→“分离”。 任务1 制作简单的形状补间动画 4.创建形状补间动画的步骤 (1)单击某一图层,使它成为当前图层,然后单击选中一个空白关键帧作为动画的开始帧。 (2)在舞台内创建一个符合要求的对象(对象为矢量图形、打碎的文字和由位图转换的矢量图形),作为形状补间的初始对象。 (3)右击形状补间动画的终止帧,在弹出的快捷菜单中执行“插入空白关键帧”命令,然后在舞台内创建一个符合要求的对象,作为形状补间的终止对象。 (4)单击选中起始关键帧,然后执行菜单命令“插入”→“补间形状”,或右击该关键帧,在弹出的快捷菜单中选择“创建补间形状”命令。 形状补间动画创建成功之后,“时间轴”面板的背景色为淡绿色,在开始关键帧和结束关键帧之间有一个黑色的箭头,如图6-1所示。 图6-1 形状补间动画的“时间轴”面板 任务1 制作简单的形状补间动画 5.设置形状补间动画的属性 形状补间动画的创建方法比较简单,但在实际应用中,动画的制作比较复杂,可以通过“属性”面板设置动画的属性来提高实例运动的复杂性。形状补间动画的“属性”面板如图6-2所示。创建形状补间动画后,在“属性”面板可以设置以下属性: (1)缓动:设置补间动画的缓动大小。 ①-100~-1:动画的运动速度从慢到快,向运动结束的方向加速补间。 ②1~100:动画的运动速度从快到慢,向运动结束的方向减速补间。 ③0(默认):补间帧之间的变化是匀速不变的。 (2)混合:包括两个选项。 ①分布式:创建的动画中间形状比较平滑和不规则。 ②角形:创建的动画中间形状会保留明显的角和直线,适合具有锐化转角和直线的混合形状。 图6-2 形状补间动画的“属性”面板 案例6-1 制作小球逐渐演变成文字的动画 案例描述 图形“小球”与文字“万事如意”互相变化的动画。小球逐渐变成文字“万事如意”。在此过程中,形状、颜色、大小、位置都在逐渐改变。案例的动画效果如图6-3所示。 图6-3 案例动画效果 案例6-1 制作小球逐渐演变成文字的动画 制作步骤 (1)单击图层1的第1帧,使用工具箱中的“椭圆工具” ,在舞台内任意位置绘制一个填充色为红色、无笔触颜色的圆,如图6-4所示。 图6-4 绘制图形“圆” 案例6-1 制作小球逐渐演变成文字的动画 制作步骤 (2)右击“图层1”的第50帧,在弹出的快捷菜单中选择“插入空白关键帧”命令,然后单击工具箱中的“文本工具” ,打开“属性”面板,在“属性”面板中设置字体为“楷体”,文字大小为96,颜色为蓝色。在舞台内任意位置单击,输入“万事如意”,然后按组合键Ctrl+B两次打散文字(文字一定要打散),如图6-5所示。 (3)选中起始关键帧,执行菜单命令“插入”→“补间形状”或右击该关键帧,在弹出的快捷菜单中选择“创建补间形状”命令。 (4)按组合键Ctrl+Enter或执行菜单命令“测试”→“控制”,进行测试播放。 图6-5 被打散的文字 案例6-2 制作光线运动照射文字的特效动画 案例描述 光线从左到右,再从右到左照射文字,案例的效果如图6-6所示。 图6-6 案例的运行效果 案例6-2 制作光线运动照射文字的特效动画 制作步骤 (1)执行菜单命令“修改”→“文档”,把背景设置为浅蓝色。 (2)单击图层1的第1个关键帧,使用工具箱中的“文本工具” ,