flash_元件与影片剪辑

第五讲元件和实例打印本页

随着动画复杂度的提高，必然会出现两种情况：首先是有些元素会重复使用；其次是有些对象会要求有特殊的同步行为和交互行为。这时，就需要用到Flash中的元件，并通过元件来创建实例。

5.1 元件与实例

学习目标

本节学习的概念比较多。"元件"（symbol），又称符号，是一种比较独特的、可重复使用的对象。以元件为样本，创建出来的对象叫做"实例"。元件的引入使得动画的制作更为简单，动画文档的大小明显减小，播放速度也显著提高。而库面板则是管理元件的主要工具，每个动画文档都有自己库，存放着各自的元件，就像每个工厂将材料存放在自己的仓库中一样。

5.1.1 元件的分类

在Flash中，元件包括图形、按钮、影片剪辑三类。每个元件都有一个唯一的时间轴和舞台。创建元件时要选择元件类型，这取决于元件在文档中的工作方式。三类元件的介绍如下：

1. 图形元件

可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。图形元件与主时间轴同步运行。交互式控件和声音在图形元件的动画序列中不起作用。

2. 按钮元件

可以创建响应鼠标点击、滑过或其它动作的交互式按钮。可以定义与各种按钮状态关联的图形，然后将动作指定给按钮实例。

3. 影片剪辑元件

可以创建可重用的动画片段。影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴。可以将影片剪辑看作是主时间轴内的嵌套时间轴，它们可以包含交互式控件、声音甚至其它影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。

5.1.2 使用库面板

库面板用于存储和组织在Flash中所创建的图标以及导入的声音文件。其中，图标由图片、按钮、电影片段构成。库面板也包括在文件夹中存储的库存项目列表，从中可以看出电影中的一个图标使用的频度，并且可以将其按照类型排序。

"库"面板的主要操作都在单击右上角的按钮后打开的弹出菜单中。单击该按钮，弹出菜单。

"库"面板的相关操作包括以下内容。

1. 显示"库"面板

在主菜单中选择"窗口/库"，可以显示或者隐藏"库"面板。

2. 在"库"面板中查看项目

"库"面板中的每个Flash文件包括元件、位图和声音文件。当用户在"库"面板中选择项目时，该项目的内容就出现在窗口上部的预览界面中。如果选定的项目是动画或是声音文件，也可以应用控制器进行预览的控制。

"库"面板的纵栏依次是列表项的名字、类型、在动画文件中使用的次数、链接和上一次修改的时间。可以在"库"面板中按任何项目排序。单击纵栏项目头，按照字母顺序等进行排列，也可以单击右上角的三角形按钮使项目按某一列的逆向排序。

3. 使用"库"面板中的文件夹

单击下部的新建文件夹的按钮，可以加入一个新的文件夹。当创建新元件时，新元件将出现在当前选定的文件夹里。如果没选定文件夹，它将出现在"库"面板的最下边，可以用鼠标把它从某个文件夹拖到另一个文件夹中。

5.1.3 创建实例

创建元件之后，可以在文档中任何需要的地方（甚至在其它元件内）创建该元件的实例。"元件"和"实例"的关系，就是"本质"与"现象"的关系。同一个"本质"可以有不同的"现象"。所以，同一个元件可以有多个外观不同的实例；在修改元件时，Flash 会更新元件的所有实例；修改实例，不会影响到原来的元件。

下面的简单例子可以帮助我们认识这些关系。

（1）新建Flash文档，选择菜单栏"插入/新建元件"命令，在打开的"创建新元件"对话框中选择"图形"单选项。

（2）此时时间轴已经不再是原来舞台的时间轴，而变成了"元件1"的时间轴，这点可以从舞台上方的提示栏看出，"场景1"后面多了"元件1"。

（3）用多角星形工具在舞台中绘制一个多边形，此时可以看到"库"面板中多出了"元件1"一项（如果库面板没有打开，则选择菜单栏的"窗口/库"命令将其打开）。

（4）单击"场景1"或者其前面的箭头按钮，返回到原来的舞台，可以看到舞台上什么都没有。

（5）用鼠标按住并拖拽库中的"元件1"到舞台上，连续拖拽3个。这3个多边形便称之为"元件1"的实例。

（6）对舞台上的第1个多边形用任意变形工具进行变形，对第2个多边形先用任意变形工具进行变形，然后用选择工具选中，并打开"属性"面板。选择"颜色"下拉列表的"高级"选项。

（7）单击旁边的"设置"按钮，在打开的"高级效果"对话框中进行设置，将该对象变成绿色、半透明。

（8）此时可以看到，舞台中前两个多边形的变化并不影响库中"元件1"，也不影响第3个实例。

（9）双击"库"面板中的"元件1"切换至元件编辑状态，用选择工具将多边形进行修改。

（10）此时退出元件编辑模式，再回到舞台上，可以看到3个实例均发生了变化。

5.1.4 编辑元件的方法

使用选择工具双击舞台上的实例，或者右击实例，在弹出的菜单中选择"在当前位置编辑"即可。这时就进入了元件编辑模式，而其它对象以灰显方式出现。正在编辑的元件名称显示在舞台上方的编辑栏内，位于当前场景名称的右侧。

舞台上的狼是一个元件实例。使用选择工具双击它之后，就进入了编辑模式，狼周围的树林颜色变淡了，同时在时间轴上方的"场景 1"右边出现了"狼"标签，这就表示当前是在"场景 1"中编辑"狼"元件。

此外，还可以使用"在新窗口中编辑"命令在一个单独的窗口中编辑元件。在单独的窗口中编辑元件，就可以同时看到该元件和主时间轴。正在编辑的元件名称会显示在舞台上方的编辑栏内。

5.2 使用图形元件

学习目标

图形元件是比较简单的元件类型。本节的学习目的，就是掌握图形元件实例的颜色和循环方式设置。

5.2.1 设置元件实例的颜色

在前面说过，修改实例并不会影响原来的元件。在这里看看如何设置图形元件的颜色设置。实际上所有元件的颜色设置方法是一样的。学习了图形元件的颜色设置，读者可以用同样的方法在以后设置影片剪辑和按钮。

首先看舞台上的一个图形元件实例，例如一个人物。使用选择工具单击它，然后使用菜单"窗口/属性/属性"打开属性面板。可以看到在属性面板的右半部分有 "颜色"下拉菜单。

在下拉菜单中，如果选择"无"，那么不应用任何颜色效果。除此之外，可以选择四种颜色效果。

1. 亮度

选择了"亮度"之后，可以修改图形元件的亮度。亮度为0表示无效果，100%表示最亮，-100%表示。

2. 色调

色调的设置效果，是给整个图形对象加上颜色偏移的效果。例如想让整个人物变绿，那么可以将偏移颜色设置为绿色，再将其后面的偏移值设置成一个正数，那么舞台上的图形对象就带上绿色效果了。

3. 不透明度（Alpha）

Alpha值的作用是控制对象的不透明度。当Alpha值为100的时候，对象是完全不透明的，没有任何效果；