第2章掌握图层、元件与库

1、第2章掌握图层、元件与库 第2章掌握图层、元件与库 使用滤镜使用滤镜 2.4 2.5 导入素材导入素材 2.6 第2章掌握图层、元件与库 课堂学习目标课堂学习目标 熟悉元件、实例和库的基本概念熟悉元件、实例和库的基本概念 掌握元件的创建掌握元件的创建 掌握实例的各种操作掌握实例的各种操作 掌握滤镜的使用掌握滤镜的使用 掌握库面板的使用掌握库面板的使用 掌握素材的导入掌握素材的导入 第2章掌握图层、元件与库 元件可以说是元件可以说是Flash当中一个非常重当中一个非常重 要的概念，是可重复使用的图片、动画要的概念，是可重复使用的图片、动画 或按钮。或按钮。 如果把一部如果把一部Flash电影比作

2、是一座大电影比作是一座大 厦的话，那么元件就是构成这座大厦的厦的话，那么元件就是构成这座大厦的 一砖一瓦。一砖一瓦。 第2章掌握图层、元件与库 元件只需创建一次，就可以在整个元件只需创建一次，就可以在整个 文档或其他文档中重复使用。文档或其他文档中重复使用。 创建的任何元件都会自动成为当前创建的任何元件都会自动成为当前 文档的库的一部分，当将元件从文档的库的一部分，当将元件从“库库” 面板拖到当前舞台上时，舞台上就增加面板拖到当前舞台上时，舞台上就增加 了一个该元件的实例，如图了一个该元件的实例，如图2-1所示。所示。 第2章掌握图层、元件与库 图图2-1 2-1 元件、实例和库元件、实例和库

3、 第2章掌握图层、元件与库 Flash元件主要有三种类型：影片剪辑（元件主要有三种类型：影片剪辑（ MovieClip，简称，简称MC），按钮（），按钮（Button）和）和 图形图形(Graphic)。 如图如图2-2所示，在所示，在“库库”面板中显示了不面板中显示了不 同类型的元件。同类型的元件。 第2章掌握图层、元件与库 图图2-2 2-2 三种类型的元件三种类型的元件 第2章掌握图层、元件与库 影片剪辑（影片剪辑（MC）是指一段完整的）是指一段完整的 动画，有着相对于主时间轴独立的时间动画，有着相对于主时间轴独立的时间 轴和相对主坐标系独立的坐标系，它可轴和相对主坐标系独立的坐标系，它

4、可 以包含一切的素材在里面，这些素材可以包含一切的素材在里面，这些素材可 以是交互控制按钮、声音、图形和其他以是交互控制按钮、声音、图形和其他 影片剪辑等。影片剪辑等。 第2章掌握图层、元件与库 用户可以为用户可以为MC添加添加AS脚本来实现脚本来实现 交互或制作一些特殊效果。交互或制作一些特殊效果。 有时候为了实现交互、添加滤镜或有时候为了实现交互、添加滤镜或 设置混合模式，单独的图像也可以定义设置混合模式，单独的图像也可以定义 为为MC。 MC都是自动循环播放的，除非用都是自动循环播放的，除非用 AS脚本控制它，如图脚本控制它，如图2-3所示。所示。 第2章掌握图层、元件与库 图图2-3

5、2-3 影片剪辑影片剪辑 第2章掌握图层、元件与库 按钮的作用非常简单，主要用于实按钮的作用非常简单，主要用于实 现交互，有时也用来制造些特殊效果。现交互，有时也用来制造些特殊效果。 按钮共有四种状态：弹起、指针经按钮共有四种状态：弹起、指针经 过、按下和点击，如图过、按下和点击，如图2-4所示。所示。 第2章掌握图层、元件与库 图图2-4 2-4 按钮按钮 第2章掌握图层、元件与库 图形和影片剪辑类似，可以作为一图形和影片剪辑类似，可以作为一 段动画。段动画。 它拥有自己的时间轴，也可以加入它拥有自己的时间轴，也可以加入 其他的元件和素材，但是图形元件不具其他的元件和素材，但是图形元件不具

6、有交互性，也不能添加滤镜和声音，如有交互性，也不能添加滤镜和声音，如 图图2-5所示。所示。 第2章掌握图层、元件与库 图图2-5 2-5 图形图形 第2章掌握图层、元件与库 创建元件，实际上就是利用元件自创建元件，实际上就是利用元件自 身的时间轴进行动画创作的过程。身的时间轴进行动画创作的过程。 创建元件一般有以下三种方法。创建元件一般有以下三种方法。 （1）创建一个空元件，然后在元件编辑窗）创建一个空元件，然后在元件编辑窗 口中制作或导入内容。口中制作或导入内容。 （2）通过舞台上选定的对象来创建一个元）通过舞台上选定的对象来创建一个元 件。件。 （3）将已有的动画转换成元件。）将已有的动

7、画转换成元件。 第2章掌握图层、元件与库 当我们将元件从当我们将元件从“库库”中拖入舞台时，中拖入舞台时， 舞台上就增加了一个该元件的实例。舞台上就增加了一个该元件的实例。 创建元件之后，我们可以在文档中任何创建元件之后，我们可以在文档中任何 需要的地方（包括在其他元件内）创建该元需要的地方（包括在其他元件内）创建该元 件的实例。件的实例。 第2章掌握图层、元件与库 图形元件一般是静态的图片或者是图形元件一般是静态的图片或者是 和影片的主时间轴同步的动画。和影片的主时间轴同步的动画。 图形元件实例的图形元件实例的【属性属性】面板如图面板如图 2-21所示，在该面板中可以调整实例的所示，在该面板

8、中可以调整实例的 大小、位置和颜色等。大小、位置和颜色等。 第2章掌握图层、元件与库 图图2-21 2-21 图形元件实例的图形元件实例的“属性属性”面板面板 第2章掌握图层、元件与库 影片剪辑拥有自己独立的时间轴。影片剪辑拥有自己独立的时间轴。 它的播放与主时间轴没有直接关系。它的播放与主时间轴没有直接关系。 MC元件实例的元件实例的“属性属性”面板如图面板如图2-24 所示。所示。 第2章掌握图层、元件与库 图图2-24 MC2-24 MC元件实例的元件实例的“属性属性”面板面板 第2章掌握图层、元件与库 在在Flash中，影片剪辑也是一种类型中，影片剪辑也是一种类型 的对象，我们可以在的

9、对象，我们可以在“实例名称实例名称”文本文本 框中为影片剪辑命名，还可以和图形元框中为影片剪辑命名，还可以和图形元 件的实例一样调整实例的大小、位置和件的实例一样调整实例的大小、位置和 色彩效果等。色彩效果等。 第2章掌握图层、元件与库 另外，和图形实例不同的是，影片另外，和图形实例不同的是，影片 剪辑实例可以添加滤镜，可以对鼠标事剪辑实例可以添加滤镜，可以对鼠标事 件进行响应，具有交互功能。件进行响应，具有交互功能。 第2章掌握图层、元件与库 按钮实际上是一个按钮实际上是一个4帧的影片剪辑，帧的影片剪辑， 它可以感知用户的鼠标动作，并触发相它可以感知用户的鼠标动作，并触发相 应的事件。应的事

10、件。 按钮实例的按钮实例的“属性属性”面板如图面板如图2-25所所 示。示。 第2章掌握图层、元件与库 图图2-25 2-25 按钮实例的按钮实例的“属性属性”面板面板 第2章掌握图层、元件与库 按钮元件实例和影片剪辑实例类似，可按钮元件实例和影片剪辑实例类似，可 以对它命名，添加滤镜和设置混合模式，使以对它命名，添加滤镜和设置混合模式，使 用运行时位图缓存，也可以对鼠标事件进行用运行时位图缓存，也可以对鼠标事件进行 响应，具有交互功能。响应，具有交互功能。 第2章掌握图层、元件与库 每个元件实例都有独立于该元件的每个元件实例都有独立于该元件的 自己的属性。自己的属性。 我们可以更改实例的色调

11、、透明度我们可以更改实例的色调、透明度 和亮度；重新定义实例的类型（例如，和亮度；重新定义实例的类型（例如， 把图形更改为影片剪辑）；并可以设置把图形更改为影片剪辑）；并可以设置 动画在图形实例内的播放形式。动画在图形实例内的播放形式。 第2章掌握图层、元件与库 也可以倾斜、旋转或缩放实例，给也可以倾斜、旋转或缩放实例，给 实例添加滤镜和设置混合模式，这并不实例添加滤镜和设置混合模式，这并不 会影响元件本身。会影响元件本身。 第2章掌握图层、元件与库 1.改变实例的类型改变实例的类型 2.改变实例的颜色效果改变实例的颜色效果 3.交换实例交换实例 4.分离实例分离实例 第2章掌握图层、元件与库

12、 使用混合模式，可以创建复合图像。使用混合模式，可以创建复合图像。 复合是改变两个或两个以上重叠对象复合是改变两个或两个以上重叠对象 的透明度或者颜色相互关系的过程。的透明度或者颜色相互关系的过程。 使用混合，可以混合重叠影片剪辑中使用混合，可以混合重叠影片剪辑中 的颜色，从而创造独特的效果。的颜色，从而创造独特的效果。 第2章掌握图层、元件与库 在在Flash CS3 Professional中，我们可中，我们可 以为影片剪辑、按钮和文本添加滤镜，以以为影片剪辑、按钮和文本添加滤镜，以 实现某些特殊效果。实现某些特殊效果。 滤镜是一种对对象的像素进行处理以滤镜是一种对对象的像素进行处理以 生

13、成特定效果的方法。生成特定效果的方法。 使用滤镜可以让我们制作出许多意想使用滤镜可以让我们制作出许多意想 不到的效果。不到的效果。 第2章掌握图层、元件与库 例如，我们可以对对象应用模糊滤例如，我们可以对对象应用模糊滤 镜，使对象的边缘显得更柔和；或者对镜，使对象的边缘显得更柔和；或者对 对象应用投影滤镜，使对象产生立体效对象应用投影滤镜，使对象产生立体效 果。果。 需要注意的是，滤镜只能应用于文需要注意的是，滤镜只能应用于文 本、影片剪辑和按钮。本、影片剪辑和按钮。 第2章掌握图层、元件与库 为对象添加滤镜主要是通为对象添加滤镜主要是通【滤镜滤镜】 面板进行设置的。面板进行设置的。 【滤镜滤

14、镜】面板是管理面板是管理Flash滤镜的主滤镜的主 要工具，我们可以在这里增加、删除、要工具，我们可以在这里增加、删除、 复制、粘贴、启用和禁用滤镜，并且可复制、粘贴、启用和禁用滤镜，并且可 以指定滤镜的某些参数选项。以指定滤镜的某些参数选项。 第2章掌握图层、元件与库 在在【属性属性】面板中单击面板中单击【滤镜滤镜】选项选项 卡，即可打开卡，即可打开【滤镜滤镜】面板，如图面板，如图2-42所所 示。示。 如果如果【属性属性】面板没有显示，可以执面板没有显示，可以执 行菜单行菜单【窗口窗口】【属性属性】【滤镜滤镜】命命 令，打开令，打开【滤镜滤镜】面板。面板。 第2章掌握图层、元件与库 图图2

15、-42 2-42 【滤镜滤镜】面板面板 第2章掌握图层、元件与库 在在【滤镜滤镜】面板中，单击添加滤镜面板中，单击添加滤镜 按钮可以显示按钮可以显示“添加滤镜添加滤镜”菜单，其中包菜单，其中包 括投影、模糊、发光、斜角、渐变发光、括投影、模糊、发光、斜角、渐变发光、 渐变斜角和调整颜色等，如图渐变斜角和调整颜色等，如图2-43所示。所示。 第2章掌握图层、元件与库 图图2-43 2-43 “添加滤镜添加滤镜”菜单菜单 第2章掌握图层、元件与库 使用使用【滤镜滤镜】面板，可以对选定的对象面板，可以对选定的对象 应用一个或多个滤镜。应用一个或多个滤镜。 对象每添加一个新的滤镜，在对象每添加一个新的

16、滤镜，在【滤镜滤镜】 面板中，就会将其添加到该对象所应用的滤面板中，就会将其添加到该对象所应用的滤 镜列表中。镜列表中。 我们可以对一个对象应用多个滤镜，也我们可以对一个对象应用多个滤镜，也 可以删除以前应用的滤镜。可以删除以前应用的滤镜。 第2章掌握图层、元件与库 在舞台上选择对象，即可以查看应在舞台上选择对象，即可以查看应 用于该对象的所有滤镜；在应用于该对用于该对象的所有滤镜；在应用于该对 象的滤镜列表中，选择要删除的滤镜，象的滤镜列表中，选择要删除的滤镜， 单击删除滤镜单击删除滤镜 按钮，即可删除该滤按钮，即可删除该滤 镜。镜。 第2章掌握图层、元件与库 有时候我们需要将应用于某个对象

17、有时候我们需要将应用于某个对象 的滤镜，再次应用于另一个对象，这时的滤镜，再次应用于另一个对象，这时 只需要复制、粘贴该滤镜即可，而不必只需要复制、粘贴该滤镜即可，而不必 再重新添加一次了。再重新添加一次了。 第2章掌握图层、元件与库 在舞台上选择对象，在该对象应用在舞台上选择对象，在该对象应用 的滤镜列表中，单击滤镜名称旁的启用的滤镜列表中，单击滤镜名称旁的启用 或禁用或禁用 图标，即可禁用或启用该图标，即可禁用或启用该 滤镜。滤镜。 第2章掌握图层、元件与库 前面已经讲到，用户创建的任何元前面已经讲到，用户创建的任何元 件都会自动成为当前文档库的一部分。件都会自动成为当前文档库的一部分。

18、那么库到底有什么作用呢？那么库到底有什么作用呢？ 其实库是用来存储和管理导入的文其实库是用来存储和管理导入的文 件（如视频剪辑、声音剪辑、位图）、件（如视频剪辑、声音剪辑、位图）、 矢量插图以及用户创建的元件。矢量插图以及用户创建的元件。 第2章掌握图层、元件与库 库就像一座库就像一座“零件仓库零件仓库”，导入的，导入的 各种文件和创建的元件就像存放在各种文件和创建的元件就像存放在“仓仓 库库”中的中的“零件零件”。 合成动画时，我们只需要把这些元合成动画时，我们只需要把这些元 件从库中拿出来，件从库中拿出来，“装配装配”到动画中就到动画中就 可以了。可以了。 第2章掌握图层、元件与库 要在文

19、档中显示要在文档中显示“库库”面板，只需面板，只需 按下按下“Ctrl+L”快捷键即可。快捷键即可。 打开的打开的“库库”面板如图面板如图2-65所示。所示。 “库库”面板包括标题栏、预览窗口、面板包括标题栏、预览窗口、 文件列表及库文件管理工具等。文件列表及库文件管理工具等。 第2章掌握图层、元件与库 图图2-65 2-65 “库库”面板详细说明面板详细说明 第2章掌握图层、元件与库 1使用文件夹使用文件夹 2重命名重命名 3复制元件复制元件 第2章掌握图层、元件与库 在制作在制作Flash动画的过程中，若想使用已动画的过程中，若想使用已 制作的动画中的元件，或是别人制作的动画中的元件，或是