1、第4章 使用元件、实例和库,4.1 元件、实例和库资源 4.2 创建元件 4.3 创建和编辑实例 4.4 使用库和共享资源 4.5 应用实例 4.6 习题和实验指导,主目录,4.1 元件、实例和库资源,元件是Flash中非常重要的概念，元件使得Adobe Flash CS3功能强大，也是动画体积小的主要原因之一。本节主要介绍元件、实例和库的基本本概念。,4.1.1 元件,元件是存放在元件库中的图形、按钮、影片剪辑或者引入的音频文件和视频文件，是Flash中最重要的概念之一。用户可以创建或导入一些元件，当需要时打开元件库，直接引用元件。元件只需要创建一次，便可在flash文档中重复使用。所以在动
2、画制作过程中，用户可以根据需要重复使用某个元件。使用元件可以简化编辑，这是由于修改某个元件后，将使所有对应的多个实例随之更新，而不必逐一更改，如果将多个分离的图形元素合并成一个元件，需要的存储空间将大大减少。一个元件的多个实例只占用一个元件的空间。,4.1.2 实例,实例就是将元件从元件库拖到舞台的一个引用，是元件在舞台中的具体体现。当把元件从库中拖入到舞台就成了实例。用户可以在舞台中对实例进行任意改动，但是这些改动只是针对所选实例，并不改变元件的本身。但当编辑元件库中的元件时，该元件所对应的所有实例将会更新。,4.1.3 库,选择“窗口”“库”菜单命令或CtrlL快捷键，可打开“库”面板。如
3、果是新建的Flash文件，“库”面板中暂时没有任何元件存在，如果是打开的一个Flash文件，该文件中有创建的元件，这些元件会显示在”库”面板中。“库”面板专门用于元件的存储与管理。在创作动画时，用户可以直接从”库”面板拖曳元件到场景中用于动画制作。用户还可以将元件作为共享库资源在文档之间共享。,本章目录,4.2 创建元件,元件是动画制作中极为重要的一个环节，本节将就元件的制作与处理作详细地介绍。,4.2.1 元件的类型,在Flash中创建的元件分为三种：图形元件、按钮元件和影片剪辑元件。 1. 图形元件图形元件主要用来制作动画中的静态图形，没有交互性。它有相对独立的编辑区域和播放时间，当应用到
4、场景中时，会受到当前场景中帧序列和其他交互式设置的影响。交互式控件和声音在图形元件的动画序列中不起作用。 2. 按钮元件使用按钮元件可以创建交互式按钮，通过事件来激发它的作用。按钮元件有4中状态，即弹起、指针经过、按下和单击，每种状态都可以通过图形、元件以及声音来定义。当用户创建了按钮时，就可以给按钮的实例分配动作。 3. 影片剪辑元件使用影片剪辑元件可以创建可重用的动画片段。它是Flash中用途最多、功能最强的元件。影片剪辑拥有它们自己独立于主时间轴的多帧时间轴，可以创建独立于时间轴而播放的动画。在场景中，如果要产生动画效果必须给它足够长度的帧，但是，影片剪辑元件中的动画是一段动画的循环，在
5、主时间轴上只占据一帧。影片剪辑元件可以包含交互式控件、声音和其它影片剪辑实例，也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。,4.2.2 创建新元件,可以通过舞台上选定的对象来创建元件，也可以创建一个空元件，然后在元件编辑模式下制作或导入内容，并在Flash中创建字体元件。元件可以拥有Flash的所有功能，包括动画。 通过使用包含动画的元件，用户可以创建包含大量动作的 Flash 应用程序，同时最大程度地减小文件大小。 如果一个元件中包含重复或循环的动作，例如鸟的翅膀上下翻飞，则应该考虑在元件中创建动画。若要向文档添加元件，请在创作时或在运行时使用共享库资源。下图是元件的一个实例
6、。,4.2.3 将选定对象转换为元件,在Adobe Flash CS3中，也可以将在舞台中绘制的对象直接转换为元件，操作方法是：先选择对象，然后选择“修改”“转换为元件”菜单命令，或者选择需要转换的对象，单击鼠标右键，在弹出的下拉菜单中选择“转换为元件”可弹出如下图所示的对话框。设定元件名字后，根据需要可设定要转换成元件的类型。,4.2.4 将动画转换成影片剪辑,如果要在舞台上重复使用一个动画序列或将其作为一个实例操作，则可将该动画序列转换为影片剪辑元件。下图是转换的一个示例。左图是在舞台中制作的动画界面，右图是转换为影片剪辑元件后的界面。,4.2.5 创建图形元件,创建图形元件的方法有二种：
7、一种是通过菜单操作进行，即，选择“插入”“新建元件”菜单命令，然后在创建新元件对话框中，选择图形元件类型，再单击“确定”；另一种是先在Flash文档中编辑图形，然后将编辑的图形选中，选择“修改”“转换为元件”菜单命令或在选中的对象上，单击鼠标右键，在弹出的快捷菜单中，选择“转换为元件”，并进行元件类型的设置。也将其它元件转换为图形元件。新建图形元件的方法在4.2.2已有详述，不再赘述。,4.2.6 创建影片剪辑元件,创建影片剪辑元件的方法有二种：一种是通过菜单操作进行，即，选择“插入”“新建元件”菜单命令，然后在创建新元件对话框中，选择“影片剪辑”元件类型，再单击“确定”；另一种是4.2.4所
8、述方法，不再赘述。下图是影片剪辑元件的创建示例，其中，采用了形状补间。,4.2.7 创建按钮元件,按钮元件不是一个单一的图形，当用鼠标指针移动到按钮上或单击时，可以产生交互。按钮实际上是四帧的交互影片剪辑。 当为元件选择按钮行为时，Flash 会创建一个包含四帧的时间轴。 前三帧显示按钮的三种可能状态；第四帧定义按钮的活动区域。 时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳转到相应的帧。要制作一个交互式按钮，可把该按钮元件的一个实例放在舞台上，然后给该实例指定动作。必须将动作分配给文档中按钮的实例，而不是分配给按钮时间轴中的帧。按钮元件一般有四个帧，分别为： 第一帧是弹起状态，代表
9、指针没有经过按钮时该按钮的状态。 第二帧是指针经过状态，代表指针滑过按钮时该按钮的外观。 第三帧是按下状态，代表单击按钮时该按钮的外观。 第四帧是单击状态，定义响应鼠标单击的区域。此区域在SWF文件中是不可见的。,4.2.8 复制元件,元件的复制需要事先打开“库”面板，方法是选择 “窗口”“库”菜单命令或按快捷键CtrlL。打开的“库”面板。复制的方法有两种：一是单击“库”面板右上角倒立小三角形，在弹出下拉菜单中选择复制；二是选中图中“元件1”，单击鼠标右键，在快捷菜单中，选择“复制”。,4.2.9 编辑元件,在动画制作过程中，通常需要对创建的元件进行修改，这就是元件的编辑。编辑元件时，Fla
10、sh 会更新文档中该元件的所有实例。用户可以通过以下方式编辑元件：1. 使用“在当前位置编辑”命令在舞台上与其它对象一起进行编辑。其它对象以灰显方式出现，从而将它们和正在编辑的元件区别开来。 正在编辑的元件的名称显示在舞台顶部的编辑栏内，位于当前场景名称的右侧。2. 在单独的窗口中使用“在新窗口中编辑”命令。在单独的窗口中编辑元件使用户可以同时看到该元件和主时间轴。正在编辑的元件的名称会显示在舞台顶部的编辑栏内。使用元件编辑模式，可将窗口从舞台视图更改为只显示该元件的单独视图来编辑它。 正在编辑的元件的名称会显示在舞台顶部的编辑栏内，位于当前场景名称的右侧。当用户编辑元件时，Flash 将更新
11、文档中该元件的所有实例，以反映编辑的结果。编辑元件时，可以使用任意绘画工具、导入媒体或创建其它元件的实例。3. 通过使用任意元件编辑方法来更改元件的注册点，该点由坐标(0,0)标识。,本章目录,4.3 创建和编辑实例,元件的引用，就是实例。在很多情形下，元件只是具体应用的共性，不同的应用情况，还需要修改。这就涉及实例的创建和编辑。,4.3.1 创建实例,创建元件之后，可以在文档中任何地方（包括在其它元件内）创建该元件的实例。 当用户修改元件时，Flash 会更新元件的所有实例。创建的方法就是：直接将元件拖进Flash文档的舞台。可以在属性检查器中为实例提供名称。在ActionScript中使用
12、实例名称来引用实例。 若要用ActionScript来控制实例，则需要为单个时间轴内的每个实例提供唯一的名称。若要指定色彩效果、分配动作、设置图形显示模式或更改新实例的行为，则要使用属性检查器。 除非用户另外指定，否则实例的行为与元件行为相同。所做的任何更改都只影响实例，并不影响元件。,4.3.2 编辑实例的属性,每个元件实例都各有独立于该元件的属性。可以更改实例的色调、透明度和亮度；重新定义实例的行为（例如，把图形更改为影片剪辑）；并可以设置动画在图形实例内的播放形式。 也可以倾斜、旋转或缩放实例，这并不会影响元件。 此外，可以给影片剪辑或按钮实例命名，这样就可以使用 ActionScrip
13、t 更改它的属性。 有关详细信息，将在后面的 ActionScript章节中学习。 若要编辑实例属性，可使用属性检查器，操作方法是先选定实例，然后执行如下菜单操作：“窗口”“属性”“属性”。实例的属性用它来保存。如果编辑一个元件或将一个实例重新链接到不同的元件，则任何已经更改的实例属性仍将应用于该实例。,4.3.3 交换实例,在Flash动画制作过程中，有时候需要用一个被使用的元件替换另一个被使用的元件。这就涉及到元件的交换问题。交换实例的操作步骤是：（1）选择被替换的实例。（2）打开属性面板，即选择“窗口”“属性”“属性”菜单命令。（3）单击如下图4左图中所示的“交换”按钮，并在右图中选择用
14、来替换的元件，单击“确定”即可实现实例的交换。,4.3.4 改变实例类型,在Flash动画制作过程中，也可以改变实例的类型，操作方法是：（1）选定需要改变类型的实例对象。（2）打开属性栏，即选择“窗口”“属性”“属性”菜单命令。（3）将属性栏右上角的实例的类型更改为目标类型即可，如下图所示。,4.3.5 设置图形实例的动画播放特性,利用属性面板，用户还可以设置如何播放图形元件实例中的动画，如循环播放、只播放一次、或只播放单帧。这里需再次强调，与影片剪辑不同的是，图形元件实例使用的是主影片的时间轴，而影片剪辑实例则有自己独立的时间轴。要设置图形元件实例的动画播放特性，可首先选择实例，然后在属性面
15、板中的“图形选项”下拉菜单列表中进行选择，如下图所示。,4.3.6 分离实例,要断开一个实例与一个元件之间的链接，并将该实例放入未组合形状和线条的集合中，可以“分离”该实例。 此功能对于实质性更改实例而不影响任何其它实例非常有用。 如果在实例之后修改该源元件，并不会用所作的更改来更新该实例。（1）在舞台上选择该实例。 （2）选择“修改”“分离”菜单命令。此操作将该实例分离成它的几个组件图形元素。（3）要修改这些元素，请使用涂色和绘画工具。下图是分离实例的一个示例。,4.3.7 查看实例信息,创建Flash应用程序时，特别是在处理同一元件的多个实例时，识别舞台上的元件的特定实例很困难的，可以使用
16、“属性”面板、“信息”面板或“影片浏览器”进行识别。 在“属性”面板中，可以查看实例的行为和设置，对于所有实例类型，均可查看色彩效果设置、位置和大小，也显示了元件注册点或元件左上角的x和y坐标。选择“窗口”“信息”菜单命令，打开信息面板，如下左图所示。在“信息”面板中，可以查看实例的大小和位置、实例注册点的位置、实例的颜色值和Alpha值以及指针的位置等。选择“窗口”“影片浏览器”菜单命令，可打开如下右图所示的“影片浏览器”面板，在“影片浏览器”面板中可以查看当前文档的内容，其中主要包括实例和元件。选择“窗口”“动作”菜单命令，打开动作面板，在“动作”面板中可查看分配给按钮或影片剪辑的所有动作
17、。,本章目录,4.4 使用库和共享资源库,“库”面板专门用于存储和管理元件。在创作动画时，用户可以直接从“库”面板中拖曳元件到场景中用于动画制作，也可以将元件作为共享库资源在文档之间共享。,库资源的使用和管理,1. “库”面板的使用和管理Flash中的元件都存储在“库”面板中。用户可以在“库”面板中对元件进行使用和管理。选择“窗口”“库”菜单命令，可打开“库”面板。如果打开的是一个Flash文件，该文件中有创建的元件，则这些元件会显示在“库”面板中如下左图所示。2. 公共库Adobe Flash CS3自带了很多元件，分别存放在3个不同的库中，可以供用户直接使用。选择“窗口”“公共库”菜单命令，就可打开Adobe Flash CS3提供的公共库，其包括学习交互、按钮和类三种类型。如下右图所示。,本章目录,4.5 应用实例,实例1：制作转动的风车在本应用实例中，通过绘制如下图所示的转动的风车，来加强对元件和实例概念的认识，掌握元件和实例的使用。,实例2：制作按钮元件制作的按钮元件如下图所示，具体步骤见教材。,本章目录,4.6 习题和实验指导,完成课后习题，并在教师指导下，完成相关实验。,本章目录,
