形状渐变动画.doc

形状渐变动画
一、形状渐变动画
形状渐变动画是Flash基本动画之一，在flash创作中应用范围较广。形状渐变动画是基于形状来完成的，所以我们必须要保证制作形状渐变动画的素材为图形。在Flash中有两种图形分类，一种是位图图形（点阵图），另一种为矢量图形（向量图）。只有矢量图形才以制作形状渐变动画。位图，文本，元件等都不可以进行制作此效果。我们只有通过“分离”来矢量化，才可以达到效果。下面我们就以文本为例，说明这个问题。
具体步骤：1、运行FlashMX2004，文档属性默认。2、单击工具栏中的文本工具在场景中键入“闪吧”两个字。文本颜色为红色，大小96。3、单击【修改】|【分离】命令两次，或者使用键盘中的快捷组合键“Ctrl+B”两次，把文本矢量化分离。分离以后文档就已经变为矢量图形了。被选中的状态由原来的蓝色边框转为白色的麻点状如图所示。4、在时间轴上第30帧插入空白关键帧，在在舞台中键入“FLASH8”静态文本。5、使用同样方法，把“FALSH8”文本分离成矢量图形。6、单击第1帧与第30帧之间任意一帧，在下面的属性面板中的“补间”选项中选择“形状”。
7、时间轴上第1帧和第30帧之间所有帧都变成绿色，并有一个长箭头。这说明我们已经创建了一个形状渐变动画。如图所示：
8、测试效果，第1帧的“闪吧”逐渐的转换为第30帧的“FLASH8”。至此，形状渐变效果完成，保存。
注意——一定要按“CTRL+B”两次，分离成矢量图形才实现形状渐变效果。提示——◎按一次“CTRL+B”只能使文本中的字单独分列出来。◎形状渐变动画的时间线是绿色的，而移动渐变动画的时间线是蓝色的。试一试——可以利用矢量图进行形状的变化，那么可以不可改变颜色呢？例如第30帧的FLASH8改变为蓝色，会是什么效果呢？们不妨试一试。分析——此部分内容简单，只要保证制作形状渐变的素材为矢量图就可以了。没做出来的同学，大多为忘记了把位图、元件、文档等转化为矢量图。相关问题◎如何控制形状渐变动画的渐变速度？第一、在时间轴上控制，缩小开始帧和结束帧之间的长度就可以达到效果；第二、尽量把两个关键帧的内容放在同一个位置。◎可以精确控制图形的转化过程吗？可以的。在FlashMX2004中有一项【添加形状提示】功能，我们以后的学习中可以利用这项功能来实现精确控制形状渐变。

二、逐帧动画与移动渐变动画，形状渐变动画有什么区别？
逐帧动画，顾名思义就是把运动过程附加在每个帧中，当影格快速移动的时候，利用人的视觉的残留现象，形成流畅的动画效果。具体步骤1、运行FlashMX2004，文档属性默认。2、单击第1帧，利用椭圆形工具在舞台的左侧画一个红颜色无边框的圆。3、单击第2至10帧，按快捷键“F6”键，连续在时间轴上插入10个关键帧。如图所示：
4、单击第2帧，使用鼠标或者键盘上的方向键调整舞台中的红色圆的位置，使之向右侧移动一小短距离。5、重复第4步骤的方法，分别设置其余9个帧里面的圆形位置。如图所示逐帧动画效果：

6、测试效果。
我们发现这个效果与移动渐变效果基本相同，那为什么还要用逐帧动画呢？原因在于，移动渐变动画是由Flash程序产生的，有一定的机械性和局限性，对于表现复杂的移动效果的优势就不是很明显了。逐帧动画正好补充了这个空白。使变化的效果更加细腻。7、下面我们再做一个逐帧动画，新建一个Flash文档，属性默认。8、单击第1帧，利用矩形工具绘制一个无边框的黑色矩形，并把它放置在舞台的上端；9、在时间轴上按快捷键“F6”键，插入9个关键帧如图所示。
10、单击第2帧，使用箭头工具，适当的拉伸黑色的图形。11、按照此方法，依次拉伸其余的九个帧。如图所示。
12、测试效果，从第1帧到第10帧黑色图形逐渐变化，就像是流动下来一样。这就是形状逐帧动画。它与形状渐变动画是没有区别的，形成的效果是一样的，但是与移动渐变动画一样，逐帧动画在表现复杂变化效果方法的优势明显。
注意——因为逐帧动画所涉及到的帧的内容都需要创作者手工去编辑，任务量比较大，所以在确定使用哪种动画形式的时候，一定要做好思想准备。提示——制作逐帧动画不涉及到帧里面的内容是元件还是图形或者位图，这一点与移动渐变动画，形状渐变动画不同。技巧——在制作逐帧动画的时候，往往前一帧与后一帧的内容没有大的差别，我们就可以使用FlashMX2004提供的绘图纸外观工具来观察前一帧，或者全部帧的变化，对于我们精确的把握动画效果，有极大的帮助。如图所示。
绘图纸外观工具
试一试——同学们利用工具栏里面的“自由变形工具”自己试一下逐帧动画效果。分析——制作逐帧动画一定要注意两帧之间的联系，跳跃不要太大。虽然移动渐变动画和形状渐变动画的过渡效果是非常平稳的，但是对于复杂动画变化来说使用逐帧动画有明显的优势。所以锻炼制作逐帧动画是非