FLASHMX教程.

第一章FlashMX界面和功能简介

第一节：术语与工作界面：

学习前要掌握的几个FLASH术语：

位图（以像素为单位，放大失真）

矢量图（由直线和曲线构成，放大不失真）

层（用来组织和安排影片中的文字、图像和动画）

帧（构成动画的要素，分为关键帧和普通的帧）

时间轴（一个以时间为基础的线性进度安排表，以时间的进行为基础，一步步地安排每一个动作）

源始图（选中时呈点状，可任意拖动改变形状）

元件（选中时有外框和十字花，只能有规则的改变外形）

库（存放元件的仓库）

FLASHMX工作界面：

在使用大多数Flash工具时，属性检查器会发生变化，以显示与该工具相关联的设置。例如，如果您选择文本工具，属性检查器会显示文本属性，

从而使您方便地选择所需文本属性。

第二节标题栏和菜单栏

标题栏位于操作界面的第1行，标题栏中显示的默认名称是“无标题-1”，每当新建一个动画时，Flash MX就会自动为动画起一个默认的名称，它们是以“无标题”开头，以数字结尾的。当保存动画时，将提示读者重新命名，否则，将以默认的名称保存动画文件。

标题栏的左上角是Flash MX的图标，单击图标将打开Flash MX操作界面的控制菜单，其中包括“大小”、“移动”、“恢复”、“最大化”、“最小化”、“关闭”等菜单命令，使用Alt+F4快捷健时，将关闭当前打开的操作界面。

在Flash MX图标的右侧是当前打开文件的名称，在标题栏的右侧是3个控制按钮，它们分别是“最大化”、“最小化”与“关闭”按钮。当操作界面处于最大化状态时，“最大化”按钮将更改为“恢复”按钮；当将操作界面处于最大化与最小化之间时，“恢复”按钮将更改为“最大化”按钮。

拖动标题栏的蓝色区域时，将改变Flash MX操作界面在屏幕上的位置，双击蓝色区域时，将使操作界面处于最大化状态，此时控制菜单的“移动”、“大小”按钮处于禁止使用状态，表明读者无法改变它的位置、大小。

在标题栏的下方是Flash MX的菜单栏，它包括File(文件)、Edit(编辑)、View(查看)、Insert(插入)、Modify(修改)、Text(文本)、Control(控制)、Window(窗口)、Help(帮助)这9大菜单，如图2-10所示。

单击菜单栏左侧的图标，将打开工作区的控制菜单。工作区是制作Flash 文件的主要场所，每打开一个文件都将出现一个工作区。该控制菜单用于设置工作区的大小、位置、状态，它与标题栏左侧的控制菜单完全类似，只是它们控制的对象不同而已。在菜单栏的右侧是3个按钮，它们的操作对象也只是Flash MX操作界面的工作区。

第三节：FLASHMX工具栏

在众多的菜单命令内，大约只有30%是读者经常使用的，为了提高工作效率，Flash MX的常用工具栏内包含了16种工具按钮，这些工具按钮与

文件、编辑、修改等菜单的命令逐一对应，如下图所示。

工具栏由多个图标按钮组成，在制作环境下提供对常用命令(如新建、打开等)的快速访问。读者只需单击工具栏上的按钮，则执行该按钮所代表的操作。

工具栏能紧贴在菜单栏之下，也可以垂直状紧贴在左右边框上，或将它从菜单栏下面拖动到任意的地方，或使它悬浮在窗口中。工具栏各按钮的意义说明如下表所示。

Flash MX中工具栏按钮介绍

2.4 绘图工具栏

在默认情况下，绘图工具栏位于Flash MX

窗口的左边。该工具栏是由16个工具按钮组成的，如图2-12所示，用鼠标单击工具按钮时，可激活

相应的操作功能。可以看出，在Flash MX中，对工具栏进行了很大的改动。另外，新增加了变换工具和填充样式调整工具。能够更加方便地进行图形的绘制、调整及移动等基本操作。

在Flash MX中，绘图工具栏可以在窗口中任意移动，只需用鼠标按住绘制工具栏中的非功能区并进行拖动即可，选择Window→Tools命令可以将工具栏隐藏。

2.5时间轴

“时间轴”用于组织和控制文档内容在一定时间内播放的图层数和帧数。“图层”就像堆叠在一起的多张幻灯胶片一样，每个层中都排放着自己的对象。

提到动画，第一个会联想到的是小时候最喜欢看的卡通影片，这些卡通影片，都是事先绘制好一帧一帧的连续动作的图片，然后让它们连续播放，利用人的“视觉暂留”特性，在大脑中便形成了动画效果。

Flash动画的制作原理也一样，它是把绘制出来的对象放到一格格的帧中，然后再来播放。

时间轴的一些功能介绍如下图所示。

2.6 flash动画的保存与输出

一．Flash 动画的保存：

Flash 动画的保存，共有三种方式："Save(保存)/Save As(另存为)"；Export Movie(输出影片)；Publish(发布)。如果最终文件要保留具体的图层信息和后期的可编辑权，那就用 "Save(保存)/Save As(另存为)" ；如果最终文件直接输出成影片，就用 Export Movie(输出影片)；如果要用指定格式，如网页的超文本协议(HTML)直接进行发布，而不是另外添加代码对最终结果进行引用，则可以用 Publish(发布) 命令输出最终结果。1．保存/另存为：

Save(保存)/Save As(另存为)命令，弹出如下图的保存文件对话框：

在文件名中键入文件的名字并选择文件的存放位置，然后单击"保存"按铵，文件就以 .fla 格式进行保存。这种保存结果能够保留所有的图层信息，可以用 Flash 打开进行再编辑，但文件最大。

2．Export Movie(输出影片)：

File(文件)/Export Movie(输出电影)命令，弹出如下图的对话窗口：

输入要保存的文件名，选择存放位置，如果需要，还可在保存类型下拉

框中选择适当的文件类型。保存类型下拉框如下图：

该下拉框中包含了 Flash 可以输出的文件类型，用户可根据需要进行选择。

单击"保存"按钮，系统弹出设置对话框，如下图：

根据需要我们可以更改载入顺序(Loaded Order)、JPEG 图片品质(JPEG Quality)、Flash 版本(Version)、是否产生文件大小报表(Generate size Report)，以及音效设置(Audio)。

3．Publish(发布)：

最终结果还可以直接进行发布，要进行发布设置，单击 File(文件)/Publish Settings(发布设置) 命令，弹出如下图的对话框：

在这个面板上，可以对发布格式进行设置，它们分别是 Flash 格式(.fla)、HTML网页文件格式(.html)、GIF影像格式(.gif)、JPGE影像格式(.jpg)、PNG影像格式(.png)、Windows 项目格式，即可执行文件(.exe)、Macintosh 项目文件、QuickTime 播放文件(.mov)。设置好后单击Publish(发布)按钮进行发布就可以了。

2.7 flash 动画的优化：

1．影帧的优化：

谈到动画，我们就应该想到影帧，正是由于一帧帧的内容按照一定的方式进行排列并播放出来才有了我们的动画，因此要让动画体积较小，能够流畅地进行播放，就有必要考虑每个帧里数据的合理安排。

如果某一帧里有大量的数据，可以考虑用"预装载技术"加以解决。所谓"预装载技术"，就是指在前面包含数据较少的帧，先将后面要装载的部分内容，如部分组件先行装入，这样，当影片播放到后面时，只需要再装入前面没装入的部分就行了。预装载技术，通过数据分流，对提高影片播放的流畅性是很有用的。采用"预装载技术"，要注意不能在前面将预装载的内容显示出来，因此，在原有基础上，需要多建一个图层，并将预先装载的内容放到底层,而且上面图层的内容要能遮盖住底层预装载的数据。

另外，影帧分布的合理性，还在于影帧内容安排的合理性上。Flash 能够处理矢量图与位图，使用矢量图的好处在于它不会随图形大小改变而改变自身体积，因此它在 Flash 中的使用，比位图更为普遍。但矢量图在屏幕上进行显示前，需要 CPU 对其进行计算，如果在某一帧里有多个矢量图，同时它们还有自己的变化，如色彩、透明度等的变化， CPU 会因为同时处理大量的数据信息而忙不过来，动画看起来就会有延迟，影响播放效果。因此，在同一帧内，尽量不要让多个组件同时发生变化，它们的变化动作可以分开来安排。

2．要养成使用组件的习惯：

在前面我们已经讲了组件对减小文件体积的作用，在 Flash 中，组件只会被装载一次，以后再使用该组件，或者该组件有什么属性变化，不需要再行下载了，不会增加文件的体积。

3．Flash 中图形的优化：

Flash 中有变形(Modify)操作，可以重新定义图片的大小，但记着，对于输入 Flash 的图片，最好先在其他图像处理软件如 Photoshop 中调整好大小再进行导入，而不要直接导入后再用变形命令进行大小调整。这是因为，导入的图片，无论你将其变得多大还是多小，都不会改变组件中原图的体积大小，只有在导入之前就把它调整好才行。

对于 Flash 中的位图，它的任何变化都涉及到 CPU 的重新计算与屏幕重刷，因此，位图在 Flash 中尽量以静止的背景形式出现。

4．其他优化：

在 Flash 中，要做到"惜力如金"，能用两个组件做成的动画，就不要费力地做三个组件，能够用三条直线构成的图案，就不要用三条虚线来表示，能够用系统默认字体表达清楚的，就不要使用其他字体。总之，你的动画除了在自己机器看外，还得考虑其他人在他们自己的机器上看的情况。直线、默认字体，在大多数电脑上是通用的，不需 CPU 另外进行解析，这样，你的动画就可能更流畅一点。

第二章让你的电脑动起来

第一节实例：移动的球一

1、双击桌面上或开始菜单上的 Flash mx 图标，程序打开后界面如

下图：

说明：【舞台】（即上图中主窗口中白色的区域）就是将独立的帧组合成电影的地方，在舞台上我们可以直接绘制和导入图画。舞台的大小实际就是用户设定的大小。舞台的尺寸最小可设定成宽、高各18px（像素），最大可设定成宽、高各2880xp（像素）。系统默认的尺寸单位是像素，读者可以自行输入“cm（厘米）”、“mm（毫米）”、“in（英寸）”等单位，也可以在【标尺单位】中选择。

2.右键点击面板标题栏，在弹出的菜章上，将暂时没用到的面板关

闭，留出空间以便于编辑，结果如下图：

提示：以后要用到哪个功能面板，只需通过菜单命令 Windows 下的相关命令就可以打开了；另外，我们关掉暂时不用的面板，只是为了便于编辑操作，不是必须的步骤。

3.到工具栏上的“椭圆工具”，如下图：

4.设置圆形属性，即圆形的轮廓颜色、填充色、圆心位置，等等。在 Flash 的工具栏里，对轮廓、填充属性的设置，分别由下图中标示出来的工具完成。最下面一排，分别是“默认色”(Default Color)、“无颜色”(No Color)、“轮廓色与填充色对换”(Swap Colors)。如图六,

或在下方的属性栏中也有相似工具，如图七：

5.点按颜色对换按钮，将前景色由白色变为黑色，将边缘轮廓颜色变为白色。然后按住 Shift 键，用椭圆工具在组件 ball 中画个圆形，如下图：

提示：在图像处理软件中，几乎都有这一相同的功能，即按住 Shift 键时可画出正方形与圆，不按时画出的常常是长方形与椭圆。

6．分离轮廓线与圆。

选用黑箭头工具，点中圆的内部，拖动圆到旁边。如下图：

用黑箭头工具选中轮廓线，将轮廓线删除。不移动圆也可，可用黑箭头工具双击圆边线部份（如下图）选中轮廓线进行删除。

（为了加强显示效果，这里轮廓线用了其它颜色。）

提示：不删除轮廓线进行以下的操作时，有可能发生错误，所以必须删除。

7、右键点击圆，在弹出菜单中选择属性（选中后按下方属性按钮），下图为图象在画布上的所处位置与图象的属性显示：

W：表示图像的宽。

H：表示图象的高。

X：表示图象距画布左上角（即A点，A点非图象内容，在这里起提示作用。）的距离横行距离。

Y：表示图象距画布左上角的纵向距离。

8、点击时间轴上的第15帧，按下F6键，或右键点击第15帧，在弹出菜单栏中选择插入关键帧。如下图：

提示：第15帧加粗加黑表示现在正在对第15帧进行操作。

9、用黑箭头选中图象，将其向右移动。（其实向任何方向均可，只要移开原来的位置就行。）如下图：

10、用黑箭点点击第1帧，表示对第1帧进行操作。打开属性窗口，在渐变选择窗口中选择形状。

11、这里看到时间轴上从第一帧到第15帧变成一条绿色连续的箭头线。如下图：

提示：如果箭头线如下图所示，刚表示操作不成功，第1帧与第15帧的图像不是一个类型，无法进行渐变操作。

12、按下回车键，即可看到图像从左跑到右边。

总结：

以上的例子虽然简单，但它却包含了 Flash 动画制作的基本原理：基于时间轴的组件属性变化，如位置、颜色、透明度，等等，就构成了动画的基础。

上面我们还谈到影格的问题。影格，标准的说法应该是“帧”(“fps”)，第一影格即第一帧，第十影格即第十帧。它们犹如电影胶片上的一格影片，也如同快速翻动的书页中的一页，而将所有这些单格的影片通过时间轴串连起来，就组成了一个完整的动画了。在电脑动画出现以前，几乎所有动画都是通过手工描绘出关键的动作(相当于关键帧)，然后将所有动作串连起来形成的。现在的电脑动画制作，则跟这种原理有相同之处。

第二节实例：移动的球二、

知识点：

群组、元件、实例。

1、群组：

说明：群组对象就是绘制一些复杂图形的时候，先分别绘制出各个部份，然后再组合在一起，利于操作。如果要取消组合，按Ctrl+Shift+G 键，或选择【修改】|【取消组合】命令。

2、元件：

元件，不妨把它看作是特殊的对象，跟普通对象不同的地方在于，它可以在整个动画中随时引用。既然是引用，当用户在网上观看该动画时，只需下载一次该对象，以后就不用下载而直接进行引用，提高了动画播放的流畅度，大大减小了文件的尺寸。

如果不用元件，在某些场合中还是可以获得相同动画效果的，但由于每个内容都需要重新下载，从而严重影响了播放效果。

可以将在Flash中需要用到的图形、按钮或影片剪辑建立为元件，元件的优点在于只需创建一次，即可在整个文档中重复使用，因此可以显著减小文档的大小以及提高Flash下载速度。元件可以包含从其他应用程序中导入的插图。建立的元件一般被存放在Flash“库”中。

3、实例：

是指位于舞台上或嵌套在另一个元件内的元件的副本，是元件的应用。实例可以进行重新编辑，因此可能与它的元件在颜色、大小和功能上存在较大差别。编辑元件会更新它的所有实例，但对元件的一个实例进行修改只更新该实例，不会影响到元件或元件的其他实例。

元件的创建：“插入”——“新建元件”——选择元件行为（图形、影片剪辑或按钮）后“确定”。元件建立完成后放在库中，将建立好的元件从库中拖动到舞台上即可；如需对元件进行编辑，则在库中双击该元件进入编辑状态，完成后的效果会自动应用到所有该元件的实例上。

步骤：

1、建立元件或群组。

2、复制，粘贴帧。

3、选择形变。