第二课 创建补间动画

第二课创建补间动画

Flash除了可以创建逐帧动画外，还可以创建补间动画。补间动画又包括形状补间动画和动作补间动画。本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动，通过这两个活动，使学生掌握形状补间动画和动作补间动画的制作过程和方法。

1.了解形状补间动画：

“形状补间动画”是补间动画的一种。在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离，如果对文本应用于形状补间，则必须首先将文本进行两次分离（有的中文版译为“打散”）处理，使其转换成矢量图。

2．绘制图形——混色器面板的使用：

在第一课中，初步训练了图形的绘制，能够给绘制的图形填充纯色，如果想要填充线性或者放射状颜色，必须懂得混色器面板的使用。关于混色器面板的使用在阅读参考资料“使用“混色器”控制面板设置笔触颜色和填充样式”。3．创建形状补间动画：

在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化——淡绿色背景和箭头，一个形状补间动画即创建完成。如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。

4．使用“形状提示”

制作形状补间动画时，有时两个图形变化差异比较大，使用“添加形状提示”会改变这一情况。在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。

在制作复杂的变形动画时，形状提示的添加和拖放要多方位尝试，每添加一个形状提示，最好播放一下看看形变效果，然后再对形变提示点的位置做进一步的调整。形变效果还跟图形的轮廓线有关，如果删除图形的轮廓线，能够得到更加完美的变形效果。

针对提前完成活动的学生，可以让他们自行设计、制作更多更好的形状补间动画，熟练掌握“添加形状提示”的方法。

5．有关动作补间动画

动作补间动画与形状补间动画不同的是，动作补间动画的对象必需是“元件”或“成组对象”。运用动作补间动画，可以设置元件的大小、位置、颜色、透明度、旋转等种种属性。构成动作补间动画的元素的元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。

6．制作“跑动的小孩”元件

小孩奔跑时，上半身可以保持不动，只是两腿前后交替，所以我们可以只设置腿部动作，而不管上身，所以将小孩的上半身和腿分别放于两个图层。

选择“插入——新建元件”创建“跑动的小孩”的影片剪辑后，在该影片剪辑里创建小孩跑动的动画。影片剪辑是一个完整的动画，可以包括一切的素材在里面，可以有时间轴、交互性控制、声音，还可以包含其他动画片断。

7．创建动作补间动画

将“跑动的小孩”影片剪辑拖动到主场景的“小孩”图层，并在某一帧插入关键帧，改变影片剪辑的位置，设置属性，再单击开始帧，在属性面板上单击“补间”旁边的“小三角”，在弹出的菜单中选择“动作”，建立动作补间动画，或单击右键，在弹出的菜单中选择“新建补间动画”，也可以建立“动作补间动画”。

8．动作补间属性面板选项的作用

（1）“简单”选项

在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变化：在1到-100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。在 1 到100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。默认情况下，补间帧之间的变化速率是不变的。

（2）“旋转”选项

有四个选择，选择“无”禁止元件旋转；选择“自动”可以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”或“逆时针”，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。

（3）“调整到路径”

将补间元素的基线调整到运动路径，此项功能主要用于引导线运动，我们在下一节中要谈到此功能。

（4）“同步”复选框

使图形元件实例的动画和主时间轴同步。

（5）“对齐”选项

可以根据其注册点将补间元素附加到运动路径，此项功能主要也用于引导线运动。

9．形状补间动画和动作补间动画的区别

两个活动完成后，教师可以引导学生总结形状补间动画和动作补间动画的异同。两者都属于补间动画。前后都各有一个起始帧和结束帧，二者之间的区别如下表：