《《Flash基础教程与创作实例》-王立新-电子教案 第5章 使用元件、实例和》由会员分享，可在线阅读，更多相关《《Flash基础教程与创作实例》-王立新-电子教案 第5章 使用元件、实例和（50页珍藏版）》请在金锄头文库上搜索。
1、第5章 使用元件、实例和库,内容概述 元件是在Flash中创建的图形、按钮或影片剪辑。元件只需创建一次，然后就可以重复使用。实例是舞台上的元件副本，编辑元件会更新它所有的实例，但对元件的一个实例应用效果则只更新该实例。元件在创作或运行时，可以作为共享库资源在文档间共享。使用元件、实例和库可以减少重复性工作，共享劳动成果，为创作出优秀的Flash作品提供帮助。,教学目标,1掌握元件、实例和库资源的基本概念，能够明确区分出元件、实例和库资源的差别，能够辨别出元件、实例和库资源之间的关系。 2学习如何创建和编辑元件，能够熟练的从系统中创建图形、按钮和影片剪辑三种元件，以及如何将已有的图形和电影剪辑转
2、换为元件，对已创建好的元件，能够熟练的进行编辑。 3了解实例的概念和好处，学习如何创建和编辑实例，如何改变实例属性和实例类型。 4了解库所包含的内容，熟悉库面板和相关操作，掌握处理库项目和编辑库项目的方法，了解公共库的内容。,5.1 关于元件、实例和库资源,元件是一种可重复使用的图形、按钮、或者影片剪辑等对象，而实例是元件在舞台上的一次具体使用。 通过在 Flash 文档中仅保存元件的一个副本，可以缩小文档文件的大小。元件是一种可重复使用的图形、按钮、或者影片剪辑等对象，而实例是元件在舞台上的一次具体使用。重复使用实例不会增加文件的大小，是使文档文件保持较小的策略中很好的一部分。所以对于一个具
3、有大量重复元素的动画来说，只要对元件作了修改，系统将自动地更新所有的实例。元件还简化了文档的编辑；当编辑元件时，该元件的所有实例都相应地更新以反映编辑。元件的另一个好处是使用它们可以创建完善的交互性。 通过在 Flash 文档中仅保存元件的一个副本，可以缩小文档文件的大小。,元件可以像按钮或图形那样简单，也可以像影片剪辑那样复杂。创建元件后，必须将其存储到 “库”面板中。 “库”面板存储并管理文档中的所有元件。要再次使用某个元件，请将它从 “库”面板拖动到 “舞台”上。这样， Flash 会在舞台上创建该元件的一个新实例。实例其实只是对原始元件的引用，它通知 Flash “在该位置绘制指定元件
4、的一个副本”。 通过使用元件和实例，可以使资源更易于组织，使 Flash 文件更小。此外，您还可以通过编辑元件来更新特定元件的所有实例的外观和行为。这些更改随即会反映到整个文档中该元件的所有实例中。,5.2 创建和编辑元件,5.2.1 元件的类型 5.2.2 创建新元件 5.2.3 将选定元素转换为元件 5.2.4 将舞台上的动画转换为影片剪辑 5.2.5 创建按钮元件 5.2.6 复制元件 5.2.7 编辑元件,5.2.1 元件的类型,在Flash中元件有图形、按钮、影片剪辑三种。不同的元件类型可产生不同的交互效果，因此利用元件能创建丰富多彩的动画。 （1）影片剪辑元件 影片剪辑元件即是一段
5、Flash动画，它是主动画的一个组成部分，它可独立于主动画进行播放。因此当播放主动画时，影片元件也在循环播放。 （2）按钮元件 按钮元件用于创建动画的交互控制按钮，以响应鼠标事件（如单击、滑过等）。按钮有4个不同的状态，可以分别在按钮的不同状态上创建内容，可是静止图形，也可是动画或影片，可以给按钮添加事件的交互动作，使按钮具有交互功能。 （3）图形元件 该元件是可反复使用的图形，图形元件可以是只含一帧的静止图片，也可以制作成由多个帧组成的动画。图形元件是制作动画的基本元素之一，但它不能添加交互、行为和声音控制。,5.2.2 创建新元件,利用菜单命令创建新元件 其创建方法如下： （1）单击“插入
6、”/“新建元件”命令，或用快捷键Ctrl+F8打开“新建元件”对话框， （2）在“名称”文本框中输入要创建的元件名如“皮球”。 （3）在“类型”项中选择“图形”单选项。 （4）单击确定按钮，一个名称为皮球的图形元件就建立，在元件编辑区的上方出现一个图形元件图标 此时Flash自动进入图形元件的编辑状态。 （5）使用绘图工具在图形元件编辑区中绘制需要的图形，或从其他位置导入图形。,5.2.3 将选定元素转换为元件,可以选择舞台上的图形并将它转换为图形元件。 （1） 在“工具”面板中，单击 “选择”工具。 （2） 在舞台上，在图形周围拖动，将其选中。 （3）选择“修改”/ “转换为元件”。 （4）
7、在“转换为元件”对话框中，输入古典乐器 作为名称并选择“图形”作为行为。 注意:注册网格使用黑色的小正方形来指示注册点位于元件限制框内的哪个位置。注册点是元件旋转时所围绕的轴，也是元件对齐时所沿的点。单击网格中的左上正方形选择注册点位置，然后单击“确定”。 （5）舞台上的乐器 现在是 古典乐器 元件的实例。可以用属性检查器显示图形元件实例的属性。 （6）打开“库”面板 （“窗口”/“库”）查看元件。 您将在“库”面板中找到“古典乐器”元件。Flash 将元件存储在库中。每个文档都有它自己的库，并且可以在不同的 FLA 文件之间共享库。,5.2.4 将舞台上的动画转换为影片剪辑,影片剪辑元件在许
8、多方面都类似于文档内的文档。此元件类型自己有不依赖主时间轴的时间轴。您可以在其它影片剪辑和按钮内添加影片剪辑以创建嵌套的影片剪辑。您还可以使用属性检查器为影片剪辑的实例分配实例名称，然后在 ActionScript 中引用该实例名称。除了新建元件和将对象转换为元件外，也可将已完成的小动画转换成影片元件，如果已经在场景中创建了一幅动画，并且以后可能还要用到它，或者希望将它作为实例来处理，则可以选取这个动画，并将它转换成一个影片元件。,（1） 在时间轴上从左上向右下拖动鼠标，选取要转换动画的所有层上的所有帧 （2）单击：“编辑”/“时间轴”/“复制帧”命令，或在选取的帧上单击右键从弹出的快捷菜单中
9、选择“复制帧”命令。,（3）单击“插入”/“新建元件”命令，在弹出的“创建新元件”对话框中输入元件的名称，并选择“影片剪辑”选项，单击“确定”按钮，进入影片剪辑元件编辑窗口。 （4）在第一帧上右击鼠标选择“粘贴帧”命令，或者单击“编辑” /“时间轴” /“粘贴帧”命令，即可将复制的帧粘贴到时间轴上,（4）在第一帧上右击鼠标选择“粘贴帧”命令，或者单击“编辑” /“时间轴” /“粘贴帧”命令，即可将复制的帧粘贴到时间轴上。,5.2.5 创建按钮元件,按钮实际上是四帧的交互影片剪辑。当为元件选择按钮行为时， Flash 会创建一个四帧的时间轴。前三帧显示按钮的三种可能状态，第四帧定义按钮的活动区域
10、。时间轴实际上并不播放，它只是对指针运动和动作做出反应，跳到相应的帧。要制作一个交互式按钮，可把该按钮元件的一个实例放在舞台上，然后给该实例指定动作。必须将动作指定给文档中按钮的实例，而不是指定给按钮时间轴中的帧。 若在“新建元件”对话框中选择“按钮”项则进入按钮编辑工作区，工作区上方出现图标，并且时间轴由“弹起”、“指针经过”、“按下”、“点击”四部分组成,时间轴中四个状态帧的用途,时间轴中四个状态帧的用途如下： 弹起：表示鼠标指针未移到按钮上时的状态，即是按钮的正常状态。该帧是空关键帧，单击该帧可以创建按钮的状态。 指针经过：表示指针移到按钮上时的状态，在该帧上要插入关键帧，再创建指针移动
11、过按钮时的状态。一般该帧相对于弹起帧应有所改变。如可以定义当鼠标指针移到按钮上时按钮变色或放大等。对于文字按钮可以定义当鼠标拖动到按钮上时，文字变亮等效果。 按下：表示按下按钮时的状态。在该帧上也需插入关键帧，再创建鼠标按下按钮的状态。对于图形按钮来说，定义按钮被按下的效果比未被按下要小一些，这样当按下按钮时，按钮自动缩小，出现动态效果。 点击：表示鼠标能单击到按钮时的范围，该帧画面不显示在工作中，只用来表示作用范围。它可以使用一个实心的图形来代替，便于鼠标对按钮发生作用。,创建该元件的实例,（1）选择“编辑”/“取消全选”来确保没有选择舞台上的任何内容。 （2）选择“插入”/“新建元件”，或
12、者按 Control+F8。要创建按钮，可将按钮帧转换为关键帧。 （3）在“创建新元件”对话框中，输入新按钮元件的名称；对于“类型”，请选择“按钮”。Flash 会切换到元件编辑模式。时间轴的标题会变为显示四个标签分别为“弹起”、“指针经过”、“按下”和“点击”的连续帧。第一帧（“弹起”）是一个空白关键帧。 （4）要创建弹起状态的按钮图像，可以使用绘画工具、导入一幅图形或者在舞台上放置另一个元件的实例。您可以在按钮中使用图形或影片剪辑元件，但不能在按钮中使用另一个按钮。如果要把按钮制成动画按钮，可使用影片剪辑元件。 （5）单击标示为“指针经过”的第二帧，然后选择“时间轴”/“关键帧”。Flas
13、h 会插入复制了“一般”帧内容的关键帧。,（6）将按钮图像更改为“指针经过”状态。 （7）为“按下”帧和“点击”帧重复步骤 5 和步骤 6。 “点击”帧在舞台上不可见，但它定义了单击按钮时该按钮的响应区域。确保“点击”帧的图形是一个实心区域，它的大小足以包含“弹起” 、“按下”和“指针经过”帧的所有图形元素。它也可以比可见按钮大。如果没有指定“点击”帧，“一般”状态的图像会被用作“点击”帧。 您可以创建一个脱节的图像变换，在该图像变换中，将指针移到按钮上将导致舞台上的另一个图形发生变化。要这样做，可把“点击”帧放在一个不同于其他按钮帧的位置上。,（8）要为按钮状态指定声音，请在时间轴选择该状态
14、帧，选择“属性面板”/“声音”中选择一种声音。 （9）完成之后，选择“编辑”/“编辑文档”。从“库”面板中拖出按钮元件即可在文档中创建该元件的实例。,5.2.6 复制元件,创建元件后，您可以在文档中重复使用它的实例。您可以修改单个实例的以下实例属性，而不会影响其它实例或原始元件：颜色、缩放比例、旋转、Alpha 透明度、亮度、色调、高度、宽度和位置。如果稍后编辑元件，则该实例除了获得元件编辑效果外，还保留它修改后 的属性。,您现在将直接复制乐器的实例，然后改变副本的色调。 （1）在舞台上，选择乐器。按 Alt 键并将乐器向右拖动以创建另一个实例。如图1所示。 （2）保持副本处于选中状态，从属性
15、检查器的 “颜色”下拉菜单中选择“色调”。如图2所示。,（3）在 RGB 区域中，在“红色”弹出菜单中输入 0，在“绿色”弹出菜单中输入 255，在“蓝色”弹出菜单中输入 0。然后按 Enter 键。重复的实例变为蓝色，但原始实例保持不变。如图所示。,5.2.7 编辑元件,通过双击元件的任何实例可以进入元件编辑模式。在元件编辑模式下进行的更改会影响该元件的所有实例。 （1）执行以下其中一项操作可以进入元件编辑模式： 在舞台上，双击乐器实例之一： 在“库”面板中，双击 乐器 元件。 元件的名称会出现在场景 1 的旁边、工作区的顶部，这表明您处于指定元件的元件编辑模式下。 （2）在“工具”面板中，
16、选择“任意变形”工具，并在最下面的乐器周围拖动以选择整个汽车。 在元件编辑模式下，该乐器为图形，您可以在元件内像对其它任何矢量图形一样对它进行操作,5.3 创建和编辑实例,5.3.1 创建实例 5.3.2 改变实例的颜色和透明度 5.3.3 交换元件实例 5.3.4 改变实例类型 5.3.5 设置图形实例的动画 5.3.6 分离实例 5.3.7 查看实例信息,5.3.1 创建实例,创建元件之后，可以在文档中任何需要的地方（包括在其它元件内）创建该元件的实例。当您修改元件时，Flash 会更新元件的所有实例。 当您创建影片剪辑和按钮实例时，Flash 将为它们指定默认的实例名称。可以在“属性”检查器中将自定义的名称应用于实例。 （1）在时间轴上选择一层。 Flash 只可以把实例放在关键帧中，并且总在当前层上。如果没有选择关键帧，Flash 会将实例添加到当前帧左侧的第一个关键帧上。 (2）选择“窗口”/“库”来打开库。 （3）将该元件从库中拖到舞台上。 （4）如果已经创建了图形元件的实例，请选择“插入”/“时间轴”/“帧”来添加一定数量的帧，这些帧将会包含该图形元
