13_第10章_Flash MX案例

第10章 多媒体技术及应用——— 动画制作软件Flash MX 第一组

案例10.4.1 Flash MX制作逐帧动画（一） 一、设计目的 根据《大学计算机基础》中设置的示例【例10-6】，学习动画制作软件Flash MX的制作逐帧动画基本使用方法。

二、案例要求 1. 案例要求： 制作逐帧动画。随着动画的播放，屏幕上逐字显示一行文本，同时文字下面从左往右画出一条下划线，如同正在打印一样，如下图所示。

2. 最终效果： 演示文件：打字动画.swf

三、案例操作 （具体操作可同时参看《大学计算机基础》P377） 1. 新建Flash MX 2004文件。 2. 设置舞台背景色。 选择“修改”菜单中的“文档”命令，打开“文档属性”对话框，将影片尺寸设为“500px×150px（宽X高）”，背景色设为浅蓝色，其他设置如下图所示。

3. 创建文字并为文字设置颜色、字体、大小。 (1) 在工具箱中选择文本工具。 (2) 设置文本工具属性面板中的字体为Times New Roman，字号为“40”磅，颜色为“红色”。 (3) 用鼠标单击编辑区，在出现的文本输入框中输入此行文本的第一个字母“H”，如下图所示。

4. 插入关键帧。 在时间轴上单击第2帧。按快捷键F8；或者，打开“插入”菜单，选择“时间轴”项，最后选择“关键帧”命令，均可插入一个关键帧。第1帧中的内容自动复制到第2帧。

5. 再次插入关键帧。 在第3帧处插入关键帧，在“H”的后面接着输入第二个字母“a”，如下图所示。在第4帧插入关键帧。第3帧中的内容自动复制到第4帧。

6. 重复3、4步骤的操作。 每两帧加入一个字母，每一帧都是关键帧。完成文本输入的时间轴，如下图所示。

7. 测试动画。 按回车键，在编辑区中可看到文本逐个跳出来，非常富有动感。

8. 添加线条。 (1) 单击图层区域中的“添加图层”按钮 ，即可添加一个新的层。 (2) 在图层2的第1帧处第一个字母的下方画一条短黑线，然后在第2帧插入关键帧。 (3) 在第3帧插入关键帧，用箭头工具把黑线稍微拉长，并在第4帧插入关键帧。 (4) 重复同样的操作，在最后一帧处黑线长度与文本长度一致。结果如下图所示。

9. 测试影片。 选择“控制”“测试影片”；或按Ctrl+Enter键。在新的浏览窗口中预览到逐字显示的一行文本，同时文字下面从左往右画出一条下划线。

10. 保存动画影片文件。 关闭预览窗口，回到主场景中，保存动画影片文件。

四、随堂讲解相关概念 1. Flash MX工作窗口组成。 标题栏、菜单栏、工具箱、时间线、场景等部分。

2. 工具箱中常用工具介绍。 位于整个工作环境的左侧的按钮组就是“工具箱”。工具箱中设置了许多常用的工具，主要用于绘制图形和制作文字。这些工具从上到下依次是： 箭头工具，用于选取和操作对象。 选取工具，用于调整图形节点，改变图形的形状。 线条工具，用于绘制直线。 套索工具，用于选择对象的编辑区域。 钢笔工具，用于创建路径。 文本工具，用于文字的输入与编辑。 椭圆工具，用于绘制椭圆和正圆。 矩形工具，用于绘制矩形，矩形可带有圆角。 铅笔工具，用于绘制各种曲线。 笔刷工具，用于绘制各种图形。笔刷的宽窄和形状可调。 自由变换工具，用于对选定的对象进行旋转、缩放等变换。 填充变换工具，用于调整渐变填充的中心位置、渐变角度、渐变范围。 墨水瓶工具，用于创建和修改图形轮廓线的颜色、宽度、样式。 颜料桶工具，用于填充图形内部的颜色。可选取各种单色及渐变色。 吸管工具，用于对已有颜色进行取样。 橡皮工具，用于擦除对象的线条与颜色。擦除的模式和形状可调。 3. Flash 动画中的帧和元件的概念。 （1）Flash 动画中的帧 Flash采用时间轴的方式设计和安排每一个对象的出场顺序和表现方式。时间轴以“帧”（Frame）为单位，生成的动画以每秒钟N帧的速度进行播放。 动画中的帧主要分为两类：关键帧和普通帧。关键帧表现了运动过程的关键信息，它们建立对象的主要形态。Flash以一个实心的黑点表示关键帧。若关键帧没有内容，则以空心圆圈表示。关键帧之间的过渡帧称为中间帧（普通帧） 在Flash中，对于帧的操作主要有：插入帧、移除帧、插入关键帧、插入空白关键帧、清除关键帧等。这些操作都在时间轴菜单中。 （2）Flash动画中的元件 在Flash中，元件是一种特殊的对象。Flash元件分为三类：图形、按钮和电影剪辑。元件一旦被创建，就可无数次地在Flash动画中使用。 在一个Flash动画中可以包含多个不同类型的元件。设置元件的作用在于将动画中常用到的图片、视频等对象建立成元件并放置在元件库中，就可随时从库中取出使用。

4.Flash中三种类型的动画： 在Flash中，可以制作三种类型的动画：逐帧动画、运动渐变动画和形状渐变动画。 逐帧动画的特点是每一帧都是关键帧，制作的工作量很大。 在Flash中，提供了一种生成图形运动动画的方法，称为运动渐变。运动渐变动画可以产生位置的移动、大小的缩放、图形的旋转以及颜色的深浅等多种变化。只需要制作出图形的起始帧和结束帧，所有起始帧和结束帧之间的运动渐变过程的帧都由计算机自动生成。 在Flash中，还提供了一种生成形状渐变的动画方法，称为形状渐变。形状渐变实现的是某个对象从一种形状变成另一种形状的变化。和运动渐变一样，只需要制作出图形的起始帧和结束帧，所有起始帧和结束帧之间的形状渐变过程的帧都由计算机自动生成。

案例10.4.2 Flash MX制作逐帧动画（二） 一、设计目的 学习动画制作软件Flash MX的制作逐帧动画基本使用方法。 二、案例要求 1. 案例要求： 制作逐帧动画。随着动画的播放，模仿手写“大”字的过程。 2. 最终效果： 演示文件：写“大”字.swf 三、案例操作 1. 新建Flash MX 2004文件。 2. 设置舞台背景色。 选择“修改”菜单中的“文档”命令，打开“文档属性”对话框，将影片尺寸设为“500px×400px（宽X高）”，背景色设为浅橙色，其他设置如下图所示。

3. 创建文字并为文字设置颜色、字体、大小。 (1) 在工具箱中选择文本工具。 (2) 设置文本工具属性面板中的字体为楷体，字号为“240”磅，颜色为“黑色”。 (3) 用鼠标单击编辑区，在出现的文本输入框中输入文本“大”。

4. 将文字转换为图形。 执行“修改”“分离”。结果如下图所示。

5. 插入关键帧。 (1) 在时间轴上单击第2帧。按快捷键F8；或者，打开“插入”菜单，选择“时间轴”项，最后选择“关键帧”命令，均可插入一个关键帧。第1帧中的内容自动复制到第2帧。 (2) 选择工具栏上的“橡皮工具”，擦去“大”字捺笔上的少许。

6. 再次插入关键帧。 (1) 在第3帧处插入关键帧。 (2) 选择工具栏上的“橡皮工具”，再次擦去“大”字捺笔上的少许。 7. 重复5、6步骤的操作。 (1) 每次插入一个关键帧。 (2) 选择工具栏上的“橡皮工具”，再次擦去“大”字捺笔上的少许。 “大”字逐帧的变化如下图所示。

如此重复，大约60帧左右，按书写笔顺的逆顺序擦去“大”字的所有笔划。 8. 设置“翻转帧”。 (1) 按住Shift键，单击第1帧，再单击最后1帧。 (2) 选择“修改”“时间轴”，将所有选择的帧“反转”。即最后1帧变为第1帧，第1帧变为最后1帧，其余的依此反转。

9. 测试动画。 按回车键，在编辑区中可看到模仿手写“大”字的过程。

10. 保存动画影片文件。 关闭预览窗口，回到主场景中，保存动画影片文件。

案例10.4.3 Flash MX制作移动渐变动画（一） 一、设计目的： 根据《大学计算机基础》中设置的示例【例10-7】，学习动画制作软件Flash MX的制作移动渐变动画基本使用方法。

二、案例要求 1. 案例要求： 制作移动渐变动画。动画效果为：随着动画的播放，在蓝色背景中一个颜色渐变的圆球从屏幕左下角慢慢升起，然后逐渐变快移动到右上角，并按一定的方向自转。 2. 最终效果： 演示文件：小球渐变.swf

三、案例操作 （具体操作可同时参看《大学计算机基础》P378） 1. 新建Flash MX 2004文件。 2. 设置舞台背景色。 (1)“修改”“文档”，打开“文档属性”对话框。 (2) 将背景色设为“蓝色”，帧频为“6”，尺寸为“400×300”。

3. 为绘制“圆”准备底色。 单击工具箱中的填充色工具，在图10-46所示的调色板中选择渐变颜色。

4. 绘制“圆”，并将“圆”转换成图形“元件”。 (1) 在舞台的左下角绘制出用此颜色填充的“圆”。 (2) 选中此圆。 可以双击第1祯 或 单击选取和操作对象的 箭头工具，再点击“圆”。 (3) 转换成图形元件 “插入”“时间轴”“创建补间动画”。Flash MX 2004自动把它转换成图形元件。此时，圆的周围出现蓝色的边框，如图10-47所示。

5. 插入关键帧。 (1) 在第30帧处（目的地）插入关键帧。第1帧中的元件“圆”被原样复制过来。 (2) 在目的地复制“圆”。 选择元件“圆”，用鼠标将元件移动到舞台的右上角。

6. 设置动画为“移动渐变”动画。 (1) 单击时间轴上两关键帧之间任意一帧，在帧属性面板上设置“补间”类型为“动作”。此是操作的关键。 此时，两关键帧之间出现背景为浅灰色的黑色箭头，表示所设动画是一个“移动渐变”动画。 (2) 设置元件的运行状态。 ◎将运行“简易”值设为“-90"，以改变匀速运行状态。