高职高专计算机实用教程系列规划教材高职高专计算机实用教程系列规划教材

Flash 8 Flash 8 实用教程实用教程

中国铁道出版社中国铁道出版社

第第 44 章 元件、实例和库章 元件、实例和库

教学目的和要求教学目的和要求 掌握元件与实例的概念，元件的类型、创掌握元件与实例的概念，元件的类型、创

建与编辑方法建与编辑方法

掌握实例的创建与属性设置方法掌握实例的创建与属性设置方法

学会使用库和共享库资源学会使用库和共享库资源

第第 44 章 元件、实例和库章 元件、实例和库

教学重点和难点教学重点和难点 元件与实例的概念，元件的类型、创建与元件与实例的概念，元件的类型、创建与

编辑方法编辑方法

图形、元件与实例相互关系和区别图形、元件与实例相互关系和区别

第第 44 章 元件、实例和库章 元件、实例和库

主要内容 主要内容 元件的创建：创建图形符号、创建影片剪辑、创建按钮元件的创建：创建图形符号、创建影片剪辑、创建按钮

元件的编辑：缩放、旋转、倾斜、变形、翻转元件的编辑：缩放、旋转、倾斜、变形、翻转

实例的创建、实例的编辑实例的创建、实例的编辑

使用库和共享库资源使用库和共享库资源

使用元件来设置动画的好处除了方便管理和调用外，最重使用元件来设置动画的好处除了方便管理和调用外，最重

要的是如果一个对象要重复使用，只需多次从“库”中调要的是如果一个对象要重复使用，只需多次从“库”中调

用，而不会增加文件的体积。用，而不会增加文件的体积。

在这里涉及到“库”面板，它是一个专门用来存储和管理在这里涉及到“库”面板，它是一个专门用来存储和管理

元件的面板。执行“窗口”菜单下的“库”命令，打开元件的面板。执行“窗口”菜单下的“库”命令，打开

“库”面板，如图“库”面板，如图 4.1.14.1.1 所示。所示。

4.1 4.1 元件、实例和库资源概述元件、实例和库资源概述

单击“库”面板右上角的按钮弹出下拉菜单，如图单击“库”面板右上角的按钮弹出下拉菜单，如图 4.1.24.1.2 所示。所示。在这个菜单中可以执行新建元件、重命名、复制、删除、查看在这个菜单中可以执行新建元件、重命名、复制、删除、查看属性等各针对元件的操作。属性等各针对元件的操作。

像管理图层一样相同类型的元件也可以存放在同一个文件夹中，像管理图层一样相同类型的元件也可以存放在同一个文件夹中，在如图在如图 4.1.24.1.2 所示的下拉菜单中执行“新文件夹”命令或单击所示的下拉菜单中执行“新文件夹”命令或单击“库”面板左下角的 按钮可以新建一个元件文件夹，如图“库”面板左下角的 按钮可以新建一个元件文件夹，如图 4.4.1.31.3 所示。所示。

4.1 4.1 元件、实例和库资源概述元件、实例和库资源概述

被放置到舞台上的元件，称之为实例。如果元件被被放置到舞台上的元件，称之为实例。如果元件被

修改了，那么应用到电影中的实例也将作相应的修修改了，那么应用到电影中的实例也将作相应的修

改，因此对于电影中大量的重复元素来说，只要修改，因此对于电影中大量的重复元素来说，只要修

改了元件，所有实例就会自动更新。 改了元件，所有实例就会自动更新。

4.1 4.1 元件、实例和库资源概述元件、实例和库资源概述

4.2 4.2 创建和编辑元件创建和编辑元件

在在 FlashFlash 中创建元件时，既可以直接创建一个空中创建元件时，既可以直接创建一个空

白元件，在该元件的编辑模式中绘制图形作为元白元件，在该元件的编辑模式中绘制图形作为元

件的内容；也可以将舞台中的对象选中，将它们件的内容；也可以将舞台中的对象选中，将它们

转换成元件。转换成元件。

根据功能和使用环境的不同，元件一共有三种形根据功能和使用环境的不同，元件一共有三种形

式：影片剪辑、按钮和图形。式：影片剪辑、按钮和图形。 影片剪辑元件表示的是影片中的小片断，它可以是静影片剪辑元件表示的是影片中的小片断，它可以是静

态的图形，也可以是一段动画。态的图形，也可以是一段动画。

4.2.1 4.2.1 元件的类型元件的类型

按钮元件用于创建交互式按钮，它将会对鼠标的按下、拖按钮元件用于创建交互式按钮，它将会对鼠标的按下、拖

曳等操作产生互动。按钮元件有曳等操作产生互动。按钮元件有 44 种不同的状态，即“弹种不同的状态，即“弹

起”状态（起”状态（ UpUp ）、“经过”状态（）、“经过”状态（ OverOver ）、“按下”）、“按下”

状态（状态（ DownDown ）、“点击”状态（）、“点击”状态（ HitHit）。）。

图形元件表示的是一种最简单的元件，它主要用于表现静图形元件表示的是一种最简单的元件，它主要用于表现静

态的图形。态的图形。

4.2.1 4.2.1 元件的类型元件的类型

（（ 11 ）执行“插入”菜单下的“新建元件”命令，）执行“插入”菜单下的“新建元件”命令，

或使用快捷键或使用快捷键 <Ctrl+F8><Ctrl+F8>，弹出“创建新元件”，弹出“创建新元件”

对话框，如图对话框，如图 4.2.14.2.1 所示。所示。

4.2.2 4.2.2 创建新元件创建新元件

（（ 22 ）在“类型”中选择元件的类型，在“名称”文）在“类型”中选择元件的类型，在“名称”文

本框中输入元件的名字，单击“确定”按钮，如图本框中输入元件的名字，单击“确定”按钮，如图 4.2.4.2.

22 所示。所示。

（（ 33 ）创建元件的内容。）创建元件的内容。

（（ 44 ）返回影片编辑区。）返回影片编辑区。

4.2.2 4.2.2 创建新元件创建新元件

选取整个图形，执行“修改”菜单下的“转换为元件”命令，弹出的“转化选取整个图形，执行“修改”菜单下的“转换为元件”命令，弹出的“转化

为元件”对话框，如图为元件”对话框，如图 4.2.44.2.4 所示，在其中输入元件的名字，并确定元件的所示，在其中输入元件的名字，并确定元件的

类型为“图形”后，单击“确定”按钮。这时，该图形就被转换为元件了类型为“图形”后，单击“确定”按钮。这时，该图形就被转换为元件了。。

4.2.3 4.2.3 将选定对象转换为元件将选定对象转换为元件

（（ 11 ）选中要转换动画所有层上的所有帧，单击）选中要转换动画所有层上的所有帧，单击

鼠标右键，在弹出的菜单中选择“复制帧”命令，鼠标右键，在弹出的菜单中选择“复制帧”命令，

如图如图 4.2.54.2.5所示。所示。

4.2.4 4.2.4 将舞台上的动画转换为影片剪将舞台上的动画转换为影片剪辑辑

（（ 22 ）执行“插入”菜单下的“新建元件”命令，输入该元件的）执行“插入”菜单下的“新建元件”命令，输入该元件的

名字，并选择创建“影片剪辑”元件。名字，并选择创建“影片剪辑”元件。

（（ 33 ）选中一帧，单击右键，在弹出的菜单中选择“粘贴帧”命）选中一帧，单击右键，在弹出的菜单中选择“粘贴帧”命

令。令。

（（ 44 ）回到场景工作区，打开“库”面板就可以看到刚才创建的）回到场景工作区，打开“库”面板就可以看到刚才创建的

“影片剪辑”元件了。“影片剪辑”元件了。 当然“影片剪辑”元件也可以先执行“插入”菜单下的“新建元件”命令，当然“影片剪辑”元件也可以先执行“插入”菜单下的“新建元件”命令，

在弹出的对话框中输入该元件的名字，并选择创建“影片剪辑”元件，然在弹出的对话框中输入该元件的名字，并选择创建“影片剪辑”元件，然

后单击“确定”按钮进入元件编辑工作区，然后在这个工作区中编辑元件后单击“确定”按钮进入元件编辑工作区，然后在这个工作区中编辑元件

的内容。的内容。

4.2.4 4.2.4 将舞台上的动画转换为影片剪将舞台上的动画转换为影片剪辑辑

执行“插入”菜单下的“新建元件”命令弹出“创执行“插入”菜单下的“新建元件”命令弹出“创

建新元件”对话框，选择创建“按钮”元件，立刻建新元件”对话框，选择创建“按钮”元件，立刻

进入按钮元件编辑工作区，如图进入按钮元件编辑工作区，如图 4.2.64.2.6所示。所示。

4.2.5 4.2.5 创建按钮元件创建按钮元件

按钮元件由按钮元件由 44 个状态组成，分别是“弹起”状态、“指个状态组成，分别是“弹起”状态、“指

针经过”状态、“按下”状态、“点击”状态。其中：针经过”状态、“按下”状态、“点击”状态。其中：· “· “ 弹起”状态：表示鼠标光标不在按钮上时的状态。弹起”状态：表示鼠标光标不在按钮上时的状态。

· “· “指针经过”状态：代表鼠标光标在按钮上时的状态。指针经过”状态：代表鼠标光标在按钮上时的状态。

· “· “ 按下”状态：代表鼠标单击按钮元件时状态。按下”状态：代表鼠标单击按钮元件时状态。

· “· “ 点击”状态：定义对鼠标光标作出反应的区域，这个反点击”状态：定义对鼠标光标作出反应的区域，这个反

应区域在电影中是看不见的。应区域在电影中是看不见的。

4.2.5 4.2.5 创建按钮元件创建按钮元件

（（ 11 ）打开“库”面板。）打开“库”面板。

（（ 22 ）双击“库”面板中的元件图标，即可进入）双击“库”面板中的元件图标，即可进入

元件编辑状态。元件编辑状态。

（（ 33 ）根据需要在舞台中对元件进行编辑处理。）根据需要在舞台中对元件进行编辑处理。

（（ 44 ）编辑完成后，执行“编辑）编辑完成后，执行“编辑 --编辑文档”命编辑文档”命

令退出元件编辑状态。令退出元件编辑状态。

4.2.6 4.2.6 编辑元件编辑元件

4.3 4.3 创建和编辑实例创建和编辑实例 4.3.1 4.3.1 创建实例创建实例

（（ 11 ）在时间轴面板中单击按钮新建一图层，并选择该层）在时间轴面板中单击按钮新建一图层，并选择该层

为当前层。为当前层。

（（ 22 ）单击“窗口”菜单中的“库”命令，打开库面板。）单击“窗口”菜单中的“库”命令，打开库面板。

（（ 33 ）在库中选择元件，用鼠标拖到场景中即可创建该元）在库中选择元件，用鼠标拖到场景中即可创建该元

件的实例。如图件的实例。如图 4.3.14.3.1 所示。所示。

11．修改实例的颜色属性．修改实例的颜色属性 （（ 11 ）在场景中选择一个元件实例，打开如图）在场景中选择一个元件实例，打开如图 4.3.24.3.2 所所

示的元件属性面板。示的元件属性面板。

（（ 22 ）单击颜色选项右侧的下拉菜单，打开下拉列表。）单击颜色选项右侧的下拉菜单，打开下拉列表。

4.3.2 4.3.2 编辑实例编辑实例

22．更改实例的元件类型．更改实例的元件类型 （（ 11 ）在场景中选择实例，打开属性面板。）在场景中选择实例，打开属性面板。

（（ 22 ）单击元件类型下拉列表框的下拉按钮，如图）单击元件类型下拉列表框的下拉按钮，如图 4.3.4.3.

88 所示，选择一种类型即可。所示，选择一种类型即可。

4.3.2 4.3.2 编辑实例编辑实例

4.4 4.4 使用库和共享库资源使用库和共享库资源

本节将对本节将对 Flash 8Flash 8 的库的特点、作用及其使用方法进的库的特点、作用及其使用方法进

行讲解，并且就库的其他内容进行相关的介绍。行讲解，并且就库的其他内容进行相关的介绍。

库界面包括标题栏、预览窗口、文件列表以及库库界面包括标题栏、预览窗口、文件列表以及库

文件管理工具等，如图文件管理工具等，如图 4.4.14.4.1 所示。 所示。

4.4.1 4.4.1 库的界面库的界面

选择“窗口选择“窗口 --库”命令，将弹出当前编辑环境下的专库”命令，将弹出当前编辑环境下的专

用库面板。该库中的文件夹和文件包含了当前编辑用库面板。该库中的文件夹和文件包含了当前编辑

环境下所有的元件、导入的位图和其他对象、声音、环境下所有的元件、导入的位图和其他对象、声音、

视频等。还可以使用专用库界面左下角的库管理工视频等。还可以使用专用库界面左下角的库管理工

具对库中的所有文件和文件夹自由地进行管理操作，具对库中的所有文件和文件夹自由地进行管理操作，

这种功能将会给当前环境的动画制作带来方便。这种功能将会给当前环境的动画制作带来方便。

4.4.2 4.4.2 专用库专用库

选择“窗口选择“窗口 -- 公用库”，可以在某子菜单中看到公用库”，可以在某子菜单中看到按钮、类和学习交互按钮、类和学习交互 33项，这项，这 33项就是项就是 33 种种 FlasFlash 8h 8 内置的通用库。内置的通用库。

4.4.3 4.4.3 通用库通用库

11．库元件的创建．库元件的创建 22．库元件的重命名．库元件的重命名 33．库元件的使用．库元件的使用

4.4.4 4.4.4 库的管理与使用库的管理与使用

共享库资源使用户可以在多个目标影片中使用源共享库资源使用户可以在多个目标影片中使用源影片的资源并可以通过各种方式优化影片资源管影片的资源并可以通过各种方式优化影片资源管理。例如，用户可以使用共享库资源为多个场景理。例如，用户可以使用共享库资源为多个场景或影片提供统一的元件来源，或者创建一个中央或影片提供统一的元件来源，或者创建一个中央资源来跟踪和控制版本修订。我们可以选择共享资源来跟踪和控制版本修订。我们可以选择共享资源的方式，一是在运行时共享，二是在创作时资源的方式，一是在运行时共享，二是在创作时共享。共享。

4.4.5 4.4.5 共享库资源共享库资源

（（ 11 ）在）在 Flash 8Flash 8 的源文件中找到名为“的源文件中找到名为“ Libraries”Libraries”的文件夹，可以看到其中包括的文件夹，可以看到其中包括 Flash 8Flash 8 自带的自带的 33 个通用个通用库。库。

（（ 22 ）将要扩充的）将要扩充的 Flash 8Flash 8 文件复制到这个目录中。文件复制到这个目录中。 （（ 33 ）重新启动）重新启动 Flash 8Flash 8 ，新增的库出现在菜单中。，新增的库出现在菜单中。 （（ 44 ）选择“窗口）选择“窗口 -- 公用库公用库 -- 音乐”命令打开这个新增音乐”命令打开这个新增

库，拖动其中元件即可在动画中使用。库，拖动其中元件即可在动画中使用。

4.4.6 4.4.6 库文件的扩充库文件的扩充

4.5 4.5 典型实例典型实例

4.5.1 4.5.1 实例一：电风扇实例一：电风扇11．创建电影文件。．创建电影文件。22．制作图形元件。．制作图形元件。

制作扇页。制作扇页。制作外框。制作外框。制作底座制作底座

4.5 4.5 典型实例典型实例

3 3 ．编辑主场景．编辑主场景选择“图层选择“图层 1”1” 的第的第 11帧，将“底座”拖到场景中。帧，将“底座”拖到场景中。以同样的方法将“扇页”和“外框”拖到场景中。以同样的方法将“扇页”和“外框”拖到场景中。最后调整它们的大小，使三者协调，完成制作。最后调整它们的大小，使三者协调，完成制作。

4.5.2 4.5.2 实例二：卡通时钟实例二：卡通时钟 11．创建电影文件。．创建电影文件。 22．制作影片剪辑元件。．制作影片剪辑元件。 33．使用时钟。．使用时钟。 44．保存并测试电影文件。．保存并测试电影文件。

4.5 4.5 典型实例典型实例

4.5.3 4.5.3 实例三：动态按钮实例三：动态按钮 11．创建电影文件。．创建电影文件。 22．制作按钮元件。．制作按钮元件。

（（ 11 ）新建一个按钮，命名为“）新建一个按钮，命名为“ btn”btn” ，单击“确定”按钮即进入，单击“确定”按钮即进入““ btn”btn” 按钮的编辑状态。按钮的编辑状态。

（（ 44 ）分别用鼠标右键 “指针经过”帧和“按下”帧， “插入关键）分别用鼠标右键 “指针经过”帧和“按下”帧， “插入关键帧” 。帧” 。

（（ 55 ）选中图层的“指针经过”帧，改变它的大小和填充颜色。）选中图层的“指针经过”帧，改变它的大小和填充颜色。 （（ 66 ）选中“按下”帧，改变它的填充效果。）选中“按下”帧，改变它的填充效果。

3 3 ．编辑主场景。．编辑主场景。 44．保存并测试电影文件。．保存并测试电影文件。

4.5 4.5 典型实例典型实例