第6章 元件、实例和库

件”按钮。
（4）选中舞台上需要编辑元件后，单击鼠标右键， 在弹出的快捷菜单中选择“在当前位置编辑”命令，如图
6.1.15所示。
进入元件的编辑模式后，用户可以应用“变形”面板 或菜单命令对元件进行各种变形操作，例如可以对元件进 行旋转、缩放、扭曲、封套等操作，如图6.1.16所示为对 元件进行变形前后的效果。
6.1.3 创建按钮元件
按钮元件是一种特殊的元件，它不是单一的图形，而具有
4种状态，即弹起、指针经过、按下和点击。通常情况下，按 钮的制作需要经过绘制图形、添加关键帧和编写事件代码3步 来完成。创建按钮元件的具体操作步骤如下： （1）按“Ctrl+F8”组合键，弹出“创建新元件”对话框， 选中“按钮”单选按钮并输入元件名称，如图6.1.5所示。
按“Ctrl+Enter”组合键测试效果，如图6.1.10所示。这时，将鼠标
指针移动到按钮上并单击鼠标左键，按钮即会呈现出不同的状态。
提示： 这里不设置“点击”帧，即会默认按钮区域为响应区域。
图6.1.9 “按下”帧效果
图6.1.10 按钮效果
6.1.4 创建影片剪辑元件 当在影片中需要重复使用某一个动画片断时，最好将其转
图6.2.11所示的“交换元件”对话框。 （6）用鼠标单击选中元件1，单击“确定”按钮，则 舞台上的元件2的实例被替换成了元件1的实例，但仍然保 留元件2的属性，如图6.2.12所示。
图6.2.11 “交换元件”对话 例
图6.2.12 将元件2的实例替换为元件1的实
6.2.4 改变实例类型
在Flash 8中，用户可以通过改变实例类型来重新定义它在
图6.1.12 在第15帧处输入字母
（5）用鼠标单击第1帧，在“属性”面板中的“补间”下 拉列表中选择“形状”选项，如图6.1.13所示。这样就创建了 一个共15帧的形状补间动画。这时在“时间轴”面板上的第1 帧到第15帧之间会出现一个箭头形状，表示在这些帧之间存在
补间动画，如图6.1.14所示。
换为影片剪辑元件。下面以一个实例来介绍创建影片剪辑元件
的方法，其具体操作步骤如下： （1）新建一个Flash文档，按“Ctrl+F8”组合键弹出“创 建新元件”对话框，选中“影片剪辑”单选按钮并输入其名称， 然后单击“确定”按钮进入其编辑区。
（2）选择工具箱中的文本工具，设置好其属性后在 舞台上输入字母“A”，如图6.1.11所示，然后将其移动到 舞台的左侧。
图6.1.8 在“指针经过”帧改变按钮
（5）用鼠标单击“按下”帧，按“F6”键插入关键帧。选择颜
料桶工具，将圆形填充为绿白渐变，如图6.1.9所示。
在此对“点击”帧不进行设置，使默认的按钮区域为响应区域。 此时，一个按钮元件就创建完成了。按“Ctrl+E”组合键返回到主场
景中，打开“库”面板，将刚才创建好的按钮元件拖动到主场景中。
图6.1.13 “属性”面板
图6.1.14 “时间轴”面 板
6.1.5 编辑元件 当元件创建完后，用户还可以对其进行修改。修改完成 后，Flash会自动更新应用了该元件的所有实例。Flash提供
了4种进入元件编辑模式的方法：
（1）打开“库”面板，然后单击库中需要进行编辑的 元件图标即可进入其编辑模式。 （2）在舞台上双击需要进行重新编辑的元件。 （3）选中舞台上的需要编辑的元件后，单击“编辑元
图6.2.2 “属性”面板
图6.2.3 调节实例亮度
图6.2.4 “色调”选项
Alpha：选择该选项后，用户可以在弹出的文本框中设定
实例的透明度，如图6.2.5和图6.2.6所示分别为透明度为95% 和70%时的效果。 高级：选择该选项后，“属性”面板中弹出“设置”按钮， 单击该按钮，弹出如图6.2.7所示的“高级效果”对话框。在该 对话框中，用户可以分别调节实例的红、绿、蓝和透明度的值。 最终颜色的计算方法是将当前红、绿、蓝和Alpha的值乘以左 边的百分比值，然后加上右边的常数值即可。如当前红色值为 100，左边的百分比值为50%，右边值为128，就会产生一个新 的绿色值178。 （3）设置完成后单击“确定”按钮即可。
如图6.3.5所示为重命名前后的“库”面板。
图6.3.5 重命名前后的“库”面板
6.3.3 使用外部库 在制作动画的过程中，用户不仅可以使用本文档中的库资 源，而且也可以使用其他文档中的库资源，这样可以帮助动画
6.1.2 创建图形元件 图形元件可以是矢量图形、图像、动画或声音，没有交互 性。它具有独立的编辑区域和播放时间。当将其应用到场景中 时，会受到场景中帧序列和其他交互设置的影响。创建图形元 件的方法通常有两种：一种是创建新元件，即直接创建空白元
件，然后再对其进行编辑，添加内容；另一种是将舞台上的对
（2）按“Ctrl+L”组合键打开“库”面板。
（3）选择需要的元件并将其拖动到舞台上，即可创建 该元件的实例。 提示：在默认情况下，实例会被添加先插入关
键帧。
6.2.2 编辑实例
当创建了元件的实例后，可以使用“属性”面板来更改它 的属性，如颜色、透明度等。 更改实例的颜色和透明度的具体操作步骤如下： （1）选中舞台上的实例，如图6.2.1所示。
图6.1.5 “创建新元件”对话框
图6.1.6 按钮元件的编辑区
（3）用鼠标单击“弹起”帧，然后用椭圆工具在编辑区 中绘制一个椭圆，并为其填充放射状渐变，如图6.1.7所示。 （4）用鼠标单击“指针经过”帧，按“F6”键插入关键帧。 选择颜料桶工具，将圆形填充为红黑渐变，如图6.1.8所示。
图6.1.7 在“弹起”帧中绘制按钮 的颜色
按钮后“库”面板会以窄库显示。
图6.3.4 宽库
6.3.2 重命名库元素
“库”面板中的元件、位图、声音和视频文件都可以称为
库元素。用户在制作动画的过程中，通常需要对某些元素重命 名。其方法有以下两种： （1）用鼠标双击需要重新命名的元素名称。 （2）选中要重命名的元素，单击鼠标右键，从弹出的快
捷菜单中选择“重命名”命令。
台中心显示出“十”字形，表示该元件的中心点。在元件
的编辑区中，用户可以进行绘制图形、输入文本或导入图 像等操作，如图6.1.2所示。
4）单击“场景1”图标，或者按“Ctrl+E”组合键返回到场 景中。按“Ctrl+L”组合键打开“库”面板，即可看到刚才新建
的元件，如图6.1.3所示。
图6.1.2 元件编辑区
图6.1.15 快捷菜单
图6.1.16 对元件进行变形前后的效果
6.2 实 例
当创建好元件后，可以在场景中的任何地方引用它。用户 可以将实例简单地理解为舞台对元件的引用。用户可以对实例 进行各种操作，而这些操作不会影响到元件的各种属性。
6.2.1 创建实例 创建实例的方法非常简单，其操作步骤如下： （1）选择“时间轴”面板上的一个图层。
（2）单击“确定”按钮后进入按钮元件的编辑区，如图 6.1.6所示。从其编辑区中可以看出，按钮元件是一个4帧的动画 片段，分别响应4种不同的鼠标事件，其含义如下： 弹起：在默认状态下，按钮处于弹起状态。
指针经过：当鼠标指针移动到按钮上时的状态。
按下：当鼠标指针移动到按钮上且按下鼠标左键时的状态。 点击：该状态定义了鼠标的有效反应区域，该区域由用户自 己定义。
图6.2.5 透明度为95%
图6.2.6 透明度为70%
图6.2.7 “高级效果”对话框
6.2.3 使用其他元件替换实例
在Flash中，用户可以使用其他元件来替换实例而保留该 实例的所有属性，其具体操作步骤如下： （1）按“Ctrl+L”组合键打开“库”面板。 （2）将元件1拖动到舞台上。
（3）在“属性”面板中将其Alpha值设置为65%，此时的
图6.2.1 选中实例
（2）在“属性”面板上单击“颜色”后面的
按钮，
弹出其下拉列表，如图6.2.2所示。该下拉列表中各选项的含义 如下：
无：选择该选项后，实例的颜色无任何变化。
亮度：选择该选项后，用户可以在弹出的下拉列表中设定 实例的亮度，如图6.2.3所示。 色调：选择该选项后，“属性”面板上弹出如图6.2.4所示 的选项，用户可以为实例着色，设置实例的透明度。
画。选择“窗口”→“库”命令，或者按“Ctrl+L”组合键 即可打开“库”面板，如图6.3.1所示。
图6.3.1 “库”面板
6.3.1 “库”面板介绍 “库”面板中各个按钮的作用如下：
“新建元件”按钮：单击该按钮，可以新建一个文件夹，
如图6.3.2所示。 “新建文件夹”按钮：单击该按钮后会在“库”面板中新 建一个文件夹。当用户制作复杂动画时，通常需要许多元件， 这时就可以将这些元件放在不同的文件夹中进行分类。
图形效果和“属性”面板如图6.2.8和图6.2.9所示。 （4）将“库”面板中的元件2拖动到舞台上，如图6.2.10 所示。此时舞台上就出现了元件1和元件2两个实例。
图6.2.8 图形效果
图6.2.9 “属性”面板
图6.2.10 拖动元件2到舞台上
（5）选中元件2的实例，单击“交换”按钮，弹出如
图6.1.3 “库”面板
（2）将舞台上的对象转换为元件。将舞台上的对象转换 为图形元件的步骤如下：
1）选中舞台上的对象。
2）选择“修改”→“转换为元件”命令，或者按“F8”键 弹出“转换为元件”对话框，如图6.1.4所示。 3）选中“图形”单选按钮，并输入元件名称，最后单击 “确定”按钮即可。
图6.1.4 “转换为元件”对话 框
象转换为元件。
（1）创建新元件。创建新元件的操作步骤如下：
1）选择“插入”→“新建元件”命令，或者按“Ctrl+F8”
组合键，弹出“创建新元件”对话框，如图6.1.1所示。
图6.1.1 “创建新元件”对话框
2）选中“图形”单选按钮即表示将该元件设置为图 形元件，然后在“名称”文本框中输入元件名称。 3）单击“确定”按钮后进入新元件的编辑区，此时， 可以看到场景名称的旁边多了“元件1”的名称，并且在舞