Flash cs6动画制作扫盲教程：[3]补间形状动画

前面对软件的用户界面进行了介绍，对工具面板和其它属性及设置面板我訇咀喃谆将结合动画制作穿插进行讲解。Flash的补间动画主要有三种形式，一是动画补间，二是补间形状，三是传统补间，这刽五魇哓三种补间的区别，在我的另一篇经验《Flash cs6中各种补间动画的区别》中有详细的介绍。有兴趣的新手可以去找找看。 本节主要就如何创建补间形状动画及其应用进行说明。

工具/原料

Flash cs6

一、如何制作补间形状动画

1、打开Flash cs6,新建一个ActionScript3.0的文件。

2、选择圆形工具，设置填充色为红色，然后在场景中绘制一个圆形（按shift键不放用鼠标绘制）。

3、重复上一步分别再绘制一个蓝色和一个绿色的圆形，如图所示

4、选择第20帧，在第20帧上点右键，选择插入空白关键帧（或者按F7快捷键插入关键帧）

5、在空白关键帧上使用前面绘制圆形的方法绘制一个黄色的圆，此时我们就得到了第1帧和第20帧两个不同的关妗哳崛搿键帧。新手请注意：补间形状动画主要用来制作形状进行了变化的动画，有点废话，但事实如此，类似的如方的变圆的，“李”字变“张”字，1变2等等，这些都是形状发生了变化，一个目标图形变成了另一个最终图形，而这个目标图形和最终图形就是第1帧和第20帧这两个关键帧，所谓补间就是1到20帧之间的内容由计算机自动计算补上其中的动画。

6、上述我们已经做出了第1帧和第20帧的图形，接下来就是创建补间形状动画，在第1帧点右键，在菜单里选择创建补间形状，这时候软件就自动为1到20帧之间自动制作了过渡变化的补间。

7、如果你的时间轴图层上出现了一个绿色背景的箭头，那么恭喜你，你的补间形状动画成功了。如下图所示，我们把播放头移动到1－20帧中间的某一帧上可以看到软件自动计算的补间的形状。按CtrL+回车可以进行测试，观看效果。

二、保存和发布制作好的动画

1、刚才我们做好了一个最简单的Flash补间形状动画，我想使用它的输出文件怎么办，首先将做烂衣茫庥好的动画文件保存（保存可以按ctrl+s，也可以在文件菜单里保存或另存）到某个文件夹下，这里我给动画起名为：补间形状动画，从下图可以看到，flash的源文件的扩展名为.fla，那么它的输出文件的扩展名是什么呢，请看第二步。

2、保存好文件后，我们在文件菜单里找到发布设置，可以看到它的快捷键如红色框中所示

3、打开发布设置对话框，我们可以看到，Fla衡痕贤伎sh的输出文件格式有默认勾选的是Flash（.swf）格式和Html格式，其实只要我们保存了文件，那么当我们测试输出（ctrl+回车）时就会默认输出swf文件格式。在这里这么多的输出格式中，其实常用的就是下面箭头所指的几个格式，其中win放映格式输出的是exe文件，可以在任何没有安装Flash的格式上以执行和观看。

4、在发布设置里设置好需要输出的文件后，要得到需要的格式文件，只需要在文件菜单里执行发布就可以了。

三、补间形状的应用

1、图形的变化，如我们前面所做的示例。

2、文字的改变与变形。文字变形要注意输入完文字要先将文字打散（ctrl+b）,否则补间形状将会失败。如果要实现精确的文字变形动画，可以试着加形状提示，这将在后续的教程中进行单独讲解。

3、变形遮罩中的使用。

4、颜色的变化或透明度变化等。