教科版（云南）信息技术八年级下册 第五课《形状补间》课件.pptxVIP

第5课

形状补间动画

;补间动画由用户制作起始关键帧和结束关键帧，中间的各过渡帧由Flash通过计算自动补充。元件实例的大小、位置、亮度、色调、Alpha值等的变化可以使用动画补间动画来实现，但要用补间动画的方式实现形状上的变化则需要使用形状补间动画。

试一试打开文件“汉字的演变swf”，观看播放效果。;一、形状补间动画

形状补间动画指的是在起始关键帧中绘制一个形状，然后在结束关键帧中更改该形状或绘制另一个形状，Flash根据起始关键帧和结束关键帧的值或形状来自动创建中间帧的动画。制作形状补间动画时，起始关键帧或结束关键帧中的对象必须是分离状态的图形。;Flash中的图形有分离状态的，也有组合状态的。选中分离状态与组合状态的对象以不同形式显示，如图5-1、图5-2所示。;“对象绘制”未被选中时，舞台上直接绘制的图形为分离状态;被选中时，绘制的图形则是组合状态。通常，所有通过库元件在舞台上生成的实例对象则是组合状态的。;模仿“范例1.fla”，在舞台上绘制起始关键帧的一弯半月，以及结束关键帧的象形文字。;1.制作形状补间动画

(1)在起始关键帧和结束关键帧中绘制所需形态变化的图形，并确保两关键帧中的图形均为分离状态。如果是组合状态的对象，可以通过单击“修改”菜单下的“分离”命令，或者直接使用快捷组合键【Crl+B】使之变为分离状态。;(2)选中起始关键帧与结关键帧之间的任意帧，在“属性”面板中设置“补间”为“形状”，此时将自动生成形状补间动画。形状补间动画建立后，时间轴面板的背景色变为淡绿色，在起始关键帧和结关键帧之间有一条实线箭头，如图5-3所示。;2.可能产生的问题及解决方法

当起始关键帧和结束关键帧之间带箭头的线为虚线，或不带箭头时，说明形状补间动画生成有误。解决方法如下。

(1)检查两端是否都有非空白的关键帧，即从外观上看，两端是否都是黑色实心圆点。

(2)检查两端关键帧中的图形是否均被分离。;3能实现的效果

形状补间动画可以实现元件实例大小、位置、色调等的变化，但通常形状补间动画主要用于实现不同形状之间流畅变化的动态演???过程。;模仿“范例2.fla”，绘制关键帧，制作从象形文字到甲骨文演变过程的动画。;二、绘图纸外观工具

为了方便用户操作，Flash提供了绘图纸外观工具，它可同时编辑多个帧，如图5-4至图5-7所示。;尝试使用绘图纸外观工具，在文件“范例2.fla”中对齐前后不同帧的位置。;Flash舞台上通常只能显示某一帧的画面，即只能显示某一时刻的变化。

但使用绘图纸外观工具，就可以同时显示或编辑多个帧的内容，方便对整个影片进行定位和安排。;打开文件“范例3.fla”，使用元件以及绘图纸外观工具，制作从甲骨文到金文演变过程的动画。

具体操作步骤如下。

(1)动画的起始关键帧为上一动画的结束关键帧(第60帧)，在第120帧插入空白关键帧。

(2)将“金文”元件拖动至舞台，并将其分离。;(3)保持选中第120帧，单击“绘图纸外观”工具，在时间轴刻度上便会出现带有空心圆圈的中括号，左括号表示使用绘图纸外观工具查看动画的起始点，右括号表示使用绘图纸外观工具查看动画的结束点，如图5-8所示。;将指针移动到括号上，拖动左括号调至第59帧或第60帧，查看此间包括所有帧的显示。

由于尚未创建补间动画，所以没有中间帧的图像显示，可以很清楚地看到两个关键帧的大小、位置等关系。;(4)选中结束关键帧，调整其位置，使之与起始关键帧相对重合。

(5)选中中间顿，单击“属性”面板，设置“形状”补间。;形状补间动画的起始关键帧和结東关键帧通常具有形状、颜色等相关性，为得到流畅美观的效果，最好不要使用完全不同的图像，否则会产生许多变化中的杂乱线条。因此，图标的形象化示意、云彩的变化等适合使用形状补间来实现。;三、添加形状提示点

1.插入形状提示点

练一练打开文件“范例4.fla＂，运用文字工具，制作从金文到隶书演变过程的动画。;具体操作步骤如下。

(1)在第121帧到第159帧中制作动画补间动画，实现文字的旋转及缩放变化。

(2)在第160帧到第220帧中制作形状补间动画，实现文字形状的变化。;测试效果时发现，实现的变化效果与范例不一样。实际上，Flash在“计算”两个关键帧中图形的差异时，远不如我们想象中“聪明”，尤其在前后图形差异较大时，变形效果不佳。“形状提示”可以帮助计算机在计算时，准确对应两个关键帧中的相应变形点。;(3)插入形状提示点。

选中形状补间动画的起始关键帧，执行“修改”菜单下的“形状”→“添加形状提示”命令，该帧的形状就会增加一个带字母的“提示圆圈”，在结关键帧形状中也会出现一个“提示