形状补间动画的制作

形状补间动画的制作

学习要点

（1）创建矢量图形

（2）学习各种形变补间动画制作方法

（2）掌握在颜色属性面板中设置颜色的方法

知识讲解

在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状或对象，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状或对象，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。注意包括这几种类型：起始关键帧对象本身形状或大小的改变，用绘图工具绘制的几何图形之间形变，绘制的几何图和文字之间的形变，导入的图片和文字之间的形变，文字与文字之间的形变。

任务布置：

设计一个音乐和各种形变动画的背景，包括红心由小变大，导入钢琴gif图像，制作一颗红星颤动的效果，文字音律变心动的形变，圆形变五角星形变，图像音符变文字的形变，最后是谁制作的文字说明。效果如下图所示：（跳动的心及音符案例）

3-1-1跳动的心及音符案例

设计案例制作方法步骤：

步骤1：新建文件保存为跳动的心及音符

步骤2：导入素材（包括背景图片、音乐、和跳动的音符gif动画图片）

步骤3：新建图层1，将其更名为背景，导入背景图片，在140帧处插入帧，锁定图层

步骤4：新建图层2，更名为将跳动音符，导入跳动音符图片，锁定图层。140帧处插入帧。步骤5：新建图层3，更名为心动，在该图层的第一帧绘制心形，主要将笔触颜色缺省，用放射状颜料桶红色填充，并ctrl +d 直接复制一个，并用部分选取工具 :将底部锚点向下啦，并删除旁边两个锚点。制作心形状。并在30帧处插入关键帧，并用任意变形工具将其变小。回到起始帧，回到第一帧，右击鼠标创建补间形状，在属性面板中并对简易混合栏进行设置一个是0—100 由快变慢，0- -100 由慢变快。

混合栏，确定变形过程的细致程度，按分布式就是平滑过渡，如果是角形就是以直接的方式过渡。完后锁定图层

步骤6：新建图层4，更名为由心形变五角星的形变动画第一帧从心动图层的30帧复制粘贴到这个图层的第一帧，并在该图层的30帧插入关键帧，并将心形删除，回到第一帧，右击鼠标创建补间形状，完后锁定图层

步骤7：新建图层5，更名为由五角星转变文字。在第一帧绘制五角星（参考上次案例），30帧处插入关键帧，并将五角星删除，写上闪闪红星四个字，并将其打散。回到回到第一帧，右击鼠标创建补间形状，锁定图层。

步骤8：新建图层6，更名音符图片转文字，导入音符图片，并用ctrl+B将其打散，30帧插入关键帧，并将音符图片删除，写上两个字，并用ctrl+B打散。回到图层的第一帧右击鼠标创建补间形状，锁定图层

步骤9：新建图层7，更名为由文字变文字，第一帧写上音符，并将其打散，30帧处插入关键帧，将音符删除，写上心动并打散。回到第一帧右击鼠标创建补间形状，锁定图层步骤10：新建图层8，更名为导入音乐锁定图层

步骤11：新建图层9，更名为文字说明用文本输入工具输入----制作作者。锁定图层步骤12：选中9个图层的140帧，插入帧。

步骤13：:测试播放，并导出影片格式。效果如3-1-1.