flash 元件与影片剪辑

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

随着动画复杂度的提高，必然会出现两种情况:首先是有些元素会重复使用;其次是有些对象会要求有特殊的同步行为和交互行为。这时，就需要用到Flaｓh中的元件，并通过元件来创建实例。ﻫ５.1 元件与实例ﻫ学习目标

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

5.1.1 元件的分类

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

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

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

3. 影片剪辑元件ﻫ可以创建可重用的动画片段。影片剪辑拥有它们自己的独立于主时间轴的多帧时间轴。可以将影片剪辑看作是主时间轴内的嵌套时间轴，它们可以包含交互式控件、声音甚至其它影片剪辑实例。也可以将影片剪辑实例放在按钮元件的时间轴内,以创建动画按钮。ﻫ 5.1．２使用库面板库面板用于存储和组织在Ｆlash中所创建的图标以及导入的声音文件。其中,图标由图片、按钮、电影片段构成。库面板也包括在文件夹中存储的库存项目列表,从中可以看出电影中的一个图标使用的频度，并且可以将其按照类型排序。

"库"面板的主要操作都在单击右上角的按钮后打开的弹出菜单中。单击该按钮，弹出菜单。ﻫ＂库＂面板的相关操作包括以下内容。

1. 显示＂库"面板

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

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

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

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

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

创建元件之后,可以在文档中任何需要的地方（甚至在其它元件内）创建该元件的实例。"元件＂和"实例"的关系，就是＂本质"与"现象"的关系。同一个"本质"可以有不同的"现象"。所以，同一个元件可以有多个外观不同的实例；在修改元件时,Flasｈ会更新元件的所有实例；修改实例,不会影响到原来的元件。ﻫ下面的简单例子可以帮助我们认识这些关系。ﻫ（1）新建Flash文档,选择菜单栏＂插入/新建元件"命令,在打开的"创建新元件"对话框中选择＂图形＂单选项。ﻫ（2)此时时间轴已经不再是原来舞台的时间轴,而变成了＂元件1"

的时间轴，这点可以从舞台上方的提示栏看出，"场景1"后面多了"元件1"。ﻫ（3)用多角星形工具在舞台中绘制一个多边形，此时可以看到"库"面板中多出了"元件１"一项（如果库面板没有打开,则选择菜单栏的"窗口／库"命令将其打开）。

(4)单击"场景1"或者其前面的箭头按钮,返回到原来的舞台,可以看到舞台上什么都没有。ﻫ(5）用鼠标按住并拖拽库中的"元件1"到舞台上，连续拖拽3个。这3个多边形便称之为"元件１＂的实例。ﻫ (６)对舞台上的第１个多边形用任意变形工具进行变形，对第2个多边形先用任意变形工具进行变形，然后用选择工具选中，并打开"属性"面板。选择"颜色"下拉列表的＂高级"选项。ﻫ (7)单击旁边的"设置"按钮，在打开的＂高级效果＂对话框中进行设置，将该对象变成绿色、半透明。ﻫ (8）此时可以看到,舞台中前两个多边形的变化并不影响库中＂元件１",也不影响第3个实例。ﻫ (9）双击"库"面板中的"元件1"切换至元件编辑状态，用选择工具将多边形进行修改。

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

5.1．４编辑元件的方法

使用选择工具双击舞台上的实例，或者右击实例，在弹出的菜单中选择＂在当前位置编辑＂即可。这时就进入了元件编辑模式,而其它对象以灰显方式出现。正在编辑的元件名称显示在舞台上方的编辑栏内,位于当前场景名称的右侧。ﻫ舞台上的狼是一个元件实例。使用选择工具双击它之后，就进入了编辑模式，狼周围的树林颜色变淡了,同时在时间轴上方的"场景 1＂右边出现了"狼"标签,这就表示当前是在"场景1"中编辑＂狼＂元件。ﻫ此外，还可以使用＂在新窗口中编辑"命令在一个单独的窗口中编辑元件。在单独的窗口中编辑元件,就可以同时看到该元件和主时间轴。正在编辑的元件名称会显示在舞台上方的编辑栏内。

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

5.２.1 设置元件实例的颜色

在前面说过,修改实例并不会影响原来的元件。在这里看看如何设置图形元件的颜色设置。实际上所有元件的颜色设置方法是一样的。学习了图形元件的颜色设置，读者可以用同样的方法在以后设置影片剪辑和按钮。ﻫ首先看舞台上的一个图形元件实例,例如一个人物。使用选择工具单击它，然后使用菜单＂窗口/属性／属性"打开属性面板。可以看到在属性面板的右半部分有 "颜色"下拉菜单。ﻫ在下拉菜单中，如果选择"无",那么不应用任何颜色效果。除此之外，可以选择四种颜色效果。

１. 亮度ﻫ选择了"亮度"之后，可以修改图形元件的亮度。亮度为0表示无效果，100％表示最亮,－10０%表示。

2．色调

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

Aｌｐha值的作用是控制对象的不透明度。当Aｌｐha值为1００的时候,对象是完全不透明的,没有任何效果;当Aｌpｈa值小于100而大于０的时候，对象是半透明的;当Alpha值等于0的时候，对象就变成完全透明的，看不见了。ﻫ４. 高级

选择了"高级"项之后，就会在后面出现"设置"按钮。单击＂设置"按钮,将会进行高级设置。

在这里简单说一下计算的方法。假设有一个颜色为"＃ＣCFF３3",Aｌpha值为90的点,应用了图中的设置，那么应该变成什么样子?可以分４步：

(1）先计算红色成分。原来的红色成分是十六进制的CC,也就是十进制的20４，按图中的换算规则是乘以80%,取整后为163，也就是十六进制的A３。ﻫ (2)再计算绿色成分。原来的绿色成分是十六进制的FF,也就是十进制的２55,按图中的换算规则是乘以50%再加上30，取整后为１58，也就是十六进制的９E。

(３）然后计算蓝色成分。原来的蓝色成分是十六进制的33，也就是十进制的51，按图中的换算规则是乘以２０%再加上负80，取整后为负70。但是颜色值的取值范围是0～2５５，所以只能取最小值０。

(4）接下来计算Alpha值。原来的Ａlphａ值是90,这本来就是十进制的，按图中的换算规则是乘以80%再加上