制作形状补间动画

时间：2022-10-05 百科知识版权反馈

【摘要】：制作形状补间动画时必须最少有两个关键帧，在第一个关键帧中绘制一个形状，也可以拖曳一个实例或输入文字，但实例与文字不能被看做是形状，必须使用“Ctrl ＋ B”键或选择“修改”菜单中的“分离”命令将其分离成形状，然后在第二个关键帧修改该形状或重新绘制其他形状，这样，Flash将自动计算两个关键帧之间的不同并插入补间帧，从而创建出形状补间动画效果。在制作形状补间动画时，一般都是通过变化开始帧和结束帧的形状属性来获得的。

本节介绍形状补间动画的概念和制作过程。

1. 什么是形状补间动画

形状补间动画是指在两个或两个以上的关键帧之间对形状进行补间的动画，从而创建出类似于形变的效果，使一个形状看起来随着时间变成另一个形状。Flash也可以补间形状的位置、大小和颜色等属性。

图3.44 对象的类型为形状

制作形状补间动画时必须最少有两个关键帧，在第一个关键帧中绘制一个形状，也可以拖曳一个实例或输入文字，但实例与文字不能被看做是形状，必须使用“Ctrl ＋ B”键或选择“修改”菜单中的“分离”命令将其分离成形状，然后在第二个关键帧修改该形状或重新绘制其他形状，这样，Flash将自动计算两个关键帧之间的不同并插入补间帧，从而创建出形状补间动画效果。一般最好一次只补间一个形状，以获得最佳效果。如果要一次补间多个形状，则所有的形状必须在同一个图层上。

需要特别注意的是，在开始关键帧和结束关键帧中必须包含必要的“形状”。在Flash中的“形状”是指直接用绘图工具绘制出来的矢量图形，或将文字、位图图像、组合体、元件的实例等对象用“修改”菜单中的“分离”命令（快捷键为“Ctrl ＋ B”）打散后分离成的形状。

要判定当前选中的对象是否为形状，可以在属性检查器中查看。如果在属性检查器中显示为“形状”类型，则表示它是形状，如图3.44所示。

2. 产生形状补间的属性

在制作形状补间动画时，一般都是通过变化开始帧和结束帧的形状属性来获得的。能够产生形状补间的属性包括：形状本身、形状的颜色、形状的大小、形状的位置、文字，以及各种属性变化的综合等。

3. 制作步骤

形状补间动画的制作步骤如下：

（1）单击图层名称使之成为活动图层，然后在动画开始播放的地方创建或选择一个关键帧。

（2）在该关键帧上创建或放置“形状”。要获得最佳效果，帧中应当只包含一个项目（图形对象或分离的组、位图、实例或文本块）。

（3）单击时间轴上需要动画结束的位置，创建或者选择一个关键帧。将该帧上的对象删除，然后利用绘图工具重新绘制图形或用其他方法创建“形状”。也可以在另外一帧上直接调整对象的大小、位置或修改该帧上对象。或者是在另外一帧上插入“空白关键帧”，然后在该帧上创建“形状”。

（4）在动画开始帧与结束帧之间的任意一帧上单击鼠标右键，选择“创建补间形状”命令，此时时间轴中两帧之间出现一个箭头和浅绿色的背景色，表示生成了形状补间。

（5）如有必要，设置形状补间动画的选项，如图3.45所示。

图3.45 设置形状补间选项

“缓动”选项用于设置渐变的加速度，可以设置-100～100 的值，负数值表示动画先慢后快，正数值表示动画先快后慢，绝对值越大，表示加速或减速的越明显。默认情况下，补间帧之间的变化速率是不变的，也就是说该值为 0。使用“缓动”选项可以通过逐渐调整变化速率创建出更加自然的变形效果。

“混合”选项用于设置渐变时的融合效果，“分布式”表示动画中间形状更平滑和不规则，“角形”表示渐变时更棱角分明，动画中间形状会保留有明显的角和直线。

注意：“角形”只适合于具有锐化转角和直线的混合形状。如果选择的形状没有角，Flash会还原到分布式补间形状。

例如，以下示例制作了一个球下落和弹起的过程：

（1）在Flash中创建两个图层，分别命名为“地面”和“球”。在“地面”图层绘制地面，将“地面”帧的内容延续到第20帧，然后锁定该图层。在“球”图层用椭圆工具绘制一个“球”，如图3.46所示。

图3.46 “球”和“地面”

（2）在“球”层的第9帧插入一个关键帧，使用任意变形工具将其调整为一个椭圆，注意其“体积”应与“球”大致相当，另外其位置应与第1帧中的“球”位置在同一条垂直线上（使用属性面板将其x坐标设置为相同），并且与“地面”接触。在第1和第9帧之间设置形状补间，并且将“缓动”选项设置为-100，以便产生加速的效果。此时的舞台和时间轴如图3.47所示。

图3.47 “球”下落的过程

（3）在第10帧插入关键帧，然后选择“修改”菜单“变形”子菜单“顺时针旋转90°”命令，用选择工具将其移动到与“地面”接触，如图3.48所示。

图3.48 触地后变形的“球”

（4）在第11帧上单击右键，选择“插入帧”命令，以获得“球”落地过程中相对静止的状态。

（5）在第9帧上单击右键，选择“复制帧”命令；在第12帧上单击右键，选择“粘贴帧”命令。

（6）用步骤（5）一样的方法将第1帧复制到第20帧。

（7）在第12～20帧设置形状补间动画，并且将“缓动”选项设置为100，以便获得减速的效果，此时的舞台和时间轴如图3.49所示。

图3.49 动画完成时的舞台和时间轴

（8）按“Ctrl ＋ Enter”键测试动画。

4. 实例——探照灯文字

以下结合使用形状补间动画和遮罩技术——遮罩，是指一个图层中的对象以一定方式遮盖住另外一个（或多个）图层中的对象，或者说以一定方式透过一个图层中的对象去查看另外一个（或多个）图层上的对象——来实现一个探照灯文字的效果（探照灯左右移动，且其中心的亮度大于四周），步骤如下：

（1）新建一个电影文件，设置文档背景颜色为“黑色”。