首页理论教育FlashCS6中文版标准实例教程：形状补间动画

FlashCS6中文版标准实例教程：形状补间动画

2023-10-30 理论教育版权反馈

【摘要】：形状补间动画则不同，它处理的对象只能是矢量图形，群组对象和元件都不能直接进行形变动画。在第40帧右击鼠标，从弹出的快捷菜单中选择“插入关键帧”命令，此时，在第20帧到第40帧之间创建了形状补间动画。图5-17 形状补间动画示例用鼠标单击第20帧，在该帧的位置按F6添加关键帧。

在上一节中介绍了传统补间动画，传统补间动画中的所有对象必须转变成元件或群组。形状补间动画则不同，它处理的对象只能是矢量图形，群组对象和元件都不能直接进行形变动画。形变动画描述了一段时间内将一个对象变成另一个对象的过程。在形变动画中可以改变对象的形状、颜色、大小、透明度以及位置等。

形变动画简单地说就是形状发生变化的动画。在形变动画中，可以存在多个矢量图形，但在变形过程中它们被作为一个整体。下面通过一个实例来介绍它的制作方法。

新建一个Flash文档。

选择“修改”/“文档”命令，将舞台工作区设置为宽900像素，高为250像素。

单击绘图工具箱中的椭圆工具，按住Shift键，在舞台中绘制一个正圆，设置内部填充方式是由红到黑的径向渐变方式，无笔触颜色，如图5-15所示。

图5-15 绘制正圆

选中时间轴的第1帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令，然后将正圆拖曳到舞台的左下角。

在时间轴第20帧单击鼠标右键，从弹出的快捷菜单中选择“插入关键帧”命令，此时，在第1帧到第20帧之间创建了形状补间动画。时间轴窗口显示如图5-16所示。

图5-16 设置变形关键帧

单击第20帧，选择绘图工具箱中的多边形工具，在属性面板上单击按钮，在弹出的对话框中设置多边形样式为“星形”，边数为6，在舞台的正中间绘制一个六角星形。然后将舞台中的正圆删除。

在第40帧右击鼠标，从弹出的快捷菜单中选择“插入关键帧”命令，此时，在第20帧到第40帧之间创建了形状补间动画。

单击第40帧，选择绘图工具箱中的椭圆工具，在舞台的右下角绘制一个椭圆。然后将舞台中的六角星形删除。(www.chuimin.cn)

操作完成后，可以观察形状补间动画的效果：正圆从舞台的左下角向舞台的中央移动，在移动的过程中变成了六角星形，六角星形再向舞台的右上角进行移动，在移动的过程中变成了椭圆。选中第20帧，打开洋葱皮工具的效果如图5-17所示。

利用形状补间动画还可以设计颜色与图形的渐变动画，下面以一个简单实例进行说明。

新建一个Flash CS6文档。用椭圆绘制工具在舞台的中心绘制一个椭圆，笔触颜色无，填充颜色为径向渐变，效果如图5-18所示。

图5-17 形状补间动画示例

用鼠标单击第20帧，在该帧的位置按F6添加关键帧。选择该帧的所有内容，全部删除。

选择文本工具，设置字体属性为宋体、大小为72号字、采用粗体和斜体，输入字符串“Good!”。

执行“修改”/“分离”命令两次将其打散，选择“颜料桶”工具，在“颜色”面板中选择“径向渐变”选项，调整右边的颜色游标R值为99、G值为11、B值为88、Alpha值为100%，效果如图5-19所示。

图5-18 第1帧圆形效果图

图5-19 第20帧效果图

选中第1帧到第20帧之间的任意一帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令。完成动画设定。选择“控制”/“播放”命令观看播放效果。