[免积分]Flash_CS5_动画制作基础_第6章_元件、实例和库

《[免积分]Flash_CS5_动画制作基础_第6章_元件、实例和库》由会员分享，可在线阅读，更多相关《[免积分]Flash_CS5_动画制作基础_第6章_元件、实例和库（36页珍藏版）》请在金锄头文库上搜索。

1、第6章 元件、实例和库 元件 实例 库 本章主要内容： 6.1 元件 6.1.1 元件的类型 6.1.2 创建元件层 6.1.3 编辑元件 6.1.4 实战范例制作按钮元件 Flash的元件有3种类型: 影片剪辑（即MovieClip，简称为MC） 图片（即Graphic） 按钮（Button）。 6.1.1元件的类型 6.1.1元件的类型 1影片剪辑 影片剪辑实际上是可重复使用的动画片段，其拥有相对于主时 间轴独立的时间轴，也拥有相对于舞台的主坐标系独立的坐标系。 它是一个容器，可以包含一切素材，如用于交互的按钮、声音、图 片和图形等，甚至可以是其他的影片剪辑。同时，在影片剪辑中也 可以添加

2、动作脚本来实现交互和复杂的动画操作。通过对影片剪辑 添加滤镜或设置混合模式，可以创建各种复杂的效果。在影片剪辑 中，动画是可以自动循环播放，当然也可以用脚本来进行控制。 6.1.1 元件的类型 2按钮 按钮用于在动画中实现交互，有时也可以使用它来实现某 些特殊的动画效果。一个按钮元件有4种状态，它们是弹起、指 针经过、按下和点击，每种状态可以通过图形或影片剪辑来定 义，同时可以为其添加声音。在动画中一旦创建了按钮，就可 以通过ActionScript脚本来为其添加交互动作。 6.1.1 元件的类型 3图形 图形是元件的一种最原始的形式，其与影片剪辑相类似， 可以放置其他元件和各种素材。图形元件

3、也有自己的独立的时 间轴，可以创建动画，但其不具有交互性，无法像影片剪辑那 样添加滤镜效果和声音。 6.1.2 创建元件 在Flash中，创建元件实际上是利用元件自身的时间轴 进行动画创作的过程。要创建元件，一般有两种方法，一 种方法是将舞台上的选定对象转换为元件。另一种方法是 创建一个空白元件，然后绘制或导入需要的对象。 1转换为元件 在舞台上绘制或导入对象后，可以将其转换为对象。在 舞台上选中对象，选择【修改】|【转换为元件】命令（或按 【F8】键）。此时将打开【转换为元件】对话框，在【名称 】文本框中输入元件名称。在【类型】下拉列表中选择元件 类型，如这里选择【图形】将其转换为图形元件。

4、 6.1.2 创建元件 6.1.2 创建元件 2新建元件 选择【插入】|【新建元件】命令（或按【Ctrl+F8 】键将打开【创建新元件】对话框，在其中设置元件名 称和元件类型后，单击【确定】按钮，Flash会将元件添 加到库中，同时打开该元件的编辑窗口，在该窗口中即 可直接创建需要的元件内容。 1在当前位置编辑元件 在舞台上双击元件实例即可进入元件的编辑模式，此时 其他对象呈灰色显示，处于不可编辑状态。同时，正在编辑 的元件的元件名显示在舞台上方。用户此时对元件进行编辑 ，完成编辑后，单击窗口上的“返回”按钮 或在窗口的空白 处双击，即可退出当前元件编辑状态。 6.1.3 编辑元件 6.1.3

5、 编辑元件 2在新窗口中编辑元件 在新窗口中编辑元件是指在一个单独的窗口中对元件进行 编辑，此时在窗口中将只能看到被编辑元件的内容和时间轴， 舞台上其他对象都看不到。在舞台上鼠标右击需要编辑的元件 ，在关联菜单中选择【在新窗口中编辑】命令（或在【库】面 板中双击需要编辑的元件）即可进入元件编辑状态。完成编辑 后，关闭该窗口即可。 6.1.4 实战范例制作按钮元件 1范例简介 本例介绍按钮元件的制作方法。在程序运行时，按钮有4种 状态，这4种状态是由时间轴上的4个帧来体现的，本例将只制 作按钮元件的3种状态，它们分别是按钮的弹起、指针移过和按 下状态，这3种状态通过显示不同的颜色来区分。为了简化

6、制作 ，这里按钮按下状态和点击状态使用相同的效果图。通过本例 的制作，读者将掌握按钮的制作思路以及元件的创建和编辑的 知识，同时将进一步熟悉图形的绘制和对图形应用渐变效果来 创建特效的技巧。 2制作步骤： 略。请参看教材或者 观看配盘上的视频教 程。 6.2 实例 6.2.3 按钮实例 6.2.2 影片剪辑实例 6.2.1 图形实例 6.2.4 改变实例 6.2.5 实战范例诗配画 6.2.1 图形实例 1【属性】面板简介 图形元件一般包括静态的图形对象或是与影片的主时间 轴同步的动画。将图形元件放置到舞台上，选择该实例后， 可以在【属性】面板中对实例进行设置。 在创建元件后，在文档的任何位置

7、使用该元件就可以得到元 件的实例，如将元件拖放到舞台上，舞台上就增加了该元件的一 个实例。可以对实例进行任意的缩放和添加滤镜等操作，这些操 作都不会对元件本身产生任何影响。当对元件进行修改后， Flash会更新该元件的所有实例。 6.2.1 图形实例 2改变实例色彩 每个元件都有自己的色彩效果，要想在实际应用中改变这个 效果，可以在【属性】面板的【色彩效果】栏用于改变实例的 色彩效果。在该栏中，【样式】下拉列表包含【无】、【亮度 】、【色调】、【高级】和【Alpha】这5个选项，在下拉列表 中选择相应的设置项，即可对实例进行设置。 6.2.1 图形实例 3循环 【循环】栏是图形实例的一个独有设

8、置栏，其用于设置实例 跟随动画同时播放的方式。在【选项】下拉列表中选择相应的 选项即可进行设置。 【循环】：选择该选项，实例跟随动画同时进行循环播放自 身动画，在【第一帧】文本框中输入动画开始的帧。 【播放一次】：选择该选项，从指定帧开始播放动画序列， 播放完后动画停止。在【第一帧】文本框中输入指定帧的帧 数。 【单帧】：显示动画序列中的某一帧，在【第一帧】文本框 中输入需要显示的帧的帧数。 6.2.2 影片剪辑实例 将创建的影片剪辑拖放到舞台上或其他的元件内即可获得该影 片剪辑的一个实例。影片剪辑拥有自己的独立的时间轴，其播放与 主时间轴的播放没有关系。影片剪辑也是一种对象，在【属性】面 板

9、中可以对其属性进行设置。与图形实例相比，影片剪辑实例在【 属性】面板中同样可以设置位置和大小和色彩效果等，但不同的是 其可以添加滤镜效果和应用混合模式。 6.2.2 影片剪辑实例 1实例名称 在Flash中，影片剪辑是一种对象，其可以通过 ActionScript来进行调用。为了实现这种调用，需要给予影片 剪辑一个可以识别的名称，这个名称并不是该元件在【库】面 板列表中的名称。在【属性】面板的【实例名称】文本框中输 入名称，即可为影片剪辑命名。 6.2.2 影片剪辑实例 2设置实例的混合模式 对于影片剪辑来说可以像Photoshop那样处理对象之间的混 合模式，通过混合模式的设置来创建复合图像

10、效果。所谓的复 合，是改变2个或多个重叠图像的透明度或颜色关系的过程，通 过复合可以混合重叠影片剪辑中的颜色，从而创造独特的视觉 效果。 6.2.3 按钮实例 按钮实际上是一个有4帧的影片剪辑，这4个帧对应按钮的4 种不同的状态。按钮实例的时间轴不能播放，但可以感知用户 鼠标的动作，并根据鼠标动作来触发对应的事件。要设置按钮 实例的属性，可以在其【属性】面板中进行。 6.2.4 改变实例 对于创建的实例，用户可以在【属性】面板中对其进行设置 ，这里除了可以更改实例的色彩、大小和添加滤镜等操作之外 ，还可以改变实例的类型和交换实例。同时，实例也可以被分 离以便于对其进行编辑修改。 1改变实例的类

11、型 2交换实例 3分离实例 6.2.5 实战范例诗配画 1范例简介 本例介绍为国画添加古诗的过程。在本例的制作过程中， 舞台上放置纸张材质图片和一幅国画图片。使用带有黑白渐变 效果的矩形影片剪辑作为遮盖物，接合影片剪辑的混合模式的 设置，创建国画融入纸张材质中的效果。在舞台上添加文字， 通过为文字添加滤镜、设置混合模式和调整文字的色彩效果， 获得贴于国画上的古诗效果，古诗的纸张材质显示得与国画纸 张材质相同。通过本例的制作，读者将能了解影片剪辑的混合 效果和色彩调整的方法以及不同混合方式带来的不同显示效果 ，掌握将对象融于背景的制作技巧。 6.2.5 实战范例诗配画 2制作步骤 略。请参看教材

12、或者观看配盘上的视频教程。 6.3 库 6.3.2 外部库 6.3.1 库的基本操作 6.3.3 公用库 6.3.4 实战范例中秋月 6.3 库 在Flash中，库用于存放动画元素，用来存储和管理用户创 建的各种类型的元件，同时也可以放置导入的声音、视频、位 图和其他各种可用的文件。在Flash中，库就像一个仓库，在合 成动画时，只需要从这个仓库中将需要使用的“部件”拿出来，应 用到动画中即可。使用库，能够给创作带来极大的方便，省略 很多地重复操作，且可以使不同的文档之间共享各自库中的资 源。 6.3.1 库的基本操作 1新建和删除元件 2使用文件夹 3复制元件 4查看属性 6.3.2 外部库

13、 在制作动画时，用户可以使用已经制作完成的动画中的元件， 这样可以简化动画制作的工作量、节省制作事件并提高制作效率。 要使用外部库，可以采用下面的方法操作。 选择【文件】|【导入】|【打开外部库】命令打开【作为库打开】 对话框，在对话框中选择需要打开的源文件，单击【打开】按钮， 即可打开该文档的【库】面板。此时，只需在【库】面板中将需要 使用的元件拖放到舞台，该元件即成为当前文件的实例，同时该元 件将出现在当前文档的【库】面板中。 6.3.3 公用库 在Flash中，库实际上分为专用库和共用库。专用库，就是 当前文档使用的库。共用库是Flash的内置库，其不能进行修改 和相应的管理操作。在【窗

14、口】菜单的【共用库】子菜单中有3 个选项，它们是【声音】、【按钮】和【类】，分别对应Flash 中的3种共用库。 1声音库 2按钮库 3类库 6.3.4 实战范例中秋月 1范例简介 本例介绍中秋月夜场景制作过程。在本例的制作过程中，使 用图形工具绘制山峦、月亮和星星，转换为影片剪辑后，重复 使用它们，并利用【属性】面板设置影片剪辑的属性以获得需 要的特效。场景中的枝叶，使用外部“*.fla”文件的库中的元件， 简化制作过程。使用【文本工具】添加古诗，并添加滤镜。通 过本例的制作，读者将掌握【库】面板的常用使用方法和外部 库的使用方法。同时进一步熟悉通过使用滤镜来创建特效的方 法。 2制作步骤

15、略。请参看教材或者观看配盘 上的视频教程。 6.4 本章小结 本章学习Flash中元件的类型及其创建和编辑的方法，同时介 绍了在作品中使用实例的方法和技巧，最后学习了Flash的库的特 点和使用方法。通过本章的学习，读者将能够掌握元件和实例的 概念，了解它们之间的关系以及在作品中它们的不同作用。同时 ，了解Flash的库和【库】面板，能够使用【库】面板来实现对元 件的管理。 6.5 本章练习 6.6 上机练习和指导 6.6.2 蜡笔画效果 6.6.1 古画配诗梅 6.6.1 古画配诗梅 主要操作步骤指导： （1）导入背景图片和梅花图片到舞台。将梅花图片转换为影片 剪辑，在【属性】面板的【显示】栏中，将混合模式设置为【正 片叠底】。在【色彩效果】栏中的【样式】下拉列表中选择【高 级】选项，对图片的颜色进行调整。 使用提供的素材图片创建古诗画效果，效果如图6.94所示。 6.6.1 古画配诗梅 主要操作步骤指导： （2）输入文字“梅”，将文字颜色设置为黑色（其颜色值为 “#000000”），在【属性】面板的【显示】栏中将混合模式设置 为【叠加】。 （3）输入古诗，在【属性】面板中将文字颜色设置为黑色（其颜 色值为“#000000”），设置文本的字间距和行间距。在【容器和 流】栏中将笔触颜色设置为黑色，笔触宽度设置为“25像素”，以 颜色值为“#E0C49C”的颜色进