flashcs5第五节元件库和实例

第五讲元件、库和实例元件元件和实例的概述、元件的类型、使用元件的优点创建元件、编辑元件、复制元件、删除元件、更改元件类型库库面板的使用专用库与公用库实例创建实例、实例的属性、分离实体课堂练习——创建按钮、添加花朵背景内容概要元件是Flash中一个比较重要且使用非常频繁的概念。元件是指在Flash创作环境中创建过一次的图形、按钮或影片剪辑，可以拥有Flash能够创建的所有功能，包括动画。每个元件都具有唯一的时间轴、舞台及图层。还可以包含从其它应用程序中导入的插图；元件一旦被创建（只需创建一次），就会被自动添加到当前文档的库中，然后可在当前文档或其它文档中重复使用而不会显著增加文件的大小。实例是指位于舞台上或嵌套在另一个元件内的元件副本。实例可以与它的元件在颜色、大小和功能上有差别。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。元件和实例概述可加快影片的播放速度：一个元件在浏览中只需下载一次；可简化影片的编辑操作：若修改元件，同一元件生成的所有实例都会随之更新，可大大节省创作时间，提供工作效率；可最大程度地减小文件大小：同一元件的多个实例在影片中只保存元件一次，而每个实例只保存附加信息（位置及其它属性）,不管该元件被重复使用多少次，所占空间也只是一个元件大小；制作动作类的过滤动画效果时，必须将图形转换成元件，否则将失去透明度等属性，而且不能制作补间动画。使用元件的优点图形元件：用来重复使用的静态图像可应用到其它类型的元件当中，是3种元件类型中最基本的类型。按钮元件：用来响应鼠标单击、滑过或其它鼠标动作的交互式按钮。可以定义与各种按钮状态关联的图形，可根据对不同按钮状态的设置来触发不同的特殊效果。影片剪辑：可重用的动画片段。Flash中有交互性、用途最多及功能最强的部分。影片剪辑拥有各自独立于主时间轴的多帧时间轴（可设想为主电影中嵌套的小电影）；基本上就是一个小的独立影片，可包含交互式控件、声音甚至其它影片剪辑实例；也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。使用ActionScript可以在剪辑之间发送消息以便相互控制。元件的类型新建元件打开“创建新元件”对话框

的方法有：菜单项“插入|新建元件”“库”面板左下角的

“新建元件”按钮“库”面板右上角的“库面板”菜单中的“新建元件”快捷按钮Ctrl+F8名称、类型、文件夹“确定”后，将该元件

添加到库中，并切换

到元件编辑模式创建元件将选定对象转换为元件在舞台上选择一个或多个

对象，执行下列操作之一

打开“转换为元件”对话框：菜单项“修改|转换为元件”右键快捷菜单中的“转换为元件”将选中对象拖到“库”面板上快捷键F8注册：ActionScript控制

元件时的中心参照点“确定”后，将该元件添加

到库中，舞台上选定的对象将自动变成该元件的一个实例。创建元件（2）编辑元件时，可以使用任意绘画工具、导入媒体或其它元件的实例；该文档中该元件的所有实例将随之一起改变。正在编辑的元件的名称会显示在舞台顶部的编辑栏内三种编辑方式：编辑：切换到只显示该元件

的单独视图在当前位置编辑：在原场景

中，其它对象以灰显方式出现在新窗口中编辑”：在单独的

窗口单独编辑，可与原场景来

回切换编辑元件进入元件编辑模式“编辑”菜单中右键快捷菜单中“库”面板菜单中的

“编辑”双击“库”面板中的

元件图标——编辑在舞台上双击该元

件的一个实例——在

当前位置编辑编辑元件（2）退出元件编辑模式“返回”按钮单击编辑栏中的场景名称双击元件的外部（“在当前位置编

辑”时）“关闭”按钮（“在新窗口编辑”时）菜单项“编辑|编辑文档”。编辑元件（3）按钮实际上是四帧的交互影片剪辑，其时间轴上包含四帧：弹起帧：代表指针没有经过按钮时该按钮的状态。指针经过帧：代表指针滑过按钮时该按钮的外观。按下帧：代表单击按钮时该按钮的外观。点击帧：设定了响应鼠标单击的区域此区域在SWF文件中是不可见的。时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳转到相应的帧。创建按钮打开“直接复制元

件”对话框“库”面板中的

“直接复制……”右键快捷菜单中面板菜单中菜单项“修改|元件

|直接复制元件……”复制元件要从文档中彻底删除

一个元件，只能在

“库”面板中进行删除在舞台上进行的删除，

只是删除了元件的一

个实例“库”面板中的“删除”右键快捷菜单中面板菜单中“删除”按钮删除元件打开“元件属性”

对话框“库”面板中的

“属性…”右键快捷菜单中面板菜单中“属性”按钮更改“类型”后，

确定更改元件类型创建【图形】元件

要创建【图形】元件，选择【插入】|【新建元件】命令，打开【创建新元件】对话框，在【类型】下拉列表中选择【图形】选项。单击【确定】按钮，打开元件编辑模式，在该模式下进行元件制作，可以将位图或者矢量图导入到舞台中转换为【图形】元件，也可以使用工具箱中的各种绘图工具绘制图形再将其转换为【图形】元件。

创建【影片剪辑】元件

【影片剪辑】元件可以是一个动画，它拥有独立的时间轴，并且可以在该元件中创建按钮、图形甚至其他影片剪辑元件。创建【影片剪辑】元件的方法与【图形】元件方法类似，下面将通过一个简单的实例，来介绍在【影片剪辑】元件中创建动画的方法

创建【按钮】元件

【按钮】元件是一个4帧的交互影片剪辑，选择【插入】|【新建元件】命令，打开【创建新元件】对话框，在【类型】下拉列表中选择【按钮】选项，单击【确定】按钮，打开元件编辑模式。

创建字体元件

【字体】元件的创建方法比较特殊，选择【窗口】|【库】命令，打开当前文档的【库】面板，单击【库】面板右上角的按钮。在【字体嵌入】对话框的【名称】文本框中可以输入字体元件的名称；在【系列】下拉列表框中可以选择需要嵌入的字体，或者将该字体的名称输入到该下拉列表框中；在【字符范围】区域中可以选中要嵌入的字符范围，嵌入的字符越多，发布的SWF文件越大；如果要嵌入任何其他特定字符，可以在【还包含这些字符】区域中输入这些字符。

将元素转换为元件

如果设计区中的元素需要反复使用，可以将它直接转换为元件，保存在【库】面板中，方便以后调用。选中设计区的元素，选择【修改】|【转换为元件】命令，打开【转换为元件】对话框，然后转换为元件。在设计区选中元素，然后将对象拖动到【库】面板中，打开【转换为元件】对话框，然后转换为元件。右击设计区中的元素，从弹出的快捷菜单中选择【转换为元件】命令，打开【转换为元件】对话框，然后转换为元件。有关【转换为元件】对话框中的设置可以参考【创建新元件】对话框的设置。

将动画转换为【影片剪辑】元件

在制作一些较为大型的Flash动画时，不仅仅是设计区中的元素，很多动画效果也需要重复使用。在FlashCS5中是不能直接将动画转换为【影片剪辑】元件的，可以使用复制图层的方法，将动画转换为【影片剪辑】元件。

在当前位置编辑元件

在当前位置编辑元件，可以在编辑元件的过程中，更加方便地参照其他对象在舞台中的相对位置。要在当前位置编辑元件，可以在舞台上双击元件的一个实例，或者在舞台上选择元件的一个实例，右击后在弹出的快捷菜单中选择【在当前位置编辑】命令，或者在舞台上选择元件的一个实例，然后选择【编辑】|【在当前位置编辑】命令，进入元件的编辑状态。如果要更改注册点，可以在舞台上拖动该元件，拖动时一个十字光标会表明注册点的位置。

在新窗口中编辑元件

要在新窗口中编辑元件，可以右击设计区中的元件，在弹出的快捷菜单中选择【在新窗口中编辑】命令，直接打开一个新窗口，并进入元件的编辑状态。

在元件编辑模式下编辑元件

双击【库】面板中的元件图标。在【库】面板中选择该元件，单击【库】面板右上角的按钮，在打开的【库面板】菜单中选择【编辑】命令。在【库】面板中右击该元件，从弹出的快捷菜单中选择【编辑】命令。在舞台上选择该元件的一个实例，右击后从弹出的快捷菜单中选择【编辑】命令。在舞台上选择该元件的一个实例，然后选择【编辑】|【编辑元件】命令。在执行了上述的任一操作后，将进入元件编辑模式，对元件进行编辑操作。

退出编辑状态

单击设计区左上角的【返回】按钮，返回上一层编辑模式。单击设计区左上角场景按钮，返回场景。

选择【编辑】|【编辑文档】命令，在元件的编辑模式下，双击元件内容以外的空白处。

实例是指位于舞台上或嵌套在另一个元件内的元件副本。实例可以与它的元件在颜色、大小和功能上有差别。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。创建实例选择时间轴上的某帧的某个图层，将库中已有的元件拖拽到舞台上实例及其创建“属性”面板实例名称实例类型位置和大小实例的属性色彩效果样式：无：不设置颜色效果亮度：用来调整实例的相对亮度和安度。-100%~100%，-100%为白色，100%为黑色色调：用来增加某种色调，可用颜色拾取器，也可直接输入0%~100%，0%不受影响，100%完全取代原有颜色高级：用于调整实例的红、绿、蓝和透明度。Alpha（不透明度）0%~100%，0%完全不可见，100%完全可见实例的属性（2）循环（仅图形元件）循环：按照当前实例占用的帧数来循环包含在该实例内的所有动画序列。播放一次：从指定帧开始播放动画序列直到动画结束，然后停止。单帧：显示动画序列的一帧；指定要显示的帧。实例的属性（3）交换：替换当前指定给

所选实例的元件打开“交换元件”对话框“属性”面板中的“交换”按钮“直接复制元件”按钮实例的属性（4）分离实例：断开实例与元件之间的链接，可修改实例且不影响元件本身和该元件的其它实例。选中实例，然后“修改|分离”或快捷键Ctrl+B调用其它文档中的元件“文件|导入|打开外部库”选择要打开的文档后，单击“打开”，打开该文档的“库”面板即可使用分离实例、调用其它文档中的元件库是存储和组织管理flash中

创建的各种元件的地方打开“库”面板菜单项“窗口|库”快捷键Ctrl+L“库”面板的构成面板菜单库名、“固定当前库”按钮、

“新建库面板”按钮预览窗口搜索栏库元件列表、“排序”按钮按钮：新建元件、新建文件夹、属性、删除库面板专用库：存放各自Flash文档中创建的元件。公用库：Flash附带的范例公用库，或者自定义创建的公用库。声音按钮类专用库与公用库公用库

在FlashCS5中还自带了公用库，使用公用库中的项目，可以直接在设计区中添加按钮或声音等。要使用公用库中的项目，选择【窗口】|【公用库】，在弹出的级联菜单中选择一个库类型，即可打开该类型公用库面板，可以选择【库–学习交互】、【库–按钮】面板和【库–类】面板3种公用库面板。

外部库

在制作Flash动画时，如果我们想要使用别的Flash文档中的元素，那么可以使用外部库，这意味着我们可以在不用打开别的Flash文档的情况下，使用其他文档中的素材。要导入外部库，可以选择【文件】|【导入】|【打开外部库】命令，在打开的【作为库打开】对话框中，选择要作为外部库的Flash文档，然后单击【