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

Flash cs6动画制作扫盲教程：[3]补间形状动画 前面对软件的用户界面进行了介绍，对工具面板和其它属性及设置面板我将结合动画制作穿插进行讲解。 Flash的补间动画主要有三种形式，一是动画补间，二是补间形状，三是传统补间，这三种补间的区别，在我的另一篇经验《Flash cs6中各种补间动画的区别》中有详细的介绍。有兴趣的新手可以去找找看。 本节主要就如何创建补间形状动画及其应用进行说明。 工具/原料 Flash cs6 一、如何制作补间形状动画 打开Flash cs6,新建一个ActionScript3.0的文件。 选择圆形工具，设置填充色为红色，然后在场景中绘制一个圆形（按shift键不放用鼠标绘制）。 重复上一步分别再绘制一个蓝色和一个绿色的圆形，如图所示 选择第20帧，在第20帧上点右键，选择插入空白关键帧（或者按F7快捷键插入关键帧） 在空白关键帧上使用前面绘制圆形的方法绘制一个黄色的圆，此时我们就得到了第1帧和第20帧两个不同的关键帧。 新手请注意：补间形状动画主要用来制作形状进行了变化的动画，有点废话，但事实如此，类似的如方的变圆的，“李”字变“张”字，1变2等等，这些都是形状发生了变化，一个目标图形变成了另一个最终图形，而这个目标图形和最终图形就是第1帧和第20帧这两个关键帧，所谓补间就是1到20帧之间的内容由计算机自动计算补上其中的动画。 上述我们已经做出了第1帧和第20帧的图形，接下来就是创建补间形状动画，在第1帧点右键，在菜单里选择创建补间形状，这时候软件就自动为1到20帧之间自动制作了过渡变化的补间。 如果你的时间轴图层上出现了一个绿色背景的箭头，那么恭喜你，你的补间形状动画成功了。如下图所示，我们把播放头移动到1－20帧中间的某一帧上可以看到软件自动计算的补间的形状。按CtrL+回车可以进行测试，观看效果。 二、保存和发布制作好的动画 刚才我们做好了一个最简单的Flash补间形状动画，我想使用它的输出文件怎么办，首先将做好的动画文件保存（保存可以按ctrl+s，也可以在文件菜单里保存或另存）到某个文件夹下，这里我给动画起名为：补间形状动画，从下图可以看到，flash的源文件的扩展名为.fla，那么它的输出文件的扩展名是什么呢，请看第二步。 保存好文件后，我们在文件菜单里找到发布设置，可以看到它的快捷键如红色框中所示 打开发布设置对话框，我们可以看到，Flash的输出文件格式有默认勾选的是Flash（.swf）格式和Html格式，其实只要我们保存了文件，那么当我们测试输出（ctrl+回车）时就会默认输出swf文件格式。在这里这么多的输出格式中，其实常用的就是下面箭头所指的几个格式，其中win放映格式输出的是exe文件，可以在任何没有安装Flash的格式上以执行和观看。 在发布设置里设置好需要输出的文件后，要得到需要的格式文件，只需要在文件菜单里执行发布就可以了。 三、补间形状的应用 图形的变化，如我们前面所做的示例。 文字的改变与变形。文字变形要注意输入完文字要先将文字打散（ctrl+b）,否则补间形状将会失败。如果要实现精确的文字变形动画，可以试着加形状提示，这将在后续的教程中进行单独讲解。 变形遮罩中的使用。 颜色的变化或透明度变化等。