网页设计与制作 (4).ppt

《网页设计与制作 (4).ppt》由会员分享，可在线阅读，更多相关《网页设计与制作 (4).ppt（144页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第5章章 动画制作画制作软件件Flash第5章 动画制作软件Flash l网页作为一种新兴的媒体，正成为当今人们获取信息的重要方式。随着网络技术的发展，单调的页面及布局已经能做得像其他媒体一样丰富多彩了。就目前而言，要想改变静态页面呆板的面貌，并且突破网络传输速度的限制，相信每一个网络设计人员都会说，使用Flash。的确，目前Flash在网络设计上的应用正像它的名字一样光彩照人、势不可挡。第5章 动画制作软件Flash5.1 5.1 Flash MXFlash MX概述概述 5.2 5.2 FlashFlash基本操作基本操作5.3 5.3 图形操作图形操作5.4 5.4 动画制作动画制作5

2、.5 5.5 声音处理声音处理5.6 5.6 动画的交互控制动画的交互控制5.7 5.7 使用组件使用组件5.8 5.8 优化和发布优化和发布 5.9 5.9 综合实例综合实例思考与练习思考与练习5.1 Flash MX概述 lFlash是由美国Macromedia公司出品的一款矢量图形编辑和动画制作软件。因为这款软件在基于矢量图形压缩方面有着惊人的能力，并且可以在Web上发布，所以很快便在互联网世界中流行起来。用户除了可以利用它制作普通动画外，还可以在动画中加入背景音乐。更重要的是，用户还可以利用它制作交互动画及动态网页。5.1.1 Flash MX的的功能特点功能特点l 导入功能的扩展。F

3、lash MX 可以非常容易地通过导入功能将AVI、MPEG或GIF等视频文件导入到Flash文件中，还可导入Flash发布后的SWF文件。l 工具箱中新增加了两个工具。自由转换工具，可以对绘制内容进行任意的缩放或旋转等变化；填充转换工具，主要用来调整填充颜色。l 图层可做成文件夹。在时间轴中，新增了图层文件夹，使得管理图层更加方便。5.1.1 Flash MX的的功能特点功能特点 利用文本工具设定超级链接。在Flash MX 中可以直接通过文本工具设定超级链接，这与设计网页时的操作一样简单。增 强 了 Actions编 辑 器 的 功 能。改 进 的ActionScript（动作脚本）编辑面

4、板使得用户可以方便地访问、查找所有的（包括潜在的）动作语句。新增了属性面板。Flash MX进一步向面向对象的技术靠拢，提供了独立的属性面板。支持组件功能。组件是面向对象技术的一个重要特征，Flash MX开始支持组件。5.1.2 动画知识简介动画知识简介与我们平时看到的电影和录像一样，Flash动画也是基于帧构成的，也就是通过若干个静止的画面连续播放来产生动作效果，我们把这些静止的画面称为帧。通常的电脑动画大部分都是基于这种原理来创建的。对于这种以帧的连续播放产生的电影，一般来说，每一秒钟的电影至少包含24帧，或者更多，而且帧数越多，电影画面就越连贯。例如我们看的电视每秒钟包含25帧。为了降

5、低网络流量，Flash 通常将动画一秒钟播放的帧数设置为12。如果就以每秒钟12帧来计算，要生成1小时的Flash动画，它将包含43200帧。如果对每一帧的画面都进行绘制，那将是不现实的。于是在设计Flash动画时，引进了关键帧这个概念。所谓关键帧就是指用来描述动画中关键画面的帧。在制作Flash 动画时，只要将动画中的关键帧画面制作好后，两个关键帧之间的各帧则可以通过插值的方法来自动产生，这将大大提高动画制作的效率，同时也大大减少了动画中的冗余数据。有时一个帧中的内容非常复杂，为了减少每一帧中内容的复杂程度，Flash又引入了图层的概念，我们可以将帧中复杂的内容分别绘制到不同的图层，以减少每

6、一帧动画的复杂程度。Flash就这样将时间线、帧和图层分别用在横纵结构上以构成动画。选择“开始程序MacromediaMacromedia Flash MX”菜单选项，启动Flash MX应用程序，打开的程序窗口，布局如图5-1所示。在Flash MX程序窗口中，根据功能的不同，可以将Flash MX的操作界面分成7个部分，它们分别是菜单栏、工具栏、工具箱、属性面板、面板容器、时间线和动画设计窗体。5.1.3 Flash MXFlash MX工作界面工作界面图 5.2.1 参数设置参数设置 5.2.2 文件的建立、保存文件的建立、保存 5.2.3 时间轴的操作时间轴的操作 5.2.4 场景操作

7、场景操作 5.2.5 动画播放动画播放5.2 Flash基本操作FlashFlash允允许许用用户户根根据据需需要要设设置置常常用用参参数数，如如设设置置应应用用程程序序的的常常规规操操作作、编编辑辑操操作和剪贴板操作等。作和剪贴板操作等。选择选择“编辑编辑参数参数选择选择”菜菜单选项单选项，打，打开开“参数参数选择选择”对话对话框，可框，可对对常用参数常用参数进进行行设设置，如置，如图图5-25-2所示。所示。5.2.1 参数设置参数设置图1.文件的建立文件的建立选选择择“文文件件新新建建”菜菜单单选选项项，就就可可以以新新建建一一个个Flash文件。文件。2.文件的保存文件的保存Flash

8、电影创建完成后，可以将其保存为当前使电影创建完成后，可以将其保存为当前使用的名称或所在位置，也可以保存为其他的名用的名称或所在位置，也可以保存为其他的名称或位置。称或位置。选选择择“文文件件保保存存”菜菜单单选选项项，使使用用当当前前文文件名保存当前文件。件名保存当前文件。如如果果选选择择“另另存存为为”命命令令，或或文文件件从从来来没没有有保保存存过过，这这时时候候将将打打开开Save As（另另存存为为）对对话话框框，如如图图5-3所所示示。选选择择文文件件存存储储位位置置并并输输入入文件名，单击保存按钮即可。文件名，单击保存按钮即可。5.2.2 文件的建立、保存文件的建立、保存图时时间间

9、轴轴的的组组成成部部分分有有帧帧、层层和和播播放放指指针针，如如图图5-4所所示示。时时间间轴轴用用于于组组织织动动画画各各帧帧的的内内容容，并并可可以以控控制制动动画画每每帧帧每每层层的的显显示示内内容容，还还可可以以显显示示动动画画播播放放的的速速率率等等信信息息。单单击击“帧帧视视图图”按按钮，在弹出的下拉菜单中包含许多对帧的操作。钮，在弹出的下拉菜单中包含许多对帧的操作。5.2.3 时间轴的操作时间轴的操作一一个个动动画画可可能能包包含含多多个个场场景景，使使用用场场景景可可以以更更好好地地组组织织动动画画。场场景景的的顺顺序序和和动动画画的的播播放放顺顺序序有有关关。一一个个场场景景

10、就就好好象象话话剧剧中中的的一一幕幕，一一个个出出色色的的Flash动画就是由这一幕幕场景组成的。动画就是由这一幕幕场景组成的。有有关关场场景景的的基基本本操操作作，包包括括场场景景的的切切换换、添添加加、删删除除及及调调整整顺顺序序等等，全全部部都都可可以以在在场场景景面面板板中中进进行，如图行，如图5-5所示。所示。也也可可利利用用场场景景右右上上角角的的“编编辑辑场场景景”按按钮钮或或查查看看、插入菜单的有关菜单选项对场景进行部分操作。插入菜单的有关菜单选项对场景进行部分操作。5.2.4 场景操作场景操作图要要播播放放当当前前的的场场景景，可可以以选选择择“控控制制播播放放”菜菜单单选选

11、项项或或选选择择“窗窗口口工工具具栏栏控控制制栏栏”菜菜单单选选项项，打打开开“控控制制器器”，然然后后单单击击“播播放放”按钮。按钮。5.2.5 动画播放动画播放 5.3.1 图形的复制与删除图形的复制与删除 5.3.2 图形的层次顺序图形的层次顺序 5.3.3 网格的使用网格的使用 5.3.4 组合与分离操作组合与分离操作 5.3.5 图形的显示模式图形的显示模式 5.5.6 图形变形图形变形 5.3.7 使用位图使用位图 5.3 5.3 图形操作图形操作1.1.复制图形复制图形在在场场景景中中选选中中图图形形后后，选选择择“编编辑辑拷拷贝贝”菜菜单单选选项项，可可以以将将选选中中的的图图

12、形形复复制制到到WindowsWindows剪剪贴贴板板上上。这这时时，如如果果选选择择“编编辑辑粘粘贴贴”菜菜单单选选项项，复复制制的的图图形形将将被被粘粘贴贴到到场场景景中中心心。选选择择“编编辑辑粘粘贴贴到到当当前前位位置置”菜菜单单选选项项，复复制制的的图形将原位粘贴到场景中。图形将原位粘贴到场景中。2.2.删除图形删除图形选选中中场场景景中中要要删删除除的的图图形形，然然后后选选择择“编编辑辑/清清除除”菜菜单单选选项项或或选选择择“编编辑辑/剪剪切切”菜菜单单选选项即可删除图形。项即可删除图形。5.3.1 图形的复制与删除图形的复制与删除在在Flash中中创创建建图图形形对对象象时

13、时，创创建建对对象象的的次次序序与与对对象象的的位位置置是是有有关关系系的的。同同一一层层上上的的对对象象，后后创创建建的的对对象象处处于于先先创创建建对对象象的的上上面面，即即最最先先创创建建的的对对象象位位于于其其他他对对象象的的下下面面。对对象象的的层层次次顺顺序决定对象覆盖时的显示方式。序决定对象覆盖时的显示方式。执执行行“修修改改排排序序”菜菜单单选选项项，可可以以对对当当前前活活动动图图层层中中所所选选定定的对象进行层次顺序的调整。的对象进行层次顺序的调整。置置于于顶顶层层：将将选选中中的的对对象象移移动动到到当当前前图图层层中中所所有有对对象象的的最最上上方。方。上移一层：上移一

14、层：将选中的对象在当前图层向上移动一级。将选中的对象在当前图层向上移动一级。下移一层：下移一层：将选中的对象在当前图层向下移动一级。将选中的对象在当前图层向下移动一级。置置于于底底层层：将将选选中中的的对对象象移移动动到到当当前前图图层层中中所所有有对对象象的的最最下下方。方。5.3.2 图形的层次顺序图形的层次顺序若若在在绘绘图图时时使使用用格格线线，可可以以准准确确定定位位对对象象。要要显显示示或或隐隐藏藏格格线线，可可以以通通过过“查查看看网网格格”下下的的选选项项来来设设置置。还还可可以以通通过过“编编辑辑网网格格”子子命命令令来来打打开开“网网格格”对对话话框框，以以便便设设置置格格

15、线线的的颜颜色色、对对齐齐网网格格的的精精确确度度以以及及是是否显示格线。图否显示格线。图5-6所示为网格设置对话框。所示为网格设置对话框。5.3.3 网格的使用网格的使用1.群组对象群组对象所所谓谓群群组组对对象象，就就是是将将两两个个以以上上的的对对象象组组合合成成单单个个对对象，以便于移动、缩放及旋转等操作。象，以便于移动、缩放及旋转等操作。若若要要群群组组对对象象，只只要要选选中中了了所所有有要要群群组组的的对对象象，然然后后选选 择择“修修 改改 群群 组组”菜菜 单单 选选 项项 或或 者者 按按 快快 捷捷 键键“Ctrl+G”即可。即可。2.分解对象分解对象分分解解对对象象可可

16、以以将将群群组组对对象象、文文字字对对象象、组组件件或或点点阵阵图图分分离离成成线线条条与与填填色色区区块块，以以后后可可以以使使用用“墨墨水水瓶瓶”工工具与具与“颜料桶颜料桶”工具来编辑这些对象。工具来编辑这些对象。选选取取对对象象后后，只只要要执执行行“修修改改分分解解组组件件”命命令令，或或者按快捷者按快捷“Ctrl+B”即可分解对象。即可分解对象。5.3.4 组合与分离操作组合与分离操作Flash MX提提供供了了4种种图图形形显显示示模模式式，可可以以从从查查看看下下拉拉菜单中选择。菜单中选择。外边框模式只显示对象的外框，因此显示速度快。外边框模式只显示对象的外框，因此显示速度快。高

17、高速速显显示示模模式式会会显显示示对对象象的的框框线线与与填填充充色色，但但不不提提供供去去锯锯齿齿功功能能，因因此此显显示示的的品品质质较较为为粗粗糙糙，但但显显示示速速度快。度快。清除锯齿模式显示质量比较好，但速度稍慢些。清除锯齿模式显示质量比较好，但速度稍慢些。清清除除文文字字锯锯齿齿模模式式显显示示质质量量最最好好，但但在在这这4种种模模式式中，显示速度最慢。中，显示速度最慢。5.3.5 图形的显示模式图形的显示模式图形变形包括图形的缩放、旋转、倾斜和翻转等。图形变形包括图形的缩放、旋转、倾斜和翻转等。1.对图形进行缩放对图形进行缩放（1）首先，选取要进行处理的图形。）首先，选取要进行

18、处理的图形。（2）单单击击“工工具具箱箱”中中的的“自自由由转转换换”工工具具按按钮钮，此时在图形的四周出现此时在图形的四周出现8个小黑方块。个小黑方块。（3）将将鼠鼠标标放放在在图图形形四四周周的的8个个小小黑黑方方块块上上，当当鼠鼠标标出出现现双双箭箭头头状状时时，拖拖动动鼠鼠标标即即可可对对图图形形进进行行缩缩放放操操作作，如图如图5-7所示。所示。5.3.6 图形变形图形变形（1）首先，我们选取要进行处理的图形。）首先，我们选取要进行处理的图形。（2）单单击击“工工具具箱箱”中中的的“自自由由转转换换”工工具具按按钮钮，此时在图形的四周出现此时在图形的四周出现8个小黑方块。个小黑方块。

19、（3）将将鼠鼠标标指指针针移移到到图图形形的的4个个角角落落的的任任意意一一个个小小黑黑方方块块上上，当当鼠鼠标标变变成成状状时时，按按住住鼠鼠标标左左键键不不放放进进行行拖拖动，即可旋转图形，如图动，即可旋转图形，如图5-8所示。所示。2.对图形进行旋转对图形进行旋转（1）首先，我们选取要进行处理的图形。）首先，我们选取要进行处理的图形。（2）单单击击“工工具具箱箱”中中的的“自自由由转转换换”工工具具按按钮钮，此时在图形的四周出现此时在图形的四周出现8个小黑方块。个小黑方块。（3）将将鼠鼠标标指指针针移移到到4个个边边的的边边线线上上，当当鼠鼠标标指指针针变变成成双双箭箭头头状状时时，按按

20、住住鼠鼠标标不不放放进进行行拖拖动动，则则可可以以将将图图形进行倾斜，其效果如图形进行倾斜，其效果如图5-9所示。所示。3.对图形进行倾斜对图形进行倾斜（1）首先，我们选取要进行处理的图形。）首先，我们选取要进行处理的图形。（2）选选择择“修修改改转转换换垂垂直直翻翻转转”菜菜单单选选项项，即即可将图形进行垂直翻转，如图可将图形进行垂直翻转，如图5-10所示。所示。（3）选选择择“修修改改转转换换水水平平翻翻转转”菜菜单单选选项项，即即可将图形进行水平翻转。可将图形进行水平翻转。4.对图形进行翻转对图形进行翻转1.打碎位图打碎位图输输入入到到Flash中中的的图图像像，经经过过打打碎碎后后生生

21、成成多多个个独独立立的的填填充充区区域域和和线线条条，可可以以使使用用Flash中中的的绘绘图图工工具具或或填填充充工工具对它进行修改。打碎图像的步骤如下：具对它进行修改。打碎图像的步骤如下：（1）首先要导入一张位图。）首先要导入一张位图。（2）选选择择“修修改改分分解解组组件件”菜菜单单选选项项，即即可可将将位位图图打碎。打碎。2.将位图转换成矢量图将位图转换成矢量图Flash MX允允许许从从外外部部导导入入多多种种图图形形格格式式，并并可可将将其其转转换为矢量图，其具体操作步骤如下：换为矢量图，其具体操作步骤如下：（1）首先要导入一张位图。）首先要导入一张位图。（2）选选定定位位图图后后

22、，执执行行“修修改改描描绘绘位位图图”命命令令，此此时会出现如图时会出现如图5-11所示的对话框。所示的对话框。（3）可以调整各参数，最后单击）可以调整各参数，最后单击“确定确定”按钮即可。按钮即可。5.3.7 使用位图使用位图在在Flash MX中可以创建丰富多彩的动画效果，可使中可以创建丰富多彩的动画效果，可使一个对象在场景上穿梭运动、放大或缩小、旋转、变一个对象在场景上穿梭运动、放大或缩小、旋转、变色、淡入或淡出以及改变形状等。这些改变可以单独色、淡入或淡出以及改变形状等。这些改变可以单独发生，也可以组合发生。发生，也可以组合发生。5.4 动画制作动画制作5.4.15.4.1使用元件库使

23、用元件库 5.4.25.4.2图层操作图层操作 5.4.35.4.3帧的使用帧的使用 5.4.45.4.4逐帧动画逐帧动画 5.4.55.4.5动作渐变式动画动作渐变式动画 5.4.65.4.6形状渐变式动画5.4.75.4.7淡出淡入式动画淡出淡入式动画 5.4.85.4.8编辑动画编辑动画 5.4 动画制作动画制作5.4.1 使用元件库使用元件库Flash中的元件包括中的元件包括3种，即图形元件、按钮元件种，即图形元件、按钮元件和影片剪辑元件。和影片剪辑元件。1.使用元件使用元件在动画中使用元件可以简化影片的编辑，缩减影在动画中使用元件可以简化影片的编辑，缩减影片文件的尺寸，方便制作运动类

24、型的过渡动画，片文件的尺寸，方便制作运动类型的过渡动画，加快影片的播放速度。下面说明元件的使用方法：加快影片的播放速度。下面说明元件的使用方法：选择选择“窗口窗口共享库共享库Buttons”菜单选项，打菜单选项，打开共享按钮库，通过双击目录名可以展开该目录开共享按钮库，通过双击目录名可以展开该目录下的内容，当单击任意一个按钮元件时，在预览下的内容，当单击任意一个按钮元件时，在预览窗口中将观察到它的效果，如图窗口中将观察到它的效果，如图5-12所示。所示。选择选择“窗口窗口共享库共享库Learning Interactions”菜单选项，打开共享学习交互库，在该库中，多菜单选项，打开共享学习交互

25、库，在该库中，多是影片剪辑元件，是是影片剪辑元件，是Flash提供的、已经设计好的、提供的、已经设计好的、用于人机交互的一些表单元件，如图用于人机交互的一些表单元件，如图5-13所示。所示。选择选择“窗口窗口共享库共享库Sounds”菜单选项，打菜单选项，打开共享声音库，单击任意一个声音元件时，在预开共享声音库，单击任意一个声音元件时，在预览窗口中观察到它的波形效果，并可单击按钮播览窗口中观察到它的波形效果，并可单击按钮播放声音，如图放声音，如图5-14所示。所示。在元件预览窗口中用鼠标将其拖放到场景中，在元件预览窗口中用鼠标将其拖放到场景中，它们就成为实例。它们就成为实例。2.新建元件新建元

26、件（1）将场景中的元素转换成元件）将场景中的元素转换成元件在场景中，选中的任何图形对象都可以被转换成元件。在场景中，选中的任何图形对象都可以被转换成元件。其操作步骤为：其操作步骤为：选取工具箱中的箭头工具，在场景中选中要转换为选取工具箱中的箭头工具，在场景中选中要转换为元件的图形元素。元件的图形元素。选择选择“插入插入转换为元件转换为元件”菜单选项，打开菜单选项，打开“转换转换为元件为元件”对话框，如图对话框，如图5-15所示。所示。选中需要转换的元件类型，然后单击选中需要转换的元件类型，然后单击“确定确定”按按钮，这时选中的元素将被转换成了元件。如果选择钮，这时选中的元素将被转换成了元件。如

27、果选择“窗口窗口库库”菜单选项，在打开的元件库中将显示菜单选项，在打开的元件库中将显示被转换成的元件。被转换成的元件。（2）创建新元件）创建新元件创建新元件是指直接创建一个空白元件，然后进入创建新元件是指直接创建一个空白元件，然后进入元件编辑模式创建和编辑元件内容。其操作步骤为：元件编辑模式创建和编辑元件内容。其操作步骤为：选择选择“插入插入新建元件新建元件”菜单选项，打开菜单选项，打开“创建创建新元件新元件”对话框，如图对话框，如图5-16所示。所示。在在“名称名称”编辑框中输入元件名称，在编辑框中输入元件名称，在“作用作用”选项区中选择所要创建的元件类型，然后单击选项区中选择所要创建的元件

28、类型，然后单击“确定确定”按钮，工作区会自动从影片编辑模式转按钮，工作区会自动从影片编辑模式转换为元件编辑模式。这时元件名称将显示在舞台换为元件编辑模式。这时元件名称将显示在舞台的左上角，工作区中心位置会出现元件的注册点，的左上角，工作区中心位置会出现元件的注册点，以以“+”号表示。号表示。选取工具箱中的绘图工具，在工作区中制作元选取工具箱中的绘图工具，在工作区中制作元件。制作完毕后，单击窗口左上角的件。制作完毕后，单击窗口左上角的“场景场景1”按按钮，切换到场景编辑模式，打开元件库，可以看钮，切换到场景编辑模式，打开元件库，可以看到新增加的元件。到新增加的元件。3.创建按钮元件创建按钮元件按

29、钮是元件的一种重要类型，当使用鼠标与其交按钮是元件的一种重要类型，当使用鼠标与其交互时，它会显示出不同的外观。互时，它会显示出不同的外观。在在Flash MX中，按钮有中，按钮有4种状态，每种状态都有种状态，每种状态都有特定的名称与之对应，它们可以在时间轴窗口特定的名称与之对应，它们可以在时间轴窗口中进行定义，这中进行定义，这4种状态分别是：种状态分别是：UP（弹起状态）弹起状态）、鼠标经过（触摸状态）、鼠标经过（触摸状态）、DOWN（按下状态）按下状态）和反应区（点击状态）。和反应区（点击状态）。下面通过一个实例来说明创建按钮元件的方法，下面通过一个实例来说明创建按钮元件的方法，其操作步骤如

30、下：其操作步骤如下：（1）选择）选择“文件文件新建新建”菜单选项，创建一个菜单选项，创建一个新文件。新文件。（2）选择）选择“插入插入新建元件新建元件”菜单选项，在打菜单选项，在打开的开的“创建新元件创建新元件”对话框中设置创建的元件对话框中设置创建的元件名称和类型。名称和类型。（3）单击）单击“确定确定”按钮，进入按钮元件编辑模式，按钮，进入按钮元件编辑模式，在时间轴窗口中可以看到已有在时间轴窗口中可以看到已有4帧：帧：UP、鼠标经过、鼠标经过、DOWN和反应区，如图和反应区，如图5-17所示。所示。（4）单击时间轴窗口中的）单击时间轴窗口中的UP帧，并选取工具箱帧，并选取工具箱中的椭圆工具

31、，以按钮注册点为中心，按下中的椭圆工具，以按钮注册点为中心，按下Shift键的同时绘制一个红色填充圆，如图键的同时绘制一个红色填充圆，如图5-18所示。所示。（5）在）在“鼠标经过鼠标经过”帧上单击鼠标右键，从弹帧上单击鼠标右键，从弹出的快捷菜单中选择出的快捷菜单中选择“插入白色关键帧插入白色关键帧”选项，选项，插入一个空白关键帧。插入一个空白关键帧。（6）单击时间轴窗口中的）单击时间轴窗口中的“洋葱皮洋葱皮”按钮，使按钮，使UP帧以较淡的形式显示出来。帧以较淡的形式显示出来。（7）选取工具箱中的椭圆工具，再绘制一个绿）选取工具箱中的椭圆工具，再绘制一个绿色渐变圆，并将绘制的圆稍微偏移注册点，

32、如图色渐变圆，并将绘制的圆稍微偏移注册点，如图5-19所示。所示。（8）在）在DOWN帧上单击鼠标右键，从弹出的快帧上单击鼠标右键，从弹出的快捷菜单中选择捷菜单中选择“插入白色关键帧插入白色关键帧”选项，插入一选项，插入一个空白关键帧。个空白关键帧。（9）选取工具箱中的椭圆工具，再以注册点为）选取工具箱中的椭圆工具，再以注册点为中心绘制一个红色渐变圆，如图中心绘制一个红色渐变圆，如图5-20所示。所示。（10）选择）选择“编辑编辑编辑影片编辑影片”菜单选项，回到菜单选项，回到场景中。场景中。（11）选择）选择“窗口窗口库库”菜单选项，打开元件库，菜单选项，打开元件库，选中制作的按钮元件，并将其

33、从预览窗口中拖放选中制作的按钮元件，并将其从预览窗口中拖放到场景中，创建它的一个实例。到场景中，创建它的一个实例。4.创建动态元件创建动态元件影片剪辑就好像一小段事先做好的影片，然后我影片剪辑就好像一小段事先做好的影片，然后我们可以在舞台上调用它。它有一个独立于舞台中们可以在舞台上调用它。它有一个独立于舞台中主时间轴的自己的时间轴。使用影片剪辑就可以主时间轴的自己的时间轴。使用影片剪辑就可以实现组合的动画效果。实现组合的动画效果。下面我们通过实例来说明影片剪辑元件的制作过下面我们通过实例来说明影片剪辑元件的制作过程，具体操作步骤如下：程，具体操作步骤如下：（1）单击）单击“文件文件”菜单中的菜

34、单中的“新建新建”命令，创建命令，创建一个新的文件。一个新的文件。（2）单击）单击“插入插入”菜单中的菜单中的“创建新元件创建新元件”命令，命令，在弹出的在弹出的“创建新元件创建新元件”对话框中设定元件名称对话框中设定元件名称为为Bird，设定元件作用为设定元件作用为“影片剪辑影片剪辑”，如图，如图5-21所示。完成后单击所示。完成后单击“确定确定”按钮，按钮，Flash将进入将进入元件编辑模式。元件编辑模式。（3）在影片剪辑元件的第）在影片剪辑元件的第2帧使用快捷键帧使用快捷键F6插入关插入关键帧，然后分别在第键帧，然后分别在第1帧和第帧和第2帧中绘制小鸟飞行的帧中绘制小鸟飞行的两个动作，如

35、图两个动作，如图5-22、图、图5-23所示。所示。（4）单击工作区左上角的标签）单击工作区左上角的标签“场景场景1”切换到场切换到场景景1，然后单击，然后单击“窗口窗口”菜单中的菜单中的“库库”命令，打命令，打开库面板，将元件开库面板，将元件Bird拖动到舞台中，创建它的一拖动到舞台中，创建它的一个实例。个实例。5.4.2 图层操作图层操作Flash 提供的图层操作除了一般的可见性操作、提供的图层操作除了一般的可见性操作、锁定操作和隐藏操作外，还提供了两种特殊的图锁定操作和隐藏操作外，还提供了两种特殊的图层：运动向导层和遮罩层。这两种图层提供了一层：运动向导层和遮罩层。这两种图层提供了一般图

36、层所不具有的属性和功能。般图层所不具有的属性和功能。1.图层的创建和删除图层的创建和删除创建和删除图层既可通过菜单命令进行操作，也创建和删除图层既可通过菜单命令进行操作，也可通过时间线面板左下方的图形按钮进行操作。可通过时间线面板左下方的图形按钮进行操作。在时间线面板的左下方有在时间线面板的左下方有4个图形按钮，如图个图形按钮，如图5-24所示。所示。4个按钮的作用分别为：插入新图层、新建运动向个按钮的作用分别为：插入新图层、新建运动向导层、插入层文件夹和删除图层。导层、插入层文件夹和删除图层。2.图层的选择和拷贝图层的选择和拷贝Flash MX中没有提供图层拷贝的功能，当我们希中没有提供图层

37、拷贝的功能，当我们希望获得两个内容完全相同的图层时，可以使用望获得两个内容完全相同的图层时，可以使用“复制帧复制帧”命令解决问题。操作步骤如下：命令解决问题。操作步骤如下：（1）单击）单击“图层图层1”的名称，以选择的名称，以选择“图层图层1”中的中的全部内容。全部内容。（2）单击）单击“编辑编辑”菜单中的菜单中的“复制帧复制帧”命令，将命令，将“图层图层1”中的内容拷贝到剪贴板中。中的内容拷贝到剪贴板中。（3）单击空白图层）单击空白图层“图层图层2”的名称，使其成为当的名称，使其成为当前的活动图层。前的活动图层。（4）单击）单击“编辑编辑”菜单中的菜单中的“粘贴帧粘贴帧”命令，这命令，这样就

38、将剪贴板中的内容拷贝到样就将剪贴板中的内容拷贝到“图层图层2”中去了。中去了。3.图层的锁定与解除图层的锁定与解除当在一个或多个图层上已经完成了许多工作，而这当在一个或多个图层上已经完成了许多工作，而这些内容在短时间内又不需要调整时，那么可以将这些内容在短时间内又不需要调整时，那么可以将这一个或多个图层锁定，以免因误操作而导致辛苦的一个或多个图层锁定，以免因误操作而导致辛苦的工作付诸东流。工作付诸东流。图层锁定与解除的方法如下：图层锁定与解除的方法如下：只要在时间线面板上单击按钮下方每一个图层中的只要在时间线面板上单击按钮下方每一个图层中的小圆点或按钮即可锁定或解锁相应的图层。如果只小圆点或按

39、钮即可锁定或解锁相应的图层。如果只是单击按钮，那么可以锁定或解锁全部图层。图层是单击按钮，那么可以锁定或解锁全部图层。图层被锁定以后，小圆点会变成形状。如图被锁定以后，小圆点会变成形状。如图5-25所示，所示，“层层1”和和“层层2”是被锁定的图层，是被锁定的图层，“层层3”是没有被是没有被锁定的图层。锁定的图层。4.改变图层的次序改变图层的次序图层被创建以后，您可以通过改变图层上下次图层被创建以后，您可以通过改变图层上下次序来改变图层的可见性，在上面的图层会遮挡序来改变图层的可见性，在上面的图层会遮挡住下面的图层。改变图层的次序只需在时间线住下面的图层。改变图层的次序只需在时间线面板中拖动图

40、层到希望的位置即可。面板中拖动图层到希望的位置即可。5.图层的隐藏与显示图层的隐藏与显示为了设计简单明了，可以隐藏掉设计中的一个、为了设计简单明了，可以隐藏掉设计中的一个、多个或所有图层。单击时间线面板中按钮下方多个或所有图层。单击时间线面板中按钮下方每一个图层中的小圆点或图标即可隐藏或显示每一个图层中的小圆点或图标即可隐藏或显示相应的图层。如果只单击按钮，那么可以隐藏相应的图层。如果只单击按钮，那么可以隐藏或显示所有的图层。图层被隐藏以后，在按钮或显示所有的图层。图层被隐藏以后，在按钮下方的圆点会变成形状。图下方的圆点会变成形状。图5-26所示是单击按所示是单击按钮后隐藏掉所有图层的样子。钮

41、后隐藏掉所有图层的样子。6.运动向导层运动向导层在在Flash动画设计过程中，运动向导层的主要功动画设计过程中，运动向导层的主要功能是用来绘制物体运动的路径。在制作以元件为能是用来绘制物体运动的路径。在制作以元件为对象并沿着路径运动的动画中，运动向导层的应对象并沿着路径运动的动画中，运动向导层的应用是最为普遍、也是最好的方法。其实例操作可用是最为普遍、也是最好的方法。其实例操作可参见参见“5.4.5 动作渐变式动画动作渐变式动画”。7.遮罩层遮罩层遮罩层就好像是一块不透明的布，它可以将自己遮罩层就好像是一块不透明的布，它可以将自己下面的图层挡住，只有在遮罩层的填充色下，才下面的图层挡住，只有在

42、遮罩层的填充色下，才可以看到下面的图层，而遮罩层中的填充颜色是可以看到下面的图层，而遮罩层中的填充颜色是不可见的。其实例操作可参见不可见的。其实例操作可参见“5.9 综合实例综合实例”。5.4.3 帧的使用帧的使用关键帧在制作动画的过程中是非常重要的，它用关键帧在制作动画的过程中是非常重要的，它用于定义动画中对象的变化。只有定义了关键帧，于定义动画中对象的变化。只有定义了关键帧，才可能定义动画中每一个图像。关键帧可以是一才可能定义动画中每一个图像。关键帧可以是一个过程的起始或终结，还可以是另一个过程的开个过程的起始或终结，还可以是另一个过程的开始。始。在创建逐帧动画时，每一帧都是关键帧。在过渡

43、在创建逐帧动画时，每一帧都是关键帧。在过渡动画中，只要在重要的地方定义关键帧，动画中，只要在重要的地方定义关键帧，Flash MX会自动创建关键帧之间的内容。会自动创建关键帧之间的内容。1.创建帧创建帧要在时间线中添加关键帧，可以通过要在时间线中添加关键帧，可以通过3种方法实种方法实现。现。在时间线面板中选择一个关键帧的位置，然后在时间线面板中选择一个关键帧的位置，然后单击单击“插入插入”菜单中的菜单中的“插入关键帧插入关键帧”命令。命令。在时间线面板中要插入关键帧的位置右击，在弹在时间线面板中要插入关键帧的位置右击，在弹出的快捷菜单中单击出的快捷菜单中单击“插入关键帧插入关键帧”命令。命令。

44、在时间线面板中选择一个关键帧的位置，然后按在时间线面板中选择一个关键帧的位置，然后按快捷键快捷键 F6。2.复制帧复制帧在制作动画时，为了方便操作，有时需要复制一在制作动画时，为了方便操作，有时需要复制一些帧。其操作步骤如下：些帧。其操作步骤如下：选定需要拷贝的帧，可以是一个帧，也可以是多选定需要拷贝的帧，可以是一个帧，也可以是多个帧，然后单击鼠标右键，从弹出的快捷菜单中个帧，然后单击鼠标右键，从弹出的快捷菜单中选择选择“拷贝帧拷贝帧”选项，需要拷贝的帧就复制到了选项，需要拷贝的帧就复制到了剪帖板上。剪帖板上。选择要粘贴帧的位置，然后单击鼠标右键，从弹选择要粘贴帧的位置，然后单击鼠标右键，从弹

45、出的快捷菜单中选择出的快捷菜单中选择“粘帖帧粘帖帧”选项，这样就完选项，这样就完成了复制帧的工作。成了复制帧的工作。3.翻转帧翻转帧 翻转帧功能可以将选定的一组帧按照顺序翻转过翻转帧功能可以将选定的一组帧按照顺序翻转过来，最后一个帧变为第一个帧，第一个帧成为最来，最后一个帧变为第一个帧，第一个帧成为最后一个帧，播放顺序也刚好掉转。其操作步骤如后一个帧，播放顺序也刚好掉转。其操作步骤如下：下：要选择所有图层上的所有帧，可以在任意帧上单要选择所有图层上的所有帧，可以在任意帧上单击鼠标右键，然后从弹出的快捷菜单上选择击鼠标右键，然后从弹出的快捷菜单上选择“全全部选择部选择”选项；要选择某一图层上的所

46、有帧，可选项；要选择某一图层上的所有帧，可以单击图层名称；要选择某一段帧，可以先单击以单击图层名称；要选择某一段帧，可以先单击所需选取的第所需选取的第1 帧，然后按下帧，然后按下Shift键单击所需选取键单击所需选取的最后一帧。的最后一帧。在被选帧上单击鼠标右键，从弹出的快捷菜单中在被选帧上单击鼠标右键，从弹出的快捷菜单中选择选择“翻转帧翻转帧”选项，这时，所选定的帧就被翻选项，这时，所选定的帧就被翻转了。转了。5.4.4 逐帧动画逐帧动画逐帧逐帧动画是最传统的动画创建形式，也是动画是最传统的动画创建形式，也是Flash动动画的一个重要类型。逐画的一个重要类型。逐帧帧动画适用于非常复杂的动画适

47、用于非常复杂的动画，它的每一帧都是关键帧，每一帧都由制作动画，它的每一帧都是关键帧，每一帧都由制作者确定，而不是由者确定，而不是由Flash通过计算得到关键帧。与通过计算得到关键帧。与过渡动画相比，逐过渡动画相比，逐帧帧动画的体积较大。动画的体积较大。下面通过一个实例来介绍创建逐帧动画的方法。下面通过一个实例来介绍创建逐帧动画的方法。其步骤如下：其步骤如下：（1）选择）选择“文件文件新建新建”菜单选项，新建一个影菜单选项，新建一个影片。片。（2）选取工具箱中的文本工具，然后在）选取工具箱中的文本工具，然后在“属性属性”面板中设置文字大小为面板中设置文字大小为150，颜色为红色。，颜色为红色。（

48、3）在场景中单击鼠标，并输入文字）在场景中单击鼠标，并输入文字F，如图如图6-27所示。所示。（4）单击第）单击第2帧，然后选择帧，然后选择“插入插入关键帧关键帧”菜单选项，插入一个关键帧，并输入文字菜单选项，插入一个关键帧，并输入文字L，如图如图5-28所示。所示。（5）重复步骤）重复步骤(4)，输入其他的文字，如，输入其他的文字，如A、S、H，第第5帧的结果如图帧的结果如图5-29所示。所示。（6）选择）选择“控制控制测试影片测试影片”菜单选项测试菜单选项测试影片播放效果，如图影片播放效果，如图5-30所示为影片中的一帧。所示为影片中的一帧。5.4.5 动作渐变式动画动作渐变式动画动作渐变

49、动画是在影视、卡通动画作品中最常用动作渐变动画是在影视、卡通动画作品中最常用的一种动画形式，在使用组合、元件和可编辑文的一种动画形式，在使用组合、元件和可编辑文本等对象进行动画制作时经常要用到。动作渐变本等对象进行动画制作时经常要用到。动作渐变主要用于将对象从一个地方移动到另一个地方，主要用于将对象从一个地方移动到另一个地方，也可以用于制作缩放、扭曲或旋转对象的动画，也可以用于制作缩放、扭曲或旋转对象的动画，或用于制作元件的颜色和透明度的动画。或用于制作元件的颜色和透明度的动画。制作动作渐变动画，只需要制作好若干关键帧的制作动作渐变动画，只需要制作好若干关键帧的画面，其余中间各帧由计算机自动生

50、成。画面，其余中间各帧由计算机自动生成。下面通过一个实例来介绍创建动作渐变动画的方下面通过一个实例来介绍创建动作渐变动画的方法。其步骤如下：法。其步骤如下：（1）单击）单击“文件文件”菜单中的菜单中的“新建新建”命令，创建命令，创建一个新的文件。一个新的文件。（5）在工作区中拖动元件）在工作区中拖动元件Bird的实例，将实的实例，将实例的中心点和运动向导层中曲线的起点对齐，例的中心点和运动向导层中曲线的起点对齐，如图如图5-33所示。所示。（2）单击时间线面板左下方的按钮，创建一）单击时间线面板左下方的按钮，创建一个运动向导层。个运动向导层。（3）在新建的运动向导层中使用铅笔工具绘）在新建的运