flash教程(1-8课时).doc

1、“不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 1 页 共 28 页FLASH8.0 基础教程 第 1 课时【简 介】FLASH 是 Macromedia 公司推出的一种优秀的矢量（矢量图形最大的优点是无论放大、缩小或旋转等不会失真）动画编辑软件，FLASH8.0 是其最新的版本。利用该软件制作的动画尺寸要比位图动画文件如 GLF 动画 尺寸小的多，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。通过本章的学习，读者应熟悉 FLASH 动画的特点，FLASH8.0 的界面组成元素，并通过制作实例了解 FLASH 动画的一

2、般步骤。内容提要使用 FLASH 的背景知识熟悉 FLASH 的工作环境FLASH 的基本操作FLASH 是 Macromedia 公司推出的一种优秀的矢量动画编辑软件，FLASH8.0 是其最新的版本。利用该软件制作的动画尺寸要比位图动画文件如GLF 动画尺寸小的多，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。通过本章的学习，读者应熟悉 FLASH 动画的特点，FLASH8.0 的界面组成元素，并通过制作实例了解FLASH 动画的一般步骤。什么是 FlashFlash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许

3、用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。要在 Flash 中构建

4、应用程序，可以使用 Flash 绘图工具创建图形，并将其它媒体元素导入 Flash 文档。接下来，定义如何以及何时使用各个元素来创建设想中的应用程序。在 Flash 中创作内容时，需要在 Flash 文档文件中工作。Flash 文档的文件扩展名为 .fla (FLA)。Flash 文档有四个主要部分：舞台是在回放过程中显示图形、视频、按钮等内容的位置。在后面的章节中将对舞台做详细介绍。“不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 2 页 共 28 页时间轴用来通知 Flash 显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层

5、中的图形显示在较低图层中的图形的上方。库面板是 Flash 显示 Flash 文档中的媒体元素列表的位置。ActionScript 代码可用来向文档中的媒体元素添加交互式内容。例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用 ActionScript 向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。Flash 包括两个版本的 ActionScript，可满足创作者的不同具体需要。Flash 包含了许多种功能，如预置的拖放用户界面组件，可以轻松地将 ActionScript 添加到文档的内置行为，以及可以添加到媒体对象的特殊效果。这些功能使 F

6、lash 不仅功能强大，而且易于使用。完成 Flash 文档的创作后，可以使用“文件“发布“命令发布它。这会创建文件的一个压缩版本，其扩展名为 .swf (SWF)。然后，就可以使用 Flash Player 在 Web 浏览器中播放 SWF 文件，或者将其作为独立的应用程序进行播放。1.1 安装与启动 FLASH8.0要使用 FLASH8.0 必须先安装，在安装的过程中要先将以前在使用的版本关闭，然后方可安装，根据说明进行安装。安装完成后启动 FLASH8.0 界面如下：在这个界面中显示了“开始”页，它分为下面三栏。 打开：该栏目显示最近操作过的文件，并在下面显示了“打开”按钮然后单击其中的

7、一个文件，即可直接打开该文件。 创建新项目：它提供了 FLASH8.0 可以创建的文档类型，用户可以直接单击选择。“不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 3 页 共 28 页 从模板创建：提供了创建文档的常用模板，用户可以直接单击其中一种模板类行。第 2 课时1.2 熟悉 FLASH 的工作环境要创建动画，用户首先要了解它的工作环境，了解一些基本的概念，如舞台，图层，帧与关键帧。本节主要介绍这方面的情况。启动 FLASH，并在“开始”页中选择一项进行，就可进入 FLASH 的工作环境。如下图，FLASH8.0 的工作界面，主要有舞台，主工具栏，工具箱，时间

8、轴，属性面板和多个控制面板等几个部分。1.3 舞台视图缩放“不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 4 页 共 28 页 用放大工具可以直接对图片进行缩放 要用指定的比例放大或缩小舞台，可选择“视图”“缩放比率” “符合窗口大小”菜单。 要用指定的比例放大或缩小舞台，可选择“视图”“缩放比率”菜单，并从弹出的子菜单中选择合适的缩放百分比1.4 使用时间轴时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样，Flash 文档也将时长分为帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、

9、帧和播放头。文档中的图层列在时间轴左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题指示帧编号。播放头指示当前在舞台中显示的帧。播放 Flash 文档时，播放头从左向右通过时间轴。当时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。注意：在播放动画时，将显示实际的帧频；如果计算机不能足够快地计算和显示动画，则该帧频可能与文档的帧频设置不一致。“不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 5 页 共 28 页“不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 6 页 共 2

10、8 页第 3 课时1.5 更改时间轴的外观默认情况下，时间轴显示在主应用程序窗口的顶部，在舞台之上。要更改其位置，可以将时间轴停放在主应用程序窗口的底部或任意一侧，或在单独的窗口中显示时间轴。也可以隐藏时间轴。可以调整时间轴的大小，从而更改可以显示的图层数和帧数。如果有许多图层，无法在时间轴中全部显示出来，则可以通过使用时间轴右侧的滚动条来查看其它的图层。 移动应用程序中的时间轴可拖动面板标题栏中时间轴 这个词左边的抓手。 停放时间轴要将时间轴标题栏拖动到应用程序窗口的一个边缘。按住 Control 键拖动时将禁止时间轴停放。 拖动时间轴中分隔图层名和帧部分的栏可进行其增减。 要调整时间轴的大

11、小可将时间轴停放在主应用程序窗口，请拖动分隔时间轴和舞台区域的栏。 如果时间轴没有停放在主应用程序窗口中，请拖动右下角 (Windows) 或右下角的大小框 (Macintosh)。1.6 使用帧和关键帧关键帧是这样一个帧：您在其中定义了对动画的对象属性所做的更改，或者包含了 ActionScript 代码以控制文档的某些方面。Flash 可以在您定义的关键帧之间补间或自动填充帧，从而生成流畅的动画。因为关键帧可以使您不用画出每个帧就可以生成动画，所以使您能够更轻松地创建动画。可以通过在时间轴中拖动关键帧来轻松更改补间动画的长度1.7 在时间轴中处理帧在时间轴中，可以处理帧和关键帧，将它们按照

12、您想让对象在帧中出现的顺序进行排列。可以通过在时间轴中拖动关键帧来更改补间动画的长度。可以对帧或关键帧进行如下修改： 插入、选择、删除和移动帧或关键帧。 将帧和关键帧拖到同一图层中的不同位置，或是拖到不同的图层中。 “不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 7 页 共 28 页 复制和粘贴帧和关键帧 ，将关键帧转换为帧 。 从“库“面板中将一个项目拖动到舞台上，从而将该项目添加到当前的关键帧中1.8 图层的使用图层就像透明的醋酸纤维薄片一样，在舞台上一层层地向上叠加。图层可以帮助您组织文档中的插图。可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。如果

13、一个图层上没有内容，那么就可以透过它看到下面的图层。要绘制、上色或者对图层或文件夹进行修改，需要在时间轴中选择该图层以激活它。时间轴中图层或文件夹名称旁边的铅笔图标表示该图层或文件夹处于活动状态。一次只能有一个图层处于活动状态（尽管一次可以选择多个图层）。当创建了一个新的 Flash 文档之后，它仅包含一个图层。可以添加更多的图层，以便在文档中组织插图、动画和其它元素。可以创建的图层数只受计算机内存的限制，而且图层不会增加发布的 SWF 文件的文件大小。只有放入图层的对象才会增加文件的大小。可以隐藏、锁定或重新排列图层。还可以通过创建图层文件夹然后将图层放入其中来组织和管理这些图层。可以在时间

14、轴中展开或折叠图层文件夹，而不会影响在舞台中看到的内容。对声音文件、ActionScript、帧标签和帧注释分别使用不同的图层或文件夹是个很好的主意。这有助于在需要编辑这些项目时快速地找到它们如下图： 1.81 创建图层和图层文件夹在创建了一个新图层或文件夹之后，它将出现在所选图层的上面。新添加的图层将成为活动图层。若要创建图层，请执行以下操作之一： 单击时间轴底部的“插入图层“按钮。 选择“插入 “时间轴“图层“。 右键单击 (Windows) 或按住 Ctrl 键单击 (Macintosh) 时间轴中的一个图层名称，然后从上下文菜单中选择“ 插入图层 “。 若要创建图层文件夹，请执行以下操

15、作之一： 在时间轴中选择一个图层或文件夹，然后选择“插入“时间轴“图层文件夹“。 右键单击 (Windows) 或按住 Ctrl 键单击 (Macintosh) 时间轴中的一个图层名称，然后从上下文菜单中选择“ 插入文件夹 “。 “不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 8 页 共 28 页新文件夹将出现在所选图层或文件夹的上面。查看图层和图层文件夹 在工作过程中，可能需要显示或隐藏图层或文件夹。时间轴中图层或文件夹名称旁边的红色 X 表示它处于隐藏状态。在发布 Flash SWF 文件时，FLA 文档中的任何隐藏图层都会保留，并可在 SWF 文件中看到。为

16、了帮助您区分对象所属的图层，可以用彩色轮廓显示图层上的所有对象。您可以更改每个图层使用的轮廓颜色。可以更改时间轴中图层的高度，从而在时间轴中显示更多的信息（例如声音波形）。还可以更改时间轴中显示的图层数。要显示或隐藏图层或文件夹，请执行以下操作之一： 单击时间轴中图层或文件夹名称右侧的“眼睛“ 列，可以隐藏该图层或文件夹。再次单击它可以显示该图层或文件夹。 单击眼睛图标可以隐藏时间轴中的所有图层和文件夹。再次单击它可以显示所有的层和文件夹。 在“眼睛“列中拖动可以显示或隐藏多个图层或文件夹。 按住 Alt 键单击 (Windows) 或按住 Option 键单击 (Macintosh) 图层或

17、文件夹名称右侧的“ 眼睛 “列可以隐藏所有 其它 图层和文件夹。再次按住 Alt 键单击或按住 Option 键单击可以显示所有的图层和文件夹。 若要查看图层上的内容的轮廓，请执行以下操作之一： 单击图层名称右侧的“轮廓 “列可以显示该层上所有对象的轮廓。再次单击它可以关闭轮廓显示。 单击轮廓图标可以显示所有图层上的对象的轮廓。再次单击它可以关闭所有图层上的轮廓显示。 按住 Alt 键单击 (Windows) 或按住 Option 键单击 (Macintosh) 图层名称右侧的“轮廓“列可以将所有 其它 图层上的对象显示为轮廓。再次按住 Alt 键单击或按住 Option 键单击它可以关闭所有

18、图层的轮廓显示。 若要更改图层的轮廓颜色，请执行以下操作：1. 执行下列操作之一： o 双击时间轴中图层的图标（即图层名称左侧的图标） 。 o 右键单击 (Windows) 或按住 Ctrl 键单击 (Macintosh) 该图层名称，然后从上下文菜单中选择“属性“ 。 o 在时间轴中选择该图层，然后选择“修改“图层“。 2. 在“图层属性 “对话框中，单击 “轮廓颜色“框，然后选择新的颜色、输入颜色的十六进制值或单击“颜色选择器“ 按钮然后选择一种颜色。 3. 单击“确定 “。 “不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 9 页 共 28 页若要更改时间轴中

19、的图层高度，请执行以下操作：1. 执行下列操作之一： o 双击时间轴中图层的图标（即图层名称左侧的图标） 。 o 右键单击 (Windows) 或按住 Ctrl 键单击 (Macintosh) 该图层名称，然后从上下文菜单中选择“属性“ 。 o 在时间轴中选择该图层，然后选择“修改“时间轴“图层属性“。 2. 在“图层属性 “对话框中，选择一个 “图层高度“选项，然后单击 “确定“。 若要更改时间轴中显示的图层数，请执行以下操作： 拖动分隔舞台区域和时间轴的栏。 “不积篑步，无以致千里“ ，要想灵活使用高级技巧，必须得有扎实的基础知识。第 10 页 共 28 页第 4 课时1.82 使用网格、

20、辅助线和标尺Flash 可以显示标尺和辅助线，以帮助您精确地绘制和安排对象。您可以在文档中放置辅助线，然后使对象贴紧至辅助线，也可以打开网格，然后使对象贴紧至网格。使用标尺当显示标尺时，它们将显示在文档的左沿和上沿。您可以更改标尺的度量单位，将其默认单位（像素）更改为其它单位。在显示标尺的情况下移动舞台上元素时，将在标尺上显示几条线，指出该元素的尺寸。显示或隐藏标尺： 选择“视图 “标尺“。 指定文档的标尺度量单位： 选择“修改 “文档“，然后从对话框左下角的 “标尺单位“菜单中选择一个单位。 使用网格当在文档中显示网格时，将在所有场景中的插图之后显示一系列的直线。您可以将对象与网格对齐，也可

21、以修改网格大小和网格线颜色。要显示或隐藏绘画网格，请执行以下操作之一： 选择“视图 “网格“显示网格“。 按 Ctrl+ 组合键（引号） (Windows) 或 Command+ 组合键（引号）(Macintosh)。打开或关闭贴紧至网格线： 选择“视图 “贴紧“贴紧至网格“。 若要设置网格首选参数，请执行以下操作：1. 选择“视图 “网格“编辑网格“。 2. 对于“颜色 “，请单击颜色框中的三角形，然后从调色板中选择网格线的颜色。 默认的网格线颜色是灰色。3. 选择或取消选择“显示网格 “可以显示或隐藏网格。 4. 选择或取消选择“贴紧至网格 “可以打开或关闭贴紧至网格线。 5. 要设置网格间隔，请在水平和垂直箭头右侧的文本框中输入值。 6. 对于“对齐精确度 “，请从弹出菜单中选择一个选项。