是目前最流行的网页动画制作软件

第三篇 Flash MX

第20章 Flash MX概述

Flash是目前最流行的网页动画制作软件，是一种交互式矢量多媒体技术。使用Flash应用软件可以制作令人过目不忘的Web动画作品、Web站点导航控件、长篇动画、完整的Flash

Web站点等。Flash MX是Macromedia公司2002年推出的最新版本，它为用户创作高效的动态交互式网页提供了一种全新的概念。

20．1 Flash MX的工作界面

本节介绍Flash MX的工作界面，在Flash 5.0的基础上，Macromedia公司又做了大刀

图20-1 【欢迎】对话框

阔斧的改进，增添了许多新特性和新功能，全新的镶嵌式面板组、新增的绘图工具等，使得Flash MX的操作更加便捷和高效。

20．1．1 启动Flash MX

2

网页制作技术—第三篇 Flash MX

安装了Flash MX后，会自动在【开始】菜单中建立启动Flash MX程序的快捷图标。启动时，单击【开始】菜单，在弹出的开始菜单中选择【程序】/【Macromedia】/【Flash MX】就可以启动Flash MX了。第一次打开该软件时，将弹出一个【欢迎】对话框，如图20-1所示。关闭对话框进入Flash MX的工作界面，如图20-2所示。

图20-2 Flash MX的工作界面

20．1．2 Flash MX的工作界面

由图20-2可以看出，Flash MX的工作界面主要由舞台、标题栏、菜单栏、工具栏、绘图工具面板、面板组、属性面板及时间轴等几部分组成。

舞台：窗口的正中是Flash MX的工作区，工作区有两部分组成：舞台区和后台区。与生活中的文艺演出一样，舞台是动画（演员）的播放（演出）区，后台是动画对象（演员）的等待区。当到一定的时间或满足一定的条件后，动画对象就会从后台进入舞台参与演出。

标题栏：窗口的顶部是Flash MX的标题栏。

菜单栏：菜单栏在标题栏的下部，9个菜单几乎包含了Flash MX中全部的操作命令。

工具栏：在Flash MX中共有三种工具栏：【主要栏】、【控制器】和【状态栏】。默认情况是工具栏被隐藏，若需要显示工具栏，单击【窗口】菜单，在弹出的菜单中选择【工具栏】子菜单中的【主要栏】、【控制器】或【状态栏】命令，可以打开相应的工具栏。

第20章 Flash MX概述

3

工具面板：窗口左侧是工具面板。工具面板有【工具】、【查看】、【颜色】和【选项】等四部分组成。【工具】部分包括六种绘图工具、一个文本工具、三种填充工具和六种编辑工具。【选项】部分的内容用于定义工具的属性。选择不同的工具，其对应的选项内容也不同。工具面板的结构如图20-3所示。如果工具面板在窗口中不可见，单击【窗口】菜单中的【工具】命令即可显示工具面板。

Flash MX工具面板中各工具的功能如下：

【箭头工具】：用于选择一个或多个对象。

：用于选择一个或多个对象。与【箭头工具】【部分选取工具】不同的是，使用【部分选取工具】选择的图形对象边界上将出现调节柄，通过拖动调节柄可以更改图形对象的大小。

【线条工具】【套索工具】【钢笔工具】【椭圆工具】【矩形工具】【文本工具】：用于绘制各种直线。

：用于选择不规则的图形区域。

：钢笔工具用于绘制连续光滑的曲线。

：可以在文档中绘制圆形和椭圆形。

：用于绘制矩形和正方形。

：使用文本工具可以在Flash文档中添加文本，

图20-3 工具面板

包括静态文本和动态文本。

【铅笔工具】线。

【画笔工具】意区域的颜色

【任意变形工具】【填充变形工具】【墨水瓶工具】【颜料桶工具】

：使用铅笔工具可以在文档中自由绘制直线和曲：画笔工具可以在文档中绘制线条或更改舞台任：使用任意变形工具可以改变Flash文档中对象的形状和大小。

：使用填充变形工具可以编辑文档中对象的填充色。

：使用墨水瓶工具可以改变图形轮廓的颜色。

：使用颜料桶工具可以在所选择区域填充各种颜色或填充位图。

4

网页制作技术—第三篇 Flash MX

【滴管工具】：使用滴管工具可以在文档对象上拾取颜色。滴管工具与颜料桶工具配合能方便的为位图填充需要的颜色。

【橡皮擦工具】【手形工具】【缩放工具】：用于擦除文档中的线条或图形。

：使用手形工具可以移动舞台区域从而查看文档中对象的各个部分。

：用于放大或缩小视图的大小。

在Flash MX中，使用工具面板中的工具进行操作时，其方法如下：

（1）将光标移至工具面板的工具按钮上，单击鼠标选中该工具。

（2）在工具面板的【选项】区域将显示所选工具的有关参数。图20-4所示为选中【任意变形工具】后在【选项】区域显示的可选择参数项。

（3）根据需要在【选项】区域选择合适的参数，然后将光标移至文档中进行相应的操作。

（4）对于初学的用户在使用工具面板时，可以将光标指向工图20-4 选项区域

具面板的工具按钮上，停顿片刻将出现该工具的名称及快捷键提示信息，直接按下快捷健即可选择该工具，使用这种方法可以提高操作的速度。

时间轴面板：默认情况下，时间轴面板在工作区的上方，如图20-5所示。时间轴面板由两部分组成：左侧为图层操作区，右侧为帧操作区。

图20-5 时间轴面板

属性面板：属性面板在工作区的下方，它与Dreamweaver MX、Fireworks MX的属性面板相似。面板中的参数与当前工作区选中的对象密切相关。通过属性面板可以设置动画文档中各种对象、各种动画以及各种工具的属性。图20-6所示为选中动画中的某一帧后所显示的属性面板。

面板组：Flash MX中的面板组主要用于查看、组织和更改文档中的对象。使用面板上的可用选项控制元件、实例、颜色、类型、帧和其它元素的特征。通过显示特定任务所需的面板并隐藏其它面板，可以使用面板自定义Flash MX界面。

第20章 Flash MX概述

5

面板使您可以处理对象、颜色、文本、实例、帧、场景和整个文档。例如，可以使用混

图20-6 属性面板

色器创建颜色，使用“对齐”面板使对象彼此间对齐或与舞台对齐。

Flash MX为用户提供了20多种面板，图20-1所示为Flash MX默认状态打开的几个常用面板，如果想显示所需的其他面板，单击【窗口】菜单，在弹出的菜单中选择相应的命令即可打开。图20-7所示为选择【对齐】命令后打开【对齐】面板的情况。

20．2 元件编辑窗口

在Flash MX中，元件与实例是非常重要的概念。

元件是指可以重复使用的图像、按钮或动画片段。实例是元件的复制品。一个元件可以在动画文档中多次图20-7 【对齐】面板

使用，也可以在多个文档中使用。元件的创建与编辑大多在元件编辑窗口中进行。执行下列操作之一，可以打开元件编辑窗口。

（1）单击【插入】菜单中的【新建元件】命令，弹出【创建新元件】对话框，如图20-8所示。在对话框中输入新元件的名称并选择一种行为，单击【确定】按钮，即可进入元件编

图20-8 【创建元件】对话框

辑窗口，如图20-9所示。

（2）在【库】面板中双击元件名称，即可进入元件编辑窗口。

元件编辑窗口与Flah动画文档窗口比较，两者的工作窗口有所不同，但在其他方面，如菜单栏、工具面板、属性面板、工具栏以及面板组等都完全相同，且使用方法也全部一样。

6

网页制作技术—第三篇 Flash MX

如果想退出元件编辑窗口，在该工作窗口的左上方单击场景按钮，返回动画文

图20-9 元件编辑窗口

档窗口。

20．3 创建新动画文档

每次启动Flash MX，应用程序都会创建一个默认名为“未命名-1”的新文件。您可以在工作时创建其它新Flash 文档。使用【文档属性】对话框可以设置新文档的尺寸大小、帧频、背景色和其它属性。

图20-10 【文档属性】对话框

创建新文档并设置其属性的方法如下：

1．单击【文件】菜单中的【新建】命令，即可创建一个新动画文档。

第20章 Flash MX概述

7

2．选择【修改】菜单中的【文档】选项，打开【文档属性】对话框，如图20-10所示。

3．在对话框的【尺寸】文本框中输入数值，设置动画文档舞台的大小。

① 指定舞台大小（以像素为单位），在“宽”和“高”文本框中输入数值。默认影片大小为550×400像素。舞台的最小尺寸为1×1像素，最大为2880×2880像素。

② 要设置舞台内容四周的空间相等，单击【匹配】右边的【内容】按钮。

③ 要将舞台大小设置为默认大小，单击“默认”按钮。

4．在【帧频】文本框中输入每秒播放的动画帧数。对于大多数计算机显示的动画，特别是在Web站点播放的动画，较理想的数值是8到12fps（每秒帧数），12fps是默认的帧频。

5．要设置影片的背景色，请单击【背景色】框中的三角形，然后从调色板中选择一种颜色。

6．在【标尺单位】下拉菜单中选择标尺的度量单位。

7．设置完成后根据不同的需要，执行以下操作之一：

只将新设置用于当前文档的默认属性，单击【确定】按钮。

将这些设置用于所有新文档的默认属性，请单击【设为默认值】按钮。

20．4 使用标尺与网格线

使用Flash MX的标尺和网格线，可以帮助用户精确地绘制和排列对象。使用标尺和网格线可以方便地将文档中的对象对齐，也可以打开辅助线，然后让对象与辅助线对齐。默认状态下，Flash MX新建文档的工作区没有标尺和网格线。下面将介绍如何在文档中显示或隐藏标尺和网格线。

1．使用标尺

单击【视图】菜单中的【标尺】命令，可以显示标尺，如图20-11所示。默认情况下，标尺的度量单位是像素。如果要改变标尺的度量单位，单击【修改】菜单中的【文档】命令，

图20-11 在文档中使用标尺

8

网页制作技术—第三篇 Flash MX

打开如图20-10所示的【文档属性】对话框，然后在对话框的【标尺单位】下拉菜单中选择需要的度量单位。

2．使用网格

单击【视图】菜单，在弹出的菜单中选择【网格】/【显示网格】命令，即可在文当中显示网格线。如图20-12所示。

图20-12 在文档中使用网格

设置网格线的参数时按如下方法操作：

（1）单击【视图】菜单，在弹出的菜单中选择【网格】/【编辑网格】命令，打开【网格】对话框，如图20-13所示。

（2）单击颜色框中的三角形按钮，然后从调色板中选择网格线的颜色。默认的网格线颜色是灰色。

（3）选中或取消【显示网格】复选框，可以显示或隐藏网格。

（4）选中或取消【对齐网格】复选框，可以启动或关闭对象与网格线自动对齐的

功能。

图20-13 【网格】对话框

（5）要设置网格间距，分别在水平和垂直箭头右侧的文本框中输入数值。

（6）在【对齐精确度】下拉菜单中，请选择对齐精度选项。

（7）如果希望将当前设置保存为默认值，单击【保存默认值】按钮。

（8）设置完成后，单击【确定】按钮。

3．使用辅助线

如果显示了标尺，可以将水平和垂直辅助线从标尺拖动到舞台上，其方法如下：

① 在显示标尺的状态下，单击水平标尺并向下拖动到舞台中，可以设置水平辅助线。

第20章 Flash MX概述

9

② 在显示标尺的状态下，单击垂直标尺并向右拖动到舞台中，可以设置垂直辅助线。

图20-14中显示了水平与垂直辅助线。

③ 将光标移到辅助线上，拖动鼠标可以移动辅助线的位置。

图20-14 文档中显示水平与垂直辅助线

④ 将光标移到辅助线上，拖动鼠标将辅助线移动到工作区外，可以删除辅助线。

⑤ 单击【查看】菜单，在打开的菜单中选择【辅助线】/【锁定辅助线】命令，辅助线被锁定后不再允许进行移动操作。

⑥ 单击【查看】菜单，在打开的菜单中选择【辅助线】/【编辑辅助线】命令，打开【辅

图20-15 【辅助线】对话框

助线】对话框，如图20-15所示。使用对话框可以对辅助线进行如下设置：

① 单击颜色框中的三角形按钮，然后从调色板中选择辅助线的颜色。辅助线的默认颜色为绿色。

② 选中或取消【显示辅助线】复选框，显示或隐藏辅助线。

③ 选中或取消【对齐辅助线】复选框，打开或关闭对齐辅助线。

④ 选中或取消【锁定辅助线】复选框，锁定或解锁辅助线。

⑤ 在【对齐精确度】下拉菜单中，选择对齐精确度选项。

⑥ 如果想删除所有的辅助线，请单击【全部清除】按钮。

⑦ 如果想使当前设置成为默认值，单击【保存默认值】按钮。

10

网页制作技术—第三篇 Flash MX

20．5 保存动画文档

在动画的编辑过程中要注意随时保存动画文档。保存动画文档的方法如下：

（1）单击【文件】菜单中的【保存】命令，如果是第一次保存文档，打开【另存为】对话框，如图20-16所示。

图20-16 【另存为】对话框

（2）在【另存为】对话框的【保存在】下拉菜单中选择保存文档的文件夹；在【文件名】文本框中输入文档的文件名；在【保存类型】下拉菜单中，选择文档的保存类型。默认情况为【Flash MX文档（*.fla）】，如果希望在较低版本的Flash软件中编辑动画文档，可以选择【Flash 5.0文档（*.fla）】类型。

（3）设置完成后，单击【确定】按钮。

Flash MX存在两种动画文件，保存过的Flash MX文件，扩展名是*.fla，用红色图标表示。如果在制作过程中或制作完成以后，对动画进行了测试，Flash MX将自动生成动画的电影文件，其扩展名为*.swf，该文件将自动保存在Flash MX源文件*.fla所在的文件夹中，用蓝色图标表示。

习题与上机实验

一、选择题

1．Flash MX是一个_______工具软件。

A、网页制作

A、工具

B、动画制作

第20章 Flash MX概述

11

D、矢量图绘制 C、 视频播放

2．Flash MX工具面板位于窗口的左侧，包括的内容有_______。

B、绘图 C、颜色

D、选项

3．下列关于元件的正确解释是_______

A、元件与实例是同一个概念 B、一个元件可以在动画文档中多次使用

D、上面三种解释都正确

C、工具面板

D、对齐面板

D、保存文件

C、元件可以在多个文档中使用

A、属性

A、帮助

二、判断题

1．Flash通过使用矢量图形和流式播放技术克服目前网络传输速度慢的缺点。（ ）

2．时间轴面板是用来制作动画的重要工具。（ ）

3．单击编辑菜单中网格/显示网格命令可显示或隐藏网格。（ ）

4．按Ctrl+N快捷键可打开文件。（ ）

5．属性面板是一个综合性的面板，而且是Flash MX中最为特殊的一个面板。当选择了不同的工具或项目时，该面板中的内容将会有所不同。（ ）

6．每次启动Flash MX，应用程序都会创建一个默认名为“未命名-1”的新文件。（ ）

7．在显示标尺的状态下，单击水平标尺并向下拖动到舞台中，可以设置水平辅助线。（ ）

8．Flash MX存在两种动画文件，保存过的Flash MX文件，扩展名是*.swf，对动画进行了测试，Flash

MX将自动生成动画的电影文件，其扩展名为*.fla

三、上机实验

启动Flash MX软件，练习显示或隐藏工具面板、属性面板、时间轴面板和各种控制面板。

B、时间轴

4．当需要设置新建文件的背景时，可以在_______面板中进行。

5．按Ctrl+Q快捷键可以实现Flash MX的（ ）功能。

B、打开文件 C、退出