形状补间动画制作原理及步骤

形状补间动画是一种在制作对象形状变化时经常被使用的动画形式。其制作原理是通过在两个具有不同形状的关键帧之间指定形状补间，从而表现中间变化过程。

新建一个文档，制作形状补间动画。

（1）启动Flash CS5，选择【文件】｜【新建】命令，新建一个Flash文档，并将舞台背景颜色设置为黑色，如图6－49所示。

图6－49　设置背景颜色

（2）选择【文件】｜【导入】｜【导入到库】命令，打开【导入到库】对话框，选择元件文件，单击【打开】按钮将其导入到库，如图6－50所示。

图6－50　导入元件到库

（3）在时间轴上选中第1帧，将【库】面板中的4个影片剪辑元件都拖入到舞台中，然后调整合适的位置，使其中心一致，如图6－51所示。

图6－51　调整元件位置

（4）在时间轴上选中第30帧，然后选择【插入】｜【时间轴】｜【关键帧】命令，使第30帧成为关键帧，此时30帧和第1帧的图案保持不变，如图6－52所示。

图6－52　插入关键帧(www.xing528.com)

（5）用同样的方法，在时间轴上选中第60帧、第90帧上插入关键帧，然后在第1帧、第30帧、第60帧、第90帧上各保持不同的一张图案，如图6－53所示。

图6－53　保留不同图案

（6）各自选中第1帧、第30帧、第60帧、第90帧上的四种图案的影片剪辑元件，然后选择2次（或2次以上）【修改】｜【分离】命令，将这4个元件分离成填充图形。

（7）右击第1帧至30帧之间任意一帧，在弹出的菜单中选择【创建补间形状】命令，使第1～30帧之间创建形状补间动画，如图6－54所示。

图6－54　创建形状补间动画

（8）使用相同方法，分别在第30～60帧、第60～90帧之间创建形状补间动画，如图6－55所示。

图6－55　创建形状补间动画

（9）按下Ctrl＋Enter快捷键即可观看形状补间动画的播放效果，如图6－56所示。

图6－56　形状补间动画效果