形状补间动画是Flash中非常重要的表现手之一，运用它，你可 ….docVIP

第二课 形状渐变动画 一．知识要点： 形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 （3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 　 图3-3-1 形状补间动画在时间帧面板上的标记 　 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 二．实例制作： 1、建新文档，把背景设为色。(背景色随意.) 、文件-导入到库，把准备好的图片导入。 3、“人物”层的制作 b、设置另一关键帧：在15帧插入空白关键帧，从库中拖入另一图片（1.jpg），选中这个图片后将它设置大小与位置（与上图一样即可），并将这个图片也转换为矢量图。 c、选定第一帧，设置形状动画。（属性——补间——形状）（一个小的形状动画已完成） d、再选中第30帧，插入关键帧。 e、在45帧插入空白关键帧，从库中拖入另一图片（2.jpg）重复步骤2——4。多做几个形状动画。如下图所示。 f、将本层所有图片位置调整到舞台的右上角：（点编辑多个帧）——（修改绘图纸标记——绘制全部）——（编辑——全选），再用箭头工具移动到合适位置。（注意位置调整好后要取消编辑多个帧，测试影片看一下效果） 4、制作边框 c.每15帧处插入关键帧，与人物层相应的设置形状渐变动画，注意每两个变化的关键帧的颜色更改。（如下图所示） 5、文字层的制作 更改图层名称 设置大小、位置 将图片转换为矢量图 将图片转换为矢量图 无填充 边框1 边框2 填充工具 填充黄色 编辑多个帧 修改绘图纸标记——绘制全部 合适位置