第 1 章Flash 8动画基础 学习 要点1. 熟悉Flash 8 的工作环境 2. 掌握时间轴、帧等基本概念 3. 掌握Flash 8制作动画的基本流程 4. 掌握Flash 8制作动画的基本方法 Flash 8是创作性的工具，可以创建从简单的动画到复杂的交互式 Web 应用程序。在创作的过程中，个人创意与Flash技术的结合才可以做出有声有色的动画作品。本章将以制作一个简单的“几何图形渐变”动画为例，进入Flash之旅的第一站，进而熟悉Flash 8的工作环境，掌握一些常用工具和功能菜单的使用方法，系统地学习使用Flash 8完成基本动画的制作过程。 1.1 动手制作第一个Flash动画 动画是基于人的视觉原理创建的运动图像，在一定时间内连续、快速地观看一系列静止画面，就会给视觉造成连续变化的动画效果。Macromedia公司的二维动画制作软件Flash 8以其强大的功能和广泛的应用性，已经成为目前使用最广泛的二维动画软件。它不仅支持动画、声音及交互功能，其强大的多媒体编辑能力还可以直接生成网页代码，可以与HTML文件充分结合，被广泛地应用于各种网页中，成为网络上一道亮丽的风景线。 1.1.1 制作第一个Flash动画 一个小球从屏幕的左侧缓缓地向右侧移动，在移动过程中，小球的形状、颜色在发生着变化，如图1-1所示。这就是Flash带来的神奇效果。按照下面的操作步骤就能够立刻体验Flash的神奇。 图1-1 Flash动画样例 1. 启动Flash 8程序，打开Flash 8主工作窗口 单击“开始”按钮→选择“程序”选项→打开“Macromedia”程序组→选择“Macromedia Flash 8”选项，就可以启动Flash 8，启动完成后的界面如图1-2所示。 Flash 8二维动画设计第1章 Flash 8动画基础 图1-2 Flash 8的工作窗口 教你一招 双击桌面上的“Macromedia Flash 8”程序的快捷图标（假设已设置快捷方式），即可打开Flash 8的工作窗口。 2. 创建新项目 单击图1-2所示“创建新项目”栏目中的“Flash文档”链接按钮，建立一个新的Flash文档，如图1-3所示。 3. 设置动画影片的舞台大小 选择“修改”→“文档”菜单选项或按Ctrl+J组合键，打开“文档属性”对话框。在Flash 8文档中默认的舞台大小为宽550px（像素），高400px，背景颜色为“白色”，帧频为“12fps" （每秒钟播放12帧,每1帧即为一个动画画面），如图1-4所示。本例中制作的第一个几何图形渐变的简单动画中，将舞台的大小设置为宽“400px" ，高“100px" ，背景颜色为“黄色”，帧频为“12fps" ，如图1-5所示。图1-3 新建Flash文档 图1-4 系统默认文档属性图1-5 设置文档属性 教你一招 在图1-3所示的Flash文档窗口中，展开“属性”面板，再单击面板中的“550×400像素”按钮，即可打开“文档属性”对话框。接着就可以设置文档舞台的宽度、高度、背景颜色及帧频了。如果只是想简单地修改舞台的背景颜色和影片的帧频，那么可以在“属性”面板中直接设置。 4. 在舞台的左侧使用“椭圆工具”绘制出一个正圆，并设置填充色 在图1-3所示的Flash文档窗口中，单击“工具箱”中的“椭圆工具”按钮，在“颜色”区域中，将“笔触颜色”设置为无色，然后将“填充色”设置为“红色球形”，最后按住Shift键，在舞台的左侧绘制出一个正圆，如图1-6所示。 图1-6 绘制圆形图案 5. 插入关键帧 此时“时间轴”面板中图层1的时间轴上的第1帧变成了一个小黑点（关键帧标志）。选中图层1时间轴上的第40帧，执行“插入”→“空白关键帧”菜单命令（或者右击时间轴第40帧，在快捷菜单中执行“插入空白关键帧”命令，直接在时间轴上插入空白关键帧），空白关键帧的图标在时间轴上显示为一个空心小圆点，如图1-7所示。 图1-7 插入关键帧 提个醒 选中第40帧后，原先在舞台左侧绘制的红色圆“消失”了，舞台上什么对象都没有。这是因为此时看到的是影片第40帧（即第40个画面）暂时还是一个空白关键帧。 6. 绘制第40帧图案 在图1-3所示的Flash文档窗口中，选择工具箱中的“矩形工具”，在“颜色”区域中，将“笔触颜色”设置为无色，将“填充色”设置为“蓝色”，最后按住Shift键，拖曳鼠标，在舞台的右侧绘制出一个正方形，如图1-8所示。 图1-8 绘制第40帧图案 此时，图层1时间轴的第40帧处的空白关键帧已经转变成了一个关键帧。7. 为影片创建补间动画 单击选中图层1时间轴上的第1帧到第40帧之间的任意一帧，打开“属性”面板，选择“补间”下拉列表框中的“形状”选项，如图1-9所示。 图1-9 设置补间动画 所谓补间动画就是让Flash 8程序为用户自动地在两个关键帧之间创建动画效果，补间动画有两种类型： ①动作，一般用于关键帧含有元件对象，使用动作类型的补间，在创建完成后关键帧之间用淡紫色填充； ②形状，一般用于关键帧含有的是形状对象，使用形状补间，在创建完成后关键帧之间用淡绿色自动填充。 此时如果想预览动画效果，只要按Enter键就可以了。8. 保存第一个动画作品 执行“文件”→“保存”菜单命令（快捷键为Ctrl+S) ，打开“另存为”对话框，设置文档的存储路径、文档的文件名后，单击“保存”按钮即可，如图1-10所示。此时存储的作品是.fla格式的文档。 图1-10 保存文件 9. 导出动画 执行“文件”→“导出”→“导出影片”菜单命令，在弹出的“导出影片”对话框中，设置影片的导出路径和影片的文件名，最后单击“保存”按钮即可。此时文件是.swf格式。1.1.2 知识讲解--Flash 8 的工作环境 Macromedia Flash Professional 8是一款矢量动画制作软件。用Flash 8制作的矢量动画非常小，适合于网络传输，由于其突出的优点，Flash 8在网页动画制作领域得到了广泛的应用，以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱。下面我们对工作环境中的菜单、工具、面板等分别作详细的介绍，包括一些基本的操作方法和工作环境的组织和安排。其工作界面如图1-11所示。 图1-11 工作界面 1. 菜单栏 Flash 8的菜单栏与其他应用程序一样，由文件、编辑、视图、插入、修改、文本、命令、控制、窗口和帮助10组菜单组成， Flash 8中的所有选项都可从这些菜单中找到。 (1) “文件”菜单。主要用于对文件进行新建、打开、保存、关闭、导入、导出和发布等操作。 (2) “编辑”菜单。主要用于对选中的对象进行复制、粘贴等操作。 (3) “视图”菜单。主要用于设置视图的显示方式和控制辅助工具的显示状态等。 (4) “插入”菜单。主要用于创建元件和场景等。 (5) “修改”菜单。主要用于修改帧、层、场景的属性和修改对象的大小、形状、排列方式等。 (6) “文本”菜单。主要用于编辑文本，设置文本的字体、大小、样式等。 (7) “命令”菜单。主要用于对保存的命令进行重命名、运行等操作。 (8) “控制”菜单。主要用于播放、测试影片等。 (9) “窗口”菜单。主要用于窗口的设置。 (10) “帮助”菜单。主要包含了教程、联机帮助等。 2. 工具箱 工具箱是Flash 8最常用到的一个面板，单击就能选中其中的各种工具。使用工具箱中的工具可以绘图、上色、选择和修改插图，并可以更改舞台的视图。工具箱面板分为四个部分：  “工具”区域包含绘图、上色和选择工具。  “查看”区域包含在应用程序窗口内进行缩放和移动的工具。  “颜色”区域包含用于笔触颜色和填充颜色的功能键。  “选项”区域显示用于当前所选工具的功能键。功能键影响工具的上色或编辑操作。 可以自定义工具箱中的工具编排，执行“编辑”→“自定义工具面板”命令，打开“自定义工具栏”对话框，可以根据需要和喜好指定要在 Flash 创作环境中显示哪些工具。3. 时间轴 时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样，Flash 文档也将时长分为帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头。 文档中的图层列在时间轴左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题指示帧编号。播放头指示当前在舞台中显示的帧。播放 Flash 文档时，播放头从左向右通过时间轴。 时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频及到当前帧为止的运行时间。 提个醒 在播放动画时，将显示实际的帧频；如果计算机不能足够快地计算和显示动画，则该帧频可能与文档的帧频设置不一致。 4. 舞台 在 Flash 8中编辑动画内容通常是在工作界面中间的白色区域（区域颜色可以设置）中进行的，这个白色区域叫做 " 舞台 " ，是放置动画内容的区域。这些内容包括矢量插图、文本框、按钮、导入的位图图形或影片剪辑等。可以在“属性”面板中设置和改变“舞台”的大小，默认状态下，“舞台”的宽为550像素，高为400像素。5. 常用面板 面板组是相关面板的集合，每个面板组都可以展开和折叠，并且可以和其他面板组层叠在一起。Flash 8将其进行了分类，在“窗口”菜单的子菜单中可以找到所有的面板。 要调出需要的面板，只需在“窗口”菜单中执行相应的命令即可，也可以使用各命令后提示的快捷键。 在打开的面板中单击右上角的按钮，在弹出的菜单中选择“关闭面板组”命令即可关闭该面板。如果要隐藏所有的面板，可以直接按F4键。虽然这些面板系统默认分布在工作界面的底部和右部，但这些面板都可以通过拖动来改变位置。当对面板布局进行调整后，需要恢复到系统默认的面板布局时，只需执行“窗口”→“工作区布局”→“默认”菜单命令即可。 Flash 8的面板组包括“属性”面板、“库”面板，除此之外的其他面板被分成三类，分别是设计面板、开发面板、其他面板，三类面板的子菜单如图1-12所示。 图1-12 三类面板子菜单 几种常用面板的基本功能如下。 (1) “属性”面板 “属性”面板如图1-13所示。 图1-13 “属性”面板 该“属性”面板显示了当前文档属性，如大小、背景颜色、帧频等。在编辑过程中，如果选中了某个对象，“属性”面板中将显示该对象的属性。图1-14为选中在场景中绘制的一个矩形后的“属性”面板，其中显示了矩形的宽、高、坐标位置及颜色等属性。 图1-15 “库”面板图1-14 矩形的属性面板 (2) “库”面板 “库”面板用于存放文档中用到的元件，如图1-15所示。 “库”面板的上部为预览区，下部为元件列表区。当选中列表区中的某一元件时，预览区中将显示该元件的预览状态。 (3) “混色器”面板和“颜色样本”面板 “混色器”面板和“颜色样本”面板用于选择和调配颜色，分别如图1-16和图1-17所示。 (4) “对齐”面板 “对齐”面板用于精确地对齐对象的位置，如图1-18所示。面板左边的按钮提供了不同的对齐方式，面板右边的“相对于舞台”按钮决定对齐的标准。如果该按钮为按下状态，则将场景作为对齐的标准；如果该按钮为非按下状态，则将选中的对象作为对齐的标准。图1-16 “混色器”面板图1-17 “颜色样本”面板图1-18 “对齐”面板 (5) “动作-帧”面板 “动作-帧”面板可以为Flash添加动作脚本（ActionScript) 。添加了脚本后的“动作-帧”面板如图1-19所示。 图1-19 “动作-帧”面板 “动作-帧”面板的左边列出了文档中所有可以添加脚本的对象，包括关键帧和影片剪辑元件，选中某个对象后，右边的窗口中将显示为该对象添加的脚本。6. Flash文档相关的文件类型 Flash 8可用来处理多种文件类型。每种类型都具有不同的用途。下面描述了每种文件类型及其用途。 FLA文件是在Flash中处理的主要文件。这些文件中包含了Flash文档的基本媒体、时间轴和脚本信息。 SWF文件是FLA文件的压缩版本。这些文件是在Web页面中显示的文件。 AS文件是ActionScript文件。如果习惯于将某些或所有ActionScript代码保持在FLA文件的外部，可以使用这些文件。这对代码组织很有帮助，并且对由多个人同时处理Flash 内容的不同部分的项目也很有帮助。 SWC文件包含可重用的Flash组件。每个SWC文件都包含已编译影片剪辑、ActionScript 代码及组件需要的其他任何资源。 ASC文件是用于存储将在运行Flash Communication Server的计算机上执行的 ActionScript的文件。这些文件提供了实现与 SWF 文件中的ActionScript一起使用的服务器端逻辑的能力。 JSFL文件是JavaScript文件，可以用来向 Flash 创作工具添加新功能。 FLP文件是 Flash 项目文件。可以使用Flash项目来管理单个项目中的多个文档文件。Flash项目可将多个相关文件组织在一起以创建复杂的应用程序。7. Flash动画的播放 每个.fla文件被播放一次后都会自动在.fla文件所在位置生成一个SWF 文件，以后只需直接双击该文件即可播放动画。可以用以下方式播放 Flash 内容。  在Internet浏览器（如安装了Flash Player 8的Firefox和Internet Explorer）上播放。  在Director和Authorware中用Flash Xtra播放。  利用Microsoft Office 和其他ActiveX主机中的Flash ActiveX控件播放。  作为QuickTime视频的一部分播放。  作为一种称为放映文件的独立视频播放。  Flash的SWF格式是其他应用程序所支持的一种开放标准。1.2 制作逐帧动画 逐帧动画就是在时间轴上按顺序为每一帧都插入一幅图片，并且要求相邻两帧的图片差别很小。连续播放这些帧图片，就形成了动画。用户可以利用逐帧动画控制内容移动的方式，从而编辑可见的任何对象，但它也存在明显的缺点，除了消耗大量的时间之外，这种动画方式还会增加影片文件的总长度，因此，在一般情况下不使用这种方式制作动画。但是，对于要求较高的影片，逐帧动画却能发挥出它独特的作用。1.2.1 制作一个逐帧动画 相信很多人都爱看动作类和体育类的电视节目，觉得一些动作效果很有趣。下面来制作一个像素人跑跳运动的动画。制作的样例如图1-20所示。 图1-20 效果图 图1-21 文档属性 1. 安装本实例用到的Swifty字体 安装此字体是因为此字体下显示出来的字母就是一些人物的动作。2. 创建影片文档 执行“文件”→“新建”命令，在弹出的对话框中选择“常规”→ "Flash文档”选项后，单击“确定”按钮，新建一个影片文档。在“文档属性”对话框中进行设置： 文件大小为600×150像素，背景颜色为白色，帧频为8fps，如图1-21所示。3. 修改图层名称，制作背景 ① 双击“图层1”的图层名称，将其图层名称修改为“背景”. 提个醒 及时修改图层名称使其与内容相对应，可以更准确快速地找到每个图层中的内容，方便编辑与修改，所以养成一个良好的图层命名习惯是必要的。 ② 选择“线条工具”, “属性”面板设置笔触高度为5，按Shift键，在舞台正中画一条水平直线作为运动的路面。4. 添加图层，制作像素人的运动效果 ① 新建一个图层，命名为“人物”. ② 选择“文本工具”, “属性”面板设置字体为Swifty，大小为60，在舞台的垂直居中、水平居右的位置，输入字母Q，调整此人物在背景线上的位置，如图1-22所示。 图1-22 第1帧效果 ③ 按照同样的方法在时间轴的第2帧插入关键帧，选择“文本工具”，输入字母W，调整此人物在背景线上的位置，并且放在第一帧的人物后面，如图1-23所示。 图1-23 第2帧效果④ 删除第一个像素人，保留第二个。 ⑤ 按照同样的方法在时间轴的第3～24帧插入关键帧，依次输入字母ERTYUIOPASDFGHJKLZXCVB，并排列好位置。5. 测试存盘 执行“控制”→“测试影片”命令（快捷键Ctrl+Enter) ，观察动画效果，如果满意，执行“文件”→“保存”命令，将文件保存成“逐帧动画.fla”文件，如果要导出Flash的播放文件，执行“文件”→“导出”→“导出影片”命令。 至此，一个运动的像素人的逐帧动画就制作完成了。1.2.2 知识讲解1. 创建逐帧动画的基本方法 创建逐帧动画的方法主要有以下四种。  导入静态图片： 分别在每帧中导入静态图片，建立逐帧动画，静态图片的格式可以是JPG、PNG等。  绘制矢量图： 在每个关键帧中，直接用Flash的绘图工具绘制出每一帧中的图形。  导入序列图像： 直接导入GIF序列图像，其中包含的多个帧导入到Flash中后，将会把动画中的每一帧自动分配到每一个关键帧中。  导入SWF动画： 直接导入已经制作完成的SWF动画,或者导入第三方软件（如swish、swift 3D等）产生的动画序列，同样可以创建逐帧动画。2. 帧 帧是动画的基本元素，Flash动画是由帧构成的。帧有普通帧、关键帧和空白关键帧三种类型。关键帧是有内容的帧，可以任意更改该帧中的对象，在时间轴上以小黑点表示；普通帧用于延长关键帧中的内容或作为两关键帧间动作的过渡，在时间轴上以空心方块表示；空白关键帧是没有任何内容的帧，在时间轴上以空心圆表示，如图1-24所示。 图1-24 帧的表现形式 3. 帧的修改 对帧或关键帧可以进行如下几种修改。 (1) 插入、选择、删除和移动帧或关键帧。 (2) 将帧或关键帧拖到同一图层中的不同位置，或是拖到不同的图层中。 (3) 复制和粘贴帧或关键帧。 (4) 将关键帧转换为帧。 (5) 从“库”面板中将一个项目拖动到舞台上，从而将该项目添加到当前的关键帧中。 Flash 8提供两种不同的方法在时间轴中选择帧。在基于帧的选择（默认情况）中，可以在时间轴中选择单个帧；在基于整体范围的选择中，在单击一个关键帧到下一个关键帧之间的任何帧时，整个帧序列都将被选中。可以在 Flash 首选参数中指定基于整体范围的选择。4. 帧的插入 在时间轴中插入帧，有以下三种操作方法。 (1) 插入新帧。 执行“插入”→“帧”命令。 (2) 创建新关键帧。 执行“插入”→“关键帧”命令，或者右击时间轴上要放置关键帧处或按住Ctrl键单击时间轴上要放置关键帧处的帧再右击，然后从弹出的快捷菜单中执行“插入关键帧”命令。 (3) 创建新的空白关键帧。 执行“插入”→“空白关键帧”命令，或者右击时间轴上要放置空白关键帧处或按住Ctrl键单击时间轴上要放置空白关键帧处的帧再右击，然后从弹出的快捷菜单中执行“插入空白关键帧”命令。 5. 帧的选择 选择时间轴中的一个或多个帧，有以下四种操作方法。 (1) 选择一个帧，请单击该帧。如果在“首选参数”对话框中启用了“基于整体范围的选择”，则单击某个帧将会选择两个关键帧之间的整个帧序列。 (2) 选择多个连续的帧，请按住Shift键并单击时间轴上需要连续选中的第一帧和最后一帧。 (3) 选择多个不连续的帧，请按住Ctrl键并单击需要选中的帧。 (4) 选择时间轴中的所有帧，请执行“编辑”→“时间轴”→“选择所有帧”命令。6. 帧的删除 删除或修改帧或关键帧，有以下几种操作方法。 (1) 删除帧、关键帧或帧序列。选中该帧、关键帧或帧序列，然后执行“编辑”→“时间轴”→“删除帧”命令，或者右击或按住Ctrl键并单击该帧、关键帧或帧序列，然后从菜单中执行“删除帧”命令，周围的帧将保持不变。 (2) 移动关键帧或帧序列及其内容。将该关键帧或帧序列拖到所需的位置。 (3) 通过拖动来复制关键帧或帧序列。按住Alt键单击该关键帧，并将该关键帧拖到新位置。 (4) 复制和粘贴帧或帧序列。选择该帧或帧序列，然后执行“编辑”→“时间轴”→“复制帧”命令，选择想要替换的帧或帧序列，然后执行“编辑”→“时间轴”→“粘贴帧”命令。 (5) 将关键帧转换为帧。选定该关键帧，然后执行“编辑”→“时间轴”→“清除关键帧”命令，或者右击该关键帧或按住Ctrl 键单击该关键帧，然后从弹出的快捷菜单中执行“清除关键帧”命令。所清除的关键帧及到下一个关键帧之前的所有帧的舞台内容，将被所清除的关键帧之前的帧的舞台内容替换。 (6) 更改补间序列的长度。将开始关键帧或结束关键帧向左或向右拖动。1.2.3 拓展训练--制作模仿手写字的动画 制作一个模仿手写“大”字的动画。1. 创建影片文档 执行“文件”→“新建”命令，在弹出的对话框中选择“常规”→ "Flash文档”选项后，单击“确定”按钮，新建一个影片文档。在“文档属性”对话框中进行设置： 文件大小为200×200像素，背景颜色为黑色，如图1-25所示。2. 制作第1帧内容 选择“文本工具”, “属性”面板设置字体为楷体，大小为200，在舞台的垂直居中、水平居右的位置，输入一个“大”字，执行“修改”→“分离”菜单命令分离该对象，如图1-26所示。 图1-25 文档属性图1-26 分离“大”字3. 擦除笔画 第2帧插入关键帧，选择“橡皮工具”，将“大”字的捺笔擦去一点。第3帧插入关键帧，用橡皮工具继续将“大”字的捺笔末端再擦去一点。依此类推，一直到将“大”字的捺笔擦除完毕为止，如图1-27所示为第2～5帧中的擦除情况。 图1-27 图层1第2～5帧的内容 到第18帧时，将“大”字的捺笔全部擦除。为了表现一笔写完时的停顿，隔两帧再继续擦除撇笔，到第42帧上全部擦除。依此类推，到第57帧上将“大”字的横笔全部擦除，此时，整个舞台上已经没有内容了。4. 翻转帧 按住Shift键，单击第1帧，接着再单击第57帧，此时将选中第1～57帧，选择“修改”→“时间轴”→“翻转帧”选项，将所选择的帧进行反转操作，即使第57帧成为第1帧，第56帧成为第2帧……5. 测试存盘 执行“控制”→“测试影片”命令（快捷键Ctrl+Enter) ，观察动画效果，如果满意，执行“文件”→“保存”命令，将文件保存成“手写字.fla”文件，如果要导出Flash的播放文件，执行“文件”→“导出”→“导出影片”命令。 至此，一个模仿手写“大”字的动画制作完成。 提个醒 擦除笔画的顺序是按照写汉字的反方向进行的，从右往左擦，从下往上擦。 1.3 制作渐变动画 渐变动画是指对象随时间变化而发生形状、颜色、大小等变化的动画。渐变动画分为形状渐变动画和运动渐变动画两类。运动渐变只是对象位置发生变化，而形状渐变则是对象在位置变化的同时，形状也发生了变化。1.3.1 制作一个形状渐变动画 这是一个由一个红色大圆渐变成七个蓝色小圆的动画，效果预览如图1-28所示。 图1-28 动画的瞬间效果 1. 创建影片文档 执行“文件”→“新建”命令，在弹出的对话框中选择“常规”→ "Flash文档”选项后，单击“确定”按钮，新建一个影片文档。在“文档属性”对话框中设置文件大小为300×300像素。2. 创建变形对象--红色大圆 选择工具箱中的“椭圆工具”，设置笔触颜色为无色，填充色为红色，在舞台的中央按住Shift键绘制一个大圆。3. 创建目标对象--七个蓝色小圆 图1-29 绘制图形 单击第20帧，按F7键插入空白关键帧。单击时间轴上的“绘图纸外观轮廓”按钮, 显示出第一帧中的图形线框。 选择工具箱中的“椭圆工具”，设置笔触颜色为无色，填充色为蓝色，在舞台上绘制7个小圆，大小与位置如图1-29所示。4. 创建形状补间动画 单击第1帧，打开“属性”面板，选择“补间”下拉列表中的“形状”选项。 5. 测试存盘 至此，一个简单的形状渐变动画就完成了，按Ctrl+Enter组合键，观赏一下动画的效果，如果满意，执行“文件”→“保存”命令，将文件保存成“形状渐变.fla”文件，如果要导出Flash的播放文件，执行“文件”→“导出”→“导出影片”命令。1.3.2 知识讲解1. 创建形状渐变动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般以一帧中一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在“属性”面板上单击“补间”旁边的下三角按钮，在弹出的下拉列表框中选择“形状”选项，此时，一个形状渐变动画就创建完毕了。2. 形状渐变动画中的基本概念 (1) 形状渐变动画 在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状渐变动画”. (2) 构成形状渐变动画的元素 形状渐变动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画之间，使用的元素多为用鼠标指针或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”才能创建变形动画。 (3) 形状渐变动画在“时间轴”面板上的表现 形状渐变动画建好后，“时间轴”面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长箭头，如图1-30所示。 (4) 形状渐变动画的“属性”面板 Flash 8的“属性”面板随选定对象的不同而发生相应的变化。当我们建立了一个形状渐变动画后，单击帧，“属性”面板如图1-31所示。 图1-30 创建好的形状渐变动画图1-31 形状渐变动画的属性面板 形状渐变动画的“属性”面板上只有下面两个参数。 ① “缓动”选项。单击其右边的下三角按钮，会弹出滑动杆，拖动上面的滑块可以调节参数值，当然也可以在文本框中直接输入具体的数值。设置后，形状渐变动画会随之发生相应的变化。  在-100到-1之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。  在1到100之间，动画运动的速度从快到慢，朝运动结束的方向减速补间。  默认情况下，补间帧之间的变化速率是不变的。 ② “混合”选项。“混合”选项中有两项供选择。  “角形”选项： 创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。  “分布式”选项： 创建的动画中间形状比较平滑和不规则。3. 运动渐变动画 (1) 运动渐变动画的概念 在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 8根据两者之间的帧的值创建的动画被称为运动渐变动画。 (2) 构成运动渐变动画的元素 构成运动渐变动画的元素是元件，包括： 影片剪辑、图形元件、按钮、文字、位图、组合等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“运动渐变动画”. (3) 运动渐变动画在“时间轴”面板上的表现 运动渐变动画建立后，“时间轴”面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长箭头，如图1-32所示。 (4) 创建运动渐变动画的方法 在“时间轴”面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在“属性”面板上单击“补间”旁边的下三角按钮，在弹出的下拉列表框中选择“动画”，或右击开始帧，在弹出的菜单中选择“创建补间动画”选项，就建立了“运动渐变动画”. (5) 运动渐变动画的“属性”面板 在时间轴“运动渐变动画”的起始帧上单击，帧的“属性”面板如图1-33所示。 图1-32 创建好的运动渐变动画图1-33 运动渐变动画的“属性”面板 ① “缓动”选项。在（4）中已有描述。 ② “旋转”选项。有四个选择，选择“无”选项（默认设置）可禁止元件旋转；选择“自动”选项可使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”选项或“逆时针”选项，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。 ③ “调整到路径”复选框。将补间元素的基线调整到运动路径，此项功能主要用于引导线运动。 ④ “同步”复选框。使图形元件实例的动画和主时间轴同步。 ⑤ “对齐”复选框。可以根据其注册点将补间元素附加到运动路径，此项功能也主要用于引导线运动。4. 形状渐变动画和运动渐变动画的区别 形状渐变动画和运动渐变动画都属于渐变动画。前后都各有一个起始帧和结束帧，两者之间的区别如表所示。形状渐变动画和运动渐变动画的区别表区 别 项 目运动渐变动画形状渐变动画在时间轴上的表现淡紫色背景加长箭头淡绿色背景加长箭头组成元素影片剪辑、图形元件、按钮、文字、位图等形状，如果使用图形元件、按钮、文字，则必须先打散再变形完成的作用实现一个元件的大小、位置、颜色、透明度等的变化实现两个形状之间的变化，或一个形状的大小、位置、颜色等的变化图1-34 动画的瞬间效果1.3.3 拓展训练--制作一个运动渐变动画 制作一个模仿小球上下弹跳运动的动画。效果及时间轴分布分别如图1-34、图1-35所示。 1. 创建影片文档 执行“文件”→“新建”命令，在弹出的对话框中选择“常规”→ "Flash文档”选项后，单击“确定”按钮，新建一个影片文档。在“文档属性”对话框中进行设置： 文件大小为300×400像素，背景颜色为#00CCFF，如图1-36所示。 2. 制作弹跳球 选择“椭圆工具”，更改相应属性，在起始关键帧处画一个无边框的正圆，位于舞台的上部，并且转换为群组，然后在弹跳球转折点处插入关键帧，并且设置弹跳球的位置。 图1-35 弹跳球的时间轴分布图 图1-36 文档属性 3. 创建动作补间动画 除了结束关键帧以外，其他关键帧的“属性”面板的“补间”下拉列表框中都选择“动画”选项，利用位置的移动渐变创造出圆球弹跳的效果。 这样制作的“小球”是匀速的上下弹跳，而现实生活中因受地球吸引力的作用，“小球”应该是向下落的速度越来越大，弹起以后向上的速度逐步减小，所以我们还可以对补间动画属性进行一些设置，使“小球”的运动动画更符合客观规律。选中“小球”图层的第1帧，在“属性”面板中“缓动”的参数文本框中输入“-100" ，用同样的方法选中“小球”图层的第15帧和第35帧，在“缓动”的参数文本框中输入“100" ，选中“小球”图层的第25帧和第40帧，在“缓动”的参数文本框中输入“-100" . 4. 添加背景图 给“弹跳球”加上一个背景图片，使动画更加美观。选择工具箱中的工具绘制如图1-37所示的背景图。图1-37 弹跳球背景图 也可以执行“文件”→“导入”→“导入到舞台”命令，为“弹跳球”加上背景图片。5. 测试存盘 至此，一个简单的运动渐变动画制作完成。按Ctrl+Enter组合键，可以观赏动画的效果。如果满意，执行“文件”→“保存”命令，将文件保存成“弹跳球.fla”文件，如果要导出Flash的播放文件，执行“文件”→“导出”→“导出影片”命令。1.4 遮 罩 动 画 在Flash作品中经常出现很多炫目的神奇效果，如水波、万花筒、百叶窗、放大镜、望远镜等，这其中不少就是用“遮罩”完成的。 简单地讲，遮罩就是将不需要显示的地方遮住，使需要显示的地方露出来。就像在一幅画上盖一块布，布上做一个洞一样，只有透过洞的地方才能显示出动画的内容，而其他部分就被遮盖起来。1.4.1 制作一个遮罩动画 伴着“嗖”的声音，一道白光迅速掠过一排文字，这是经常在广告和电视中看到的效果。如图1-38所示。 图1-38 动画的瞬间效果 制作遮罩动画的操作步骤如下。1. 创建影片文档 执行“文件”→“新建”命令，在弹出的对话框中选择“常规” → "Flash文档”选项后，单击“确定”按钮，新建一个影片文档。在“属性”面板上设置文件大小为550×200像素，背景颜色为深绿色。2. 创建底层文字层 将“图层1”重新命名为“底层文字”。选择工具箱中的“文本工具”，在场景中输入“学做遮罩动画”六个字，在“属性”面板中设置文字参数，如图1-39所示。 选中字体，执行“修改”→“分离”命令两次，把字体打散，再选择“颜料桶工具”，把字体中心填充成红色。各个步骤的文字效果如图1-40所示。 在第50帧处添加普通帧，这一层起显示文字的作用。 3. 创建被遮罩层 新建一个“图层2" ，将“图层2”重新命名为“辉光”。执行“窗口”→“设计面板”→“混色器”命令，打开“混色器”面板，选择“类型”为“线性”, “溢出”为第二种类型，将三个色标