第4章_元件实例与库

1、Flash项目实践教程（第三版）Part4第4章 元件、实例与库目标概述学习要求本章将全面介绍Flash CS6 Professional中的元件的概念和基本类型，创建和编辑三种元件方法，使学习者能充分的理解3种类型元件之间的区别和联系，并清楚的了解元件与实例之前的关系。学习目标 学习目标知识点了解理解掌握应用图形元件的基本概念、影片剪辑元件、按钮元件的创建和编辑方法 案例1、案例2影片剪辑元件的基本概念 案例2按钮元件的基本概念 案例1、案例3、案例4图形元件的创建和编辑方法 案例3影片剪辑元件的创建和编辑方法 案例1按钮元件的创建和编辑方法案例4库的概念案例3库的基本操作案例7实例的概念案

2、例3 实例的编辑方法案例1知识导航案例1：制作“星形”图形元件4.14.1案例概述案例效果本案例主要通过新建元件、绘制与编辑图形元件、场景与库等操作来完成简单的“星形”图形元件的创建。创建完成后的星形图形元件出现在库中，等待随时调用。案例1制作“星形”图形元件星形元件最终效果图案例分析制作“星形”图形元件主要应用绘画工具完成图形的绘制，然后创建“星形”图形元件。相关知识1. 元件的概念元件是Flash中一个重要而且使用非常频繁的概念，狭义的元件是指在Flash创作环境中或使用Button（AS2.0）、SimpleButton（AS3.0）和MovieClip类创建过一次的图形、按钮或影片剪辑

3、这三种元件。元件一旦创建，就会被自动添加到当前影片的库中，然后可以自始至终地在当前影片或其他影片中重复使用。用户创建的所有元件都会自动变为当前文件的库的一部分。2.元件的类型（1） 图形元件 图形元件可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。（2） 影片剪辑元件 影片剪辑元件是Flash电影中一个相当重要的角色。使用影片剪辑元件可以创建可重用的动画片段。影片剪辑拥有各自独立于主时间轴的多帧时间轴，不受场景和时间轴的影响。（3） 按钮元件 按钮元件是一个比较特殊的元件，它不是单一的图像，它用4种不同的状态来显示。使用按钮元件可以创建用于响应鼠标单击、滑过或其他动作的交互式按钮。

4、案例1 绘制“五星红旗”案例1制作“星形”图形元件相关知识3. 库资源的概念库资源在创作或运行时，可以将元件作为共享库资源在文档间共享。4.认识库使用库可以省去许多重复的操作和一些不必要的麻烦。另外，使用库对于最大程度上减小动画文件的体积也具有决定性的意义。Flash CS6 Professional的库包括两种，当前编辑文件的“库”和Flash CS6 Professional中自带的“公用库”， Flash CS6 Professional中的“库”与“公用库”有着相同的界面，如图所示。案例1制作“星形”图形元件相关知识4.认识库（1）标题栏标题栏显示当前库的标题，从中可以看出是公用库还是

5、专用库。（2）列表栏在列表栏中，列出了库中包含的所有元素的各种属性，包括名称、类型、使用次数、链接和修改日期5项。（3）预览窗口单击选定列表栏中的某一个文件，在列表栏上面的预览窗口中就可以对其进行预览。（4）编辑工具在库界面左下方有“新建元件”、“新建文件夹”、“元件属性”、“删除元件”4个按钮可以对库文件进行编辑。案例1制作“星形”图形元件相关知识5. 认识元件库每一个Flash CS6 Professional动画文件中都有一个元件库，这个元件库仅存放当前动画文件的元件。该库中的文件夹和文件包含了当前编辑环境下所有的元件以及导入的位图和其他对象，如声音、视频等，相当于在当前这部影片中扮演每

6、个角色的所有演员的大集合。6.认识公用库选择“窗口”“公用库”，可以在子菜单中看到声音、按钮、类这3项，这就是Flash CS4 Professional的内置公用库。选择其中的某项后即可打开该项的公用库。7.新增元件到库在Flash CS6中，如果要将对象新增到元件库内，最常用的方法是从舞台中选择某个对象转换为元件。另外，还可以如上所述创建一个空元件，然后在元件编辑模式下再为其添加内容，如此可将绘制的元件新增到元件库内。案例1制作“星形”图形元件案例2：制作“星光闪烁”影片剪辑4.24.2案例概述案例效果本案例将以“星光闪烁”效果为例学习影片剪辑的创建与编辑。完成此案例能掌握影片剪辑元件的创

7、建和编辑的方法，熟练“库”的操作方法。案例2制作“星光闪烁”影片剪辑“星光闪烁”影片剪辑最终效果图案例分析本案例主要完成“星形”影片剪辑元件的创建与库的操作以及编辑影片剪辑元件，调整其透明度，创建传统补间动画，并在场景中应用影片剪辑，完成“星光闪烁”动画的制作。相关知识影片剪辑简介影片剪辑是Flash中最具交互性、用途最广、功能最强的部分，它基本上是一个小的电影。如果主场景中存在影片剪辑，即使主电影的时间轴已经停止，影片剪辑的时间轴仍可以继续播放。这里可以将影片剪辑设想为主电影中嵌套的小电影。每个影片剪辑在时间轴的层次结构树中都有相应的位置。使用loadMovie动作加载到Flash Play

8、er中的影片也有独立的时间轴，并且它在显示列表中也有相应的位置。使用动作脚本可以在影片剪辑之间发送消息，以使它们能够彼此控制。例如，一段影片剪辑的时间轴中最后一帧上的动作可以指示开始播放另一段影片剪辑。使用影片剪辑的动作和方法可以对影片剪辑进行拖动、加载等控制。要控制影片剪辑，必须通过使用目标路径（该路径指示影片剪辑在显示列表中的唯一位置）来指明它的位置。案例1 绘制“五星红旗”案例2制作“星光闪烁”影片剪辑案例3：制作“交互式按钮”元件4.34.3案例概述案例效果主要应用创建、编辑按钮元件来完成“交互式按钮”效果的制作。案例3制作“交互式按钮”元件“交互式按钮”元件最终效果图案例分析本案例分

9、析按钮元件的构造，了解按钮的功能。通过导入的位图创建“花形按钮”图形，并将该图形应用于按钮的各种状态中。相关知识1.认识按钮元件按钮元件实际上是一个只有4帧的交互影片剪辑。当为元件选择按钮行为时，Flash会创建一个4帧的时间轴。前3帧显示按钮的三种可能状态；第4帧定义按钮的活动区域。打开按钮元件库将一个按钮元件拖到舞台上，舞台上将出现该元件的实例，如右图所示。可以看到，在按钮元件编辑模式中，时间轴有4个帧，分别是弹起（Up）、指针经过（Over）、按下（Down）和点击（Hit），每一帧都有一个特定的功能，说明如下：弹起（Up）：表示鼠标指针没有滑过按钮或者单击按钮后又立刻释放后的状态。指针

10、经过（Over）：表示鼠标指针经过按钮上面时的状态。按下（Down）：表示鼠标单击按钮时的外观。点击（Hit）：用来定义可以响应鼠标单击动作的有效区域。案例1 绘制“五星红旗”案例3制作“交互式按钮”元件相关知识2.实例的概念实例是指位于舞台上或嵌套在另一个元件内的元件副本。实例可以与它的元件在颜色、大小和功能上有差别。编辑元件会更新它的所有实例，但对元件的一个实例应用效果则只更新该实例。3.创建和编辑实例创建的元件会保存在“库”中，“库”只用于保存当前动画制作中自行创建的元件。然而，无论是公用库还是“库”中的元件都可直接应用于动画制作中。当需要这些元件的时候，可以数次将其直接拖入到工作区中应

11、用，这时便会生成该元件的“实例”。实例可以创建，当然也可以编辑，编辑后的实例仍会以元件的形式保存在库中。元件、实例与库是相互关联的，也是缺一不可的。每个元件实例都有独立于该元件的自己的属性，可以同原有元件相分离。可以改变色彩、透明度或实例的亮度，重新定义实例的类型（例如，把图形更改为影片剪辑）；并可以设置动画在图形实例内的播放形式，也可以倾斜、旋转或缩放实例，这并不会影响元件。此外，可以给影片剪辑或按钮实例命名，这样就可以使用ActionScript更改它的属性。案例3制作“交互式按钮”元件本章小结案例1 绘制“五星红旗”本章内容是Flash学习中极为重要的内容，通过本章的学习能够掌握创建和编辑元件的方法；分清3种类型元件之间的区别；弄清楚元件与实例之间的关系；了解“公用库”和“库”的区别，学会使用库的编辑工具。本 章 小 结思考与练习案例1 绘制“五星红旗”1. 什么是元件？元件与实例是什么关系？怎样进行库的管理与使用？2. 将一动画文件转换为影片剪辑元件。3. 练习按钮元件、实例的创建、编辑及综合应用。思 考 与 练 习拓展训练案例1 绘制“五星红旗”训练1：制作“光束闪烁”的影片剪辑任务要求：完成光束闪烁的影片剪辑动画。要求如下：1. 应用“椭圆工具”绘制朝阳图形元件。2. 制作朝阳慢慢变大的动画效果。3. 应用“矩形工具”绘制光束图形元件。4.应用“缩放