3.3 制作运动渐变的动画
在开始关键帧中设置文字的属性，比如大小、颜色和亮度等，然后在结束关键帧中改变这些属性，可以产生运动渐变的动画效果。
【例3-2】 制作运动渐变的动画。制作步骤如下：
（1）新建Flash文档。进入Flash后，在菜单栏中选择“文件”|“新建”命令。在弹出的“新建文档”对话框中选择“Flash文档”类型。然后单击“确定”按钮，即可新建Flash文档，并打开动画场景编辑区。
（2）设置Flash文档及动画场景的属性。在菜单栏中选择“修改”|“文档”命令，则会弹出“文档属性”对话框。如图3-7所示，在“文档属性”对话框中将动画场景的“尺寸”设置为600px（宽）×200px（高），设置动画场景的“背景颜色”，并将“帧频”设置为1fps。
图3-7 设置Flash文档及动画场景的属性
如图3-8所示，也可以通过Flash窗口下方的“属性”面板设置Flash文档及动画场景的属性。
图3-8 通过“属性”面板设置Flash文档及动画场景的属性
（3）在动画场景编辑区输入文本并设置文本属性。首先，在“工具”面板中选择“文本工具”，在动画场景编辑区输入文本“欢迎光临”。然后，在“工具”面板中选择“选择工具”，可以选中“欢迎光临”整个文本串。如图3-9所示，在“属性”面板中将文本串的“字体”“字体大小”和“颜色”分别设置为“楷体”、70和黑色，再通过设置“宽”“高”、X和Y属性将文本调整到动画场景编辑区的中央。
图3-9 在“属性”面板上设置文本属性
（4）在图层之间复制、粘贴帧。在“时间轴”面板中双击“图层1”，将其名称修改为FLASH。在菜单栏中选择“插入”|“时间轴”|“图层”命令，可以新建“图层2”。右击FLASH图层的第1帧，在弹出的快捷菜单中选择“复制帧”命令。然后，右击“图层2”的第1帧，在弹出的快捷菜单中选择“粘贴帧”命令。这样，可以将FLASH图层第1帧中的文本“欢迎光临”复制到“图层2”的第1帧。
（5）将分离的文字分散到多个图层中。在“图层2”的第1帧中选中文本“欢迎光临”，在菜单栏中选择“修改”|“分离”命令，可以将文本“欢迎光临”拆分为四个单独文字。然后，在菜单栏中选择“修改”|“时间轴”|“分散到图层”命令，可以将“图层2”第1帧中的四个单独文字分散到四个新建图层的第1帧中。此时，在“时间轴”面板中，图层分布如图3-10所示。
（6）删除多余的图层。在上一步中，已经将“图层2”第1帧中的四个单独文字分散到四个新建图层的第1帧中。这样，在“图层2”第1帧中不再有任何文本。因此，可以删除“图层2”。在“时间轴”面板中右击“图层2”，在弹出的快捷菜单中选择“删除图层”命令，即可删除多余的“图层2”。
（7）将文本转换成图形元件。单击“欢”图层中的第1帧，即可自动选中文本“欢”。在菜单栏中选择“修改”|“转换为元件”命令，在弹出的“转换为元件”对话框中选中“图形”单选按钮，将元件名称设置为“欢”，单击“确定”按钮，可以将“欢”图层第1帧中的文本“欢”转换为图形元件。采用类似的操作方法，将“迎”“光”和“临”图层第1帧中的文本分别转换成名称为“迎”“光”和“临”的图形元件。此时，“库”面板如图3-11所示。
图3-10 将分离的文字分散到多个图层中
图3-11 库面板中的图形元件
（8）在图层中拖放帧。在“时间轴”面板的“欢”图层中，用鼠标左键选中第1帧，按住鼠标左键不放，同时将鼠标移动到第3帧，然后释放鼠标左键，可以将第1帧拖放到第3帧。采用类似的操作方法，将“迎”图层的第1帧拖放到第4帧，将“光”图层的第1帧拖放到第5帧，将“临”图层的第1帧拖放到第6帧。此时，在“时间轴”面板中，图层分布如图3-12所示。
（9）在图层中插入结束关键帧。在“欢”图层中右击第7帧，然后在弹出的快捷菜单中选择“插入关键帧”命令，可以在第7帧插入结束关键帧。采用类似的操作方法，分别在“迎”图层的第8帧、“光”图层的第9帧和“临”图层的第10帧插入结束关键帧。
（10）在开始关键帧中移动并放大元件。单击“欢”图层中的第3帧，也就是开始关键帧，再按左方向键两次，使元件“欢”向左移动两个位置。然后，在菜单栏中选择“窗口”|“变形”命令，打开“变形”面板。如图3-13所示，在“变形”面板上选中“约束”复选框，在“宽度”和“高度”文本框中输入150%，可以将“欢”图层第3帧中的元件“欢”放大到原来的1.5倍。
图3-12 在图层中拖放帧
图3-13 设置“变形”属性
采用类似的操作方法，分别在“迎”图层第4帧、“光”图层第5帧和“临”图层第6帧中向左移动元件“迎”“光”和“临”，并使用“变形”面板将元件“迎”“光”和“临”放大到原来的1.5倍。
（11）在结束关键帧中设置元件的亮度。单击“欢”图层的第7帧，也就是结束关键帧，单击元件“欢”。然后，在“属性”面板的“颜色”下拉列表框中选择“亮度”选项，在右侧的文本框中输入100%。采用类似的操作方法，分别在“迎”图层第8帧、“光”图层第9帧和“临”图层第10帧中依次设置元件“迎”“光”和“临”的亮度。
（12）创建补间动画。在“欢”图层中右击第3帧，也就是开始关键帧，然后在弹出的快捷菜单中选择“创建补间动画”命令，即可在第3帧和第7帧之间创建补间动画。采用类似的操作方法，分别在“迎”图层的第4帧和第8帧之间、“光”图层的第5帧和第9帧之间、“临”图层的第6帧和第10帧之间创建补间动画。此时，在“时间轴”面板中，图层分布如图3-14所示。
图3-14 最终的图层分布
（13）演示动画。在菜单栏中选择“控制”|“测试影片”命令，即可演示动画。在该动画中，共有五个图层，分别是FLASH、“欢”“迎”“光”和“临”图层，每个图层中的动画同时播放。这样，整个动画效果就是：在四个文字发生移动的同时，其大小和亮度同时变化，最终以高亮度闪过。
（14）保存Flash文档。在菜单栏中选择“文件”|“保存”命令，在弹出的“另存为”对话框中选定相应的文件夹，将文档命名为3-2.fla。然后，单击“保存”按钮，即可将动画设计结果保存在.fla格式的Flash文档中。
（15）发布设置。在菜单栏中选择“文件”|“发布设置”命令，会弹出“发布设置”对话框。如图3-15所示，在“发布设置”对话框的“格式”选项卡中确认选中Flash（.swf）和HTML（.html）。
图3-15 发布设置
（16）发布动画。在菜单栏中选择“文件”|“发布”命令，即可根据Flash文档生成同名的.swf文件，同时生成同名的HTML文档（3-2.html）。使用IE浏览器打开该HTML文档，可以在IE浏览器中查看SWF动画。