Flash不但可以制作运动过渡动画,而且还可以创建另一类动画,即变形过渡动画,就是使对象的形状随时间产生变化。
形状渐变动画可以在一层中放置多个变形过渡对象,不过为了可以更好地控制变形的效果,建议用户还是为每个动画对象单独设置一层。对于一些非常复杂的变形动画,可以使用Flash提供的变形提示(Shape Hints)功能,它可以帮助用户确定变形的内容,即初始形状与终止形状的各个部分。
4.3.1 文字的渐变
制作文字变形过渡动画的操作步骤如下:
(1) 选择File→New命令,新建一个Flash动画。
(2) 选择Modify→Document命令,在打开的Document Properties对话框中设定动画的属性,将Width值设为800px,Height值设为400px。
(3) 使用文本工具在舞台中输入一段文字后,打开Properties面板对文字的样式、字号及颜色进行设定,如图4-25所示。

图4-25 设置文字样式
(4) 在时间轴窗口的第40帧单元格处单击右键,从弹出的快捷菜单中选择Insert Keyframe命令,插入一个关键帧。
(5) 选中插入的第40帧,并在舞台中任意更改文字对象,使其与第1帧处的文字对象有不同的外观和颜色,效果如图4-26所示。
(6) 分别选中时间轴窗口中的第1个关键帧和最后一个关键帧,选中其中的文字对象后,选择Modify→Break Apart命令,将文字对象打散。
(7) 单击时间轴窗口中的第1个关键帧,选择Properties面板,在Tween下拉列表中选择Shape选项,设定动画为变形过渡动画,并拖动Ease滑动条设定动画的加速度,如图4-27所示。

图4-26 设置最后一帧文字的样式

图4-27 设置Properties面板
经过上述步骤的操作后,文字渐变动画的制作完成。选择Control→Test Movie命令或者直接按下Ctrl+Enter组合键,可以对当前制作的动画进行测试。可以看到在舞台中原来第1帧中的文字随着时间逐渐变得模糊,分散,又慢慢拼合,最后形成了最后1帧中的文字样式。具体的变化过程如图4-28所示。

图4-28 文字的变形过程
4.3.2 形状的渐变
制作形状过渡渐变动画的操作步骤大致和制作文字过渡渐变动画的操作步骤相近,只是形状渐变动画中的形状可以是导入的图形,也可以是使用绘图工具绘制的图形,如果是导入的图形,则需要执行Break Apart命令将其打散;如果是使用绘图工具绘制的图形,那么图形本身就不是一个符号,所以就不需要进行打散操作。
下面我们举一个具体的例子,来说明形状渐变动画的具体步骤。在该例中,第1帧的起始形状是一个圆形彩球,它将随着时间轴的改变,逐渐地变形为一个三角形的图案。
创建形状过渡渐变的操作步骤如下:
(1) 选择File→New命令,新建一个Flash动画文件。
(2) 选择标准工具栏中的工具,再选择View→Grid→Show Grid命令,在舞台窗口中显示网格线。
(3) 选择Modify→Document命令,在弹出的Document Properties对话框中修改动画的属性:Width设为300px,Height设为400px,底色为白色。
(4) 选择绘图工具栏中的椭圆工具,并在Properties面板中设定绘图边框线为无色,并将填充色设置为五彩色,如图4-29所示。
(5) 选择椭圆工具在舞台中绘制一个正圆,并在绘图工具栏中单击按钮,这时可以随意调整球体内的填充色,效果如图4-30所示。

图4-29 设置填充色 图4-30 绘制高宽均为7格的正圆
(6) 在时间轴窗口的第40帧处单击鼠标右键,从弹出的快捷菜单中选择Insert Keyframe命令,插入一个关键帧。
(7) 在时间轴窗口中选中第40帧,并选择绘图工具栏中的矩形工具,在舞台中绘制一个正方形。再选择绘图工具栏中的箭头工具,将正方形调整为三角形,如图4-31所示。

图4-31 绘制一个三角形
(8) 单击时间轴窗口中的第1个关键帧,打开Properties面板,在Tween下拉列表中选择Shape选项。
经过上述步骤的操作后,形状的过渡渐变动画绘制完成。选择Control→Test Movie命令或按Ctrl+Enter组合键,即可观察到该动画将从一个标准的正圆形渐变到一个三角形图案。具体的渐变过程如图4-32所示。
图4-32 形状的渐变过程