掌握图层元件与库课件.ppt

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

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

3、。Flash元件主要有三种类型：影片剪辑（元件主要有三种类型：影片剪辑（MovieClip，简称，简称MC），按钮（），按钮（Button）和）和图形图形(Graphic)。如图如图2-2所示，在所示，在“库库”面板中显示了不面板中显示了不同类型的元件。同类型的元件。第7页，共51页。图图2-2 2-2 三种类型的元件三种类型的元件 第8页，共51页。影片剪辑（影片剪辑（MC）是指一段完整的）是指一段完整的动画，有着相对于主时间轴独立的时间动画，有着相对于主时间轴独立的时间轴和相对主坐标系独立的坐标系，它可轴和相对主坐标系独立的坐标系，它可以包含一切的素材在里面，这些素材可以包含一切的素材在里

4、面，这些素材可以是交互控制按钮、声音、图形和其他以是交互控制按钮、声音、图形和其他影片剪辑等。影片剪辑等。第9页，共51页。用户可以为用户可以为MC添加添加AS脚本来实现脚本来实现交互或制作一些特殊效果。交互或制作一些特殊效果。有时候为了实现交互、添加滤镜或有时候为了实现交互、添加滤镜或设置混合模式，单独的图像也可以定义设置混合模式，单独的图像也可以定义为为MC。MC都是自动循环播放的，除非用都是自动循环播放的，除非用AS脚本控制它，如图脚本控制它，如图2-3所示。所示。第10页，共51页。图图2-3 2-3 影片剪辑影片剪辑 第11页，共51页。按钮的作用非常简单，主要用于实按钮的作用非常简

5、单，主要用于实现交互，有时也用来制造些特殊效果。现交互，有时也用来制造些特殊效果。按钮共有四种状态：弹起、指针经按钮共有四种状态：弹起、指针经过、按下和点击，如图过、按下和点击，如图2-4所示。所示。第12页，共51页。图图2-4 2-4 按钮按钮 第13页，共51页。图形和影片剪辑类似，可以作为一图形和影片剪辑类似，可以作为一段动画。段动画。它拥有自己的时间轴，也可以加入它拥有自己的时间轴，也可以加入其他的元件和素材，但是图形元件不具其他的元件和素材，但是图形元件不具有交互性，也不能添加滤镜和声音，如有交互性，也不能添加滤镜和声音，如图图2-5所示。所示。第14页，共51页。图图2-5 2-

6、5 图形图形 第15页，共51页。创建元件，实际上就是利用元件自创建元件，实际上就是利用元件自身的时间轴进行动画创作的过程。身的时间轴进行动画创作的过程。创建元件一般有以下三种方法。创建元件一般有以下三种方法。（1）创建一个空元件，然后在元件编辑窗）创建一个空元件，然后在元件编辑窗口中制作或导入内容。口中制作或导入内容。（2）通过舞台上选定的对象来创建一个元）通过舞台上选定的对象来创建一个元件。件。（3）将已有的动画转换成元件。）将已有的动画转换成元件。第16页，共51页。当我们将元件从当我们将元件从“库库”中拖入舞台时，中拖入舞台时，舞台上就增加了一个该元件的实例。舞台上就增加了一个该元件的

7、实例。创建元件之后，我们可以在文档中任何创建元件之后，我们可以在文档中任何需要的地方（包括在其他元件内）创建该元需要的地方（包括在其他元件内）创建该元件的实例。件的实例。第17页，共51页。图形元件一般是静态的图片或者是图形元件一般是静态的图片或者是和影片的主时间轴同步的动画。和影片的主时间轴同步的动画。图形元件实例的图形元件实例的【属性属性】面板如图面板如图 2-21所示，在该面板中可以调整实例的所示，在该面板中可以调整实例的大小、位置和颜色等。大小、位置和颜色等。第18页，共51页。图图2-21 2-21 图形元件实例的图形元件实例的“属性属性”面板面板第19页，共51页。影片剪辑拥有自己

8、独立的时间轴。影片剪辑拥有自己独立的时间轴。它的播放与主时间轴没有直接关系。它的播放与主时间轴没有直接关系。MC元件实例的元件实例的“属性属性”面板如图面板如图2-24所示。所示。第20页，共51页。图图2-24 MC2-24 MC元件实例的元件实例的“属性属性”面板面板 第21页，共51页。在在Flash中，影片剪辑也是一种类型中，影片剪辑也是一种类型的对象，我们可以在的对象，我们可以在“实例名称实例名称”文本文本框中为影片剪辑命名，还可以和图形元框中为影片剪辑命名，还可以和图形元件的实例一样调整实例的大小、位置和件的实例一样调整实例的大小、位置和色彩效果等。色彩效果等。第22页，共51页。

9、另外，和图形实例不同的是，影片另外，和图形实例不同的是，影片剪辑实例可以添加滤镜，可以对鼠标事剪辑实例可以添加滤镜，可以对鼠标事件进行响应，具有交互功能。件进行响应，具有交互功能。第23页，共51页。按钮实际上是一个按钮实际上是一个4帧的影片剪辑，帧的影片剪辑，它可以感知用户的鼠标动作，并触发相它可以感知用户的鼠标动作，并触发相应的事件。应的事件。按钮实例的按钮实例的“属性属性”面板如图面板如图2-25所所示。示。第24页，共51页。图图2-25 2-25 按钮实例的按钮实例的“属性属性”面板面板 第25页，共51页。按钮元件实例和影片剪辑实例类似，可按钮元件实例和影片剪辑实例类似，可以对它命

10、名，添加滤镜和设置混合模式，使以对它命名，添加滤镜和设置混合模式，使用运行时位图缓存，也可以对鼠标事件进行用运行时位图缓存，也可以对鼠标事件进行响应，具有交互功能。响应，具有交互功能。第26页，共51页。每个元件实例都有独立于该元件的每个元件实例都有独立于该元件的自己的属性。自己的属性。我们可以更改实例的色调、透明度我们可以更改实例的色调、透明度和亮度；重新定义实例的类型（例如，和亮度；重新定义实例的类型（例如，把图形更改为影片剪辑）；并可以设置把图形更改为影片剪辑）；并可以设置动画在图形实例内的播放形式。动画在图形实例内的播放形式。第27页，共51页。也可以倾斜、旋转或缩放实例，给也可以倾斜

11、、旋转或缩放实例，给实例添加滤镜和设置混合模式，这并不实例添加滤镜和设置混合模式，这并不会影响元件本身。会影响元件本身。第28页，共51页。1.改变实例的类型改变实例的类型2.改变实例的颜色效果改变实例的颜色效果3.交换实例交换实例4.分离实例分离实例第29页，共51页。使用混合模式，可以创建复合图像。使用混合模式，可以创建复合图像。复合是改变两个或两个以上重叠对象复合是改变两个或两个以上重叠对象的透明度或者颜色相互关系的过程。的透明度或者颜色相互关系的过程。使用混合，可以混合重叠影片剪辑中使用混合，可以混合重叠影片剪辑中的颜色，从而创造独特的效果。的颜色，从而创造独特的效果。第30页，共51

12、页。在在Flash CS3 Professional中，我们可中，我们可以为影片剪辑、按钮和文本添加滤镜，以以为影片剪辑、按钮和文本添加滤镜，以实现某些特殊效果。实现某些特殊效果。滤镜是一种对对象的像素进行处理以滤镜是一种对对象的像素进行处理以生成特定效果的方法。生成特定效果的方法。使用滤镜可以让我们制作出许多意想使用滤镜可以让我们制作出许多意想不到的效果。不到的效果。第31页，共51页。例如，我们可以对对象应用模糊滤例如，我们可以对对象应用模糊滤镜，使对象的边缘显得更柔和；或者对镜，使对象的边缘显得更柔和；或者对对象应用投影滤镜，使对象产生立体效对象应用投影滤镜，使对象产生立体效果。果。需要

13、注意的是，滤镜只能应用于文需要注意的是，滤镜只能应用于文本、影片剪辑和按钮。本、影片剪辑和按钮。第32页，共51页。为对象添加滤镜主要是通为对象添加滤镜主要是通【滤镜滤镜】面板进行设置的。面板进行设置的。【滤镜滤镜】面板是管理面板是管理Flash滤镜的主滤镜的主要工具，我们可以在这里增加、删除、要工具，我们可以在这里增加、删除、复制、粘贴、启用和禁用滤镜，并且可复制、粘贴、启用和禁用滤镜，并且可以指定滤镜的某些参数选项。以指定滤镜的某些参数选项。第33页，共51页。在在【属性属性】面板中单击面板中单击【滤镜滤镜】选项选项卡，即可打开卡，即可打开【滤镜滤镜】面板，如图面板，如图2-42所所 示。

14、示。如果如果【属性属性】面板没有显示，可以执面板没有显示，可以执行菜单行菜单【窗口窗口】【属性属性】【滤镜滤镜】命命令，打开令，打开【滤镜滤镜】面板。面板。第34页，共51页。图图2-42 2-42【滤镜滤镜】面板面板 第35页，共51页。在在【滤镜滤镜】面板中，单击添加滤镜面板中，单击添加滤镜 按钮可以显示按钮可以显示“添加滤镜添加滤镜”菜单，其中包菜单，其中包括投影、模糊、发光、斜角、渐变发光、括投影、模糊、发光、斜角、渐变发光、渐变斜角和调整颜色等，如图渐变斜角和调整颜色等，如图2-43所示。所示。第36页，共51页。图图2-43“2-43“添加滤镜添加滤镜”菜单菜单 第37页，共51页

15、。使用使用【滤镜滤镜】面板，可以对选定的对象面板，可以对选定的对象应用一个或多个滤镜。应用一个或多个滤镜。对象每添加一个新的滤镜，在对象每添加一个新的滤镜，在【滤镜滤镜】面板中，就会将其添加到该对象所应用的滤面板中，就会将其添加到该对象所应用的滤镜列表中。镜列表中。我们可以对一个对象应用多个滤镜，也我们可以对一个对象应用多个滤镜，也可以删除以前应用的滤镜。可以删除以前应用的滤镜。第38页，共51页。在舞台上选择对象，即可以查看应在舞台上选择对象，即可以查看应用于该对象的所有滤镜；在应用于该对用于该对象的所有滤镜；在应用于该对象的滤镜列表中，选择要删除的滤镜，象的滤镜列表中，选择要删除的滤镜，单

16、击删除滤镜单击删除滤镜 按钮，即可删除该滤按钮，即可删除该滤镜。镜。第39页，共51页。有时候我们需要将应用于某个对象有时候我们需要将应用于某个对象的滤镜，再次应用于另一个对象，这时的滤镜，再次应用于另一个对象，这时只需要复制、粘贴该滤镜即可，而不必只需要复制、粘贴该滤镜即可，而不必再重新添加一次了。再重新添加一次了。第40页，共51页。在舞台上选择对象，在该对象应用在舞台上选择对象，在该对象应用的滤镜列表中，单击滤镜名称旁的启用的滤镜列表中，单击滤镜名称旁的启用 或禁用或禁用 图标，即可禁用或启用该图标，即可禁用或启用该滤镜。滤镜。第41页，共51页。前面已经讲到，用户创建的任何元前面已经讲

17、到，用户创建的任何元件都会自动成为当前文档库的一部分。件都会自动成为当前文档库的一部分。那么库到底有什么作用呢？那么库到底有什么作用呢？其实库是用来存储和管理导入的文其实库是用来存储和管理导入的文件（如视频剪辑、声音剪辑、位图）、件（如视频剪辑、声音剪辑、位图）、矢量插图以及用户创建的元件。矢量插图以及用户创建的元件。第42页，共51页。库就像一座库就像一座“零件仓库零件仓库”，导入的，导入的各种文件和创建的元件就像存放在各种文件和创建的元件就像存放在“仓仓库库”中的中的“零件零件”。合成动画时，我们只需要把这些元合成动画时，我们只需要把这些元件从库中拿出来，件从库中拿出来，“装配装配”到动画

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

19、动画中的元件，或是别人Flash动画中动画中的一些元件，可以直接使用菜单命令打开外的一些元件，可以直接使用菜单命令打开外部库。部库。第47页，共51页。在动画设计过程中，可以合理利用不在动画设计过程中，可以合理利用不同软件的优势，制作出各具特色的素材，同软件的优势，制作出各具特色的素材，然后将它们融入到然后将它们融入到Flash动画作品中，使我动画作品中，使我们的动画作品更富感染力。们的动画作品更富感染力。第48页，共51页。虽然虽然Flash是一种矢量动画制作软件，是一种矢量动画制作软件，但可以方便地导入各种位图图像，来增强作但可以方便地导入各种位图图像，来增强作品的感染力。品的感染力。Fl

20、ash支持的普通位图格式有：支持的普通位图格式有：GIF图像图像（扩展名为（扩展名为gif）、）、JPEG/JPG图像（扩展名图像（扩展名为为jpg）、）、PNG图像（扩展名为图像（扩展名为png）。）。第49页，共51页。2.6.2 导入普通位图导入普通位图2.6.3 导入导入PSD素材文档素材文档 PSD是是Photoshop（Adobe开发的图像处开发的图像处理软件）默认的文件格式，理软件）默认的文件格式，Flash 可以导入分可以导入分层的层的 PSD 文件并保留许多文件并保留许多 Photoshop 功能，功能，并可在并可在 Flash 中保持中保持 PSD 文件的图像质量和文件的图像质量和可编辑性。可编辑性。第50页，共51页。AI是是Adobe Illustrator 的简称，是由的简称，是由Illustrator 绘制的矢量图形文档的格式。绘制的矢量图形文档的格式。在在Flash中，不仅可以导入各种位图素中，不仅可以导入各种位图素材，还可以方便地导入材，还可以方便地导入AI格式的矢量图素格式的矢量图素材。材。第51页，共51页。