元件实例和库.ppt

1、第3章元件、实例和库, 学习目标 了解元件的作用、类型，掌握创建元件、编辑元件的方法，掌握实例的创建方法、掌握库面板的使用方法等技能。 学习重点 掌握元件的创建、编辑技能；掌握实例的创建技能，掌握使用外部库文件的技能。 主要内容 元件及其类型 创建元件 编辑元件 使用库 使用实例,3.1元件及其类型,3.1.1关于元件在Flash动画设计中，元件只需创建一次，就可以在整个文档或其他文档中重复使用。用户创建的任何元件都会自动成为当前文档的一部分，当将元件从【库】面板中拖到当前舞台上时，舞台上就会增加一个该元件的实例。 使用元件的好处不仅是能加快动画的制作速度，更重要的是能缩小文件的尺寸，原因是不

2、管元件被重复使用多少次，其所占的空间也只有一个元件的大小，也就是说，当用户在浏览带有Flash影片的页面时，一个元件只下载一次，因此，在Flash动画制作中，用户应该尽可能多的重复使用Flash中的各种元件，这样不仅可以加快动画制作速度、减小文件尺寸，同时修改和更新动画也比较方法。 3.1.2 元件的类型 元件主要有3种类型，分别是影片剪辑、按钮和图形，这三种类型的元件在【库】面板中有不同的显示，如图所示 。,在创建元件时，用户可以根据动画的徐佳莹进行判断，然后选择不同类型的元件进行创建。 影片剪辑 影片剪辑元件用于创建可以重复使用的动画片段，拥有相对于主时间轴独立的时间轴和相对主坐标系独立的

3、坐标系，它可以包含一切素材，这些素材可以是交互控制按钮、声音、图片和其他影片剪辑，另外，也可以为影片剪辑添加动作脚本来实现交互或制作一些特殊效果，一般情况下，影片剪辑动画都是循环播放的，除非使用脚本进行控制。 按钮元件 按钮元件的作用非常简单，主要用来实现交互，有时也用来制造特殊效果。按钮元件共有4种状态，即：弹起、指针经过、按下和点击。 图形元件 图形元件和影片剪辑类似，可以作为一段动画。它拥有自己的时间轴、也可以加入其他的元件和素材，但是，图形元件不具有交互性，也不能添加滤镜和声音。与影片剪辑相比，图形元件的优势在于，可以直接在主场景舞台上查看图形元件的内容，另外，可以根据需要任意指定图形

4、实例的播放方式，例如循环播放、播放一次以及从第几帧播放等。,3.2 创建元件 创建元件一般可以有两种方式，一种是通过舞台上选定的对象来创建一个元件，另一个方法是创建一个空元件，然后在元件编辑窗口中制作或导入内容。 3.2.1 转换为元件 【任务1】：转换元件 01. 在舞台绘制一个星形图形对象，如图所示。 02. 选择绘制的星形对象，执行【修改】/【转换为元件】命令，打开【转换为元件】对话框，如图所示。,03. 在“名称”文本输入框输入元件的名称，在“类型”下拉列表选择元件的类型，在“对齐”中单击选择元件的注册点，04. 在“文件夹”选项选择要保存的文件夹，默认为“库根目录”。 05. 单击

5、按钮，完成元件的转换，此时Flash会自动将转换的元件添加到库中，舞台上选定的对象此时转换成为了元件的一个实例，如图所示。 06. 执行【窗口】/【库】命令打开【库】面板，此时元件被添加到了【库】面板中，如图所示。,3.2.2 新建元件【任务2】：新建元件01. 执行【插入】/【新建元件】命令，或按Ctrl+F8弹出【创建新元件】对话框，如图所示。02. 在“名称”输入框输入元件的名称.03. 在“类型”下拉列表选择元件的类型。04. 在“文件夹”选项选择要保存的文件夹，然后单击 按钮确认。05. 这时Flash会将该元件添加到【库】中，同时切换到该元件的编辑界面。06. 在元件的编辑界面中，

6、元件名称出现在场景名称右侧，同时工作区出现一个十字代表该元件的注册中心，如图所示。07. 此时在此可以使用各种方式创建元件的内容，例如绘制一个矩形，则创建一个矩形元件，系统将自动将该元件添加到【库】面板中，如图所示。,3.3 编辑元件 3.3.1 在当前位置编辑元件 【任务1】：在当前位置编辑元件 01. 继续上一节操作。 02. 在舞台上双击创建的矩形元件的实例，进入该元件的编辑模式。 03. 此时该元件的名称显示在舞台上方的编辑栏内，如图所示。,04. 此时可以根据需要对元件进行编辑，例如使用选择工具调整矩形的形态，如图所示。05. 调整完成后，在舞台空白位置双击，返回到场景中，结果发现库

7、中的元件也被更新，如图所示。,3.3.2 在新窗口中编辑元件 【任务2】：在新窗口编辑元件 01. 继续上一节操作。 02. 在舞台上选择另一个元件的实例，如图所示。 03. 右击鼠标，然后选择【在新窗口中编辑】命令，进入新窗口编辑模式，如图所示。 04. 在【属性】面板修改该元件的属性，对其进行编辑，如图3-14所示。,06. 编辑完成后，在舞台空白位置双击返回舞台，此时【库】面板中的元件也被更新，如图所示。3.4 使用库 在Flash中，库有两种，一种是当前文档的库，称之为专用库，用来存储和管理导入的文件，例如视频剪辑、声音、位图、PSD文件，以及用户创建的元件等，另一个库是Flash的内

8、置库，称之为公用库，包括声音、按钮、类一共三项。系统允许用户对专用库进行管理和修改，但是不能对公用库进行修改，这一节学习库的使用技能。3.4.1 认识【库】面板 按Ctrl+L键，或执行【窗口】/【库】命令即可打开【库】面板，【库】面板包括标题栏、预览窗口、项目列表以及库文件管理工具等，如图所示。,1. 标题栏 标题栏显示当前面板的名称，在标题栏的下方显示当前文档的名称，右边有面板菜单按钮，单击该按钮可弹出相关菜单，菜单中包含用于管理库项目的命令，如图所示。 另外，可以通过打击标题栏上的双箭头按钮，将面板折叠为图标，如图所示,2. 文档下拉菜单 当用户打开多个Flash文档时，可以通过该菜单在

9、一个库面板上进行切换，方便用户使用一个【库】面板来同时查看多个Flash文档的库项目，如图所示。 单击右侧的“固定当前库”按钮，可以缩定某一个库；单击“新建库面板”按钮，可以新建一个库面板。 3. 预览窗口 在列表单击任何一个项目，即可在列表列表栏上方的预览窗口中进行查看，如果选中选中的是一个多帧动画，还可以通过预览窗格右上方的播放和停止按钮观看动画效果，如图所示。,3.4.2 管理库 1. 使用文件夹 使用文件夹组织和管理【库】面板中的库项目，这就像使用Windows资源管理器查找、调用和编辑文件一样。如果没有创建文件夹，则新建的元件会存储在库的根文件夹。单击【库】面板下方的 “新建文件夹”

10、按钮，可以创建一个文件夹，如图所示。 选择该文件夹并重命名，新建的元件则会放置在该文件夹中，使用文件夹组织和管理【库】面板中的库项目。,2. 重命名和复制元件 还可以对库中的文件或文件夹重命名、通过库复制元件等一系列操作，在库中复制元件的方法比较简单，首先在库中选择要复制的元件，单击右键，选择【直接复制】命令，在打开的【直接复制元件】对话框为其命名、设置类型等，如图所示，然后确认即可将其复制。,3.4.3 打开外部库 在Flash动画制作中，如果要使用已经制作的动画中的元件，这时可以打开外部库文件，其方法是，执行【文件】/【导入】/【打开外部库】命令，在打开的【作为库打开】对话框选择要打开的动

11、画源文件，如图所示。单击“打开”按钮，则该文件的【库】面板会出现在舞台上，如图所示。,3.4.4 使用公用库 前面讲过，公用库是系统预设的一种库，公用库是不能修改的，但是用户可以应用公用库中的相关资源。 首先执行【窗口】/【公用库】命令，在其联机菜单中有“声音”、“按钮”和“类”三种类型，选择任意一种类型，例如选择“声音”类型，则会打开一个包含多个常用声音的【公用库】面板，选择任意一个声音进行播放，试听声音效果，如图所示。 使用相同的方法，可以分别打开“按钮”和“类”的库面板，应用这些公共资源，如图所示。, 3.5 使用实例 所谓实例就是指，将创建的元件从【库】面板中拖入舞台之后，舞台上就增加

12、了该元件的实例，可以在文档中任何需要的地方创建该元件的实例，创建该元件的实例之后，可以通过【属性】面板更改实例的颜色效果以及类型等，而不会影响元件本身，而如果对元件进行了修改，则该元件的所有实例都会被更新，。 3.5.1 元件与实例 元件有图形元件、影片剪辑元件与按钮元件，用户可以随意对实例进行缩放、添加滤镜等操作而不会影响元件本身，如图3-27所示，对实例进行缩放后，元件本身没有变化。,而如果对元件进行了修改，则Flash就会更新该元件的实例，例如修改元件的填充颜色，则该元件的实例填充颜色也会更改，如图所示。基于元件的这些特性，用户在制作动画的过程中，可以大胆使用元件，随意更改元件的实例，而

13、不用担心元件会发生变化，同样，在修改实例时，也不必一一修改实例，只需将该实例的元件修改即可，这样可以加快动画制作速度。 下面继续了解这些元件与按钮的关系。1. 图形元件与实例 图形元件一般是静态的图片或者是与影片的主时间轴同步的动画，其实例的【属性】面板如图3-29所示.通过【属性】面板，可以设置实例的类型、为实例指定不同的元件以及设置修改实例的宽高度、坐标、颜色效果播放方式等。 “图形”按钮：单击该按钮，在弹出的下拉列表选择实例在舞台上的类型，如图3-30所示。,“交换”按钮：单击该按钮，用于给实例指定不同的元件，从而在舞台上显示不同的实例，并保留所有的原始实例属性 “X”/“Y”：用于显示

14、或修改实例中心点在舞台中的X坐标和Y坐标。 “宽”/“高”：用于显示或修改实例的高度和宽度。 “色彩效果”：在“样式”列表用于改变实例的色彩效果，如图所示。 “循环”：设置实例跟随动画播放的方式，在其下拉列表可选择相关方式，如图所示。,影片剪辑与实例 而影片剪辑拥有自己独立的时间轴，其播放与主时间轴没有直接关系，其【属性】面板如图所示。 在Flash中，影片剪辑也是一种类型的对象，用户可以在“实例名称”文本框为影片剪辑命名，还可以和图形元件的实例一样调整大小、位置、色彩效果等。另外，与图形实例不同的是，影片剪辑实例可以进行3D定位和查看，添加“滤镜”、“混合”等效果，同时对鼠标事件进行响应，它

15、具有交互功能。 按钮元件与实例 按钮实际上是一个4帧的影片剪辑，可以感知用户的鼠标动作，并触发相应的事件，其实例的【属性】面板如图所示。,在Flash中，按钮元件实例与影片剪辑实例相似，可以命名、条件滤镜和设置混合模式、缓存为位图，也可以对鼠标事件进行相应，具有交互功能。其音轨中的“选项”是按钮的特殊属性，这个选项用于控制鼠标事件的分配，如图所示 音轨作为按钮：按钮实例的行为和普通按钮类似。 音轨作为菜单项：无论鼠标是在按钮上还是在其他 部分按下，按钮实例都可以接收，该选项一般用来制作菜单系统和电子商务应用。,3.5.2 改变与设置实例 1. 改变实例的类型 01. 在舞台绘制一个星形。 02

16、. 按F8打开【转换为元件】对话框，选择“类型”为“图形”，如图所示。,03. 确认将该图形转换为图形元件，此时其【属性】如图所示。 04. 在【属性】面板单击“图形”按钮，在其下拉列表选择实例类型为“影片剪辑”，如图所示。 05. 此时该实例类型被改变。 2. 改变实例的色彩效果 01. 继续上一节的操作。 02. 在【属性】面板单击“样式”按钮，在弹出的下拉列表设置亮度、色调以及Alpha等值，如图所示。,亮度：用于调整实例的亮度，亮度值可以设置为100%-100%，当该值为0%时，实例的亮度为本身的亮度值，当该值为100%时，亮度值最高，为白色，该值为-100%时，亮度值最低，为黑色，如

17、图所示。 色调：用于调整实例的颜色，通过输入颜色值或使用【颜色拾取器】调整颜色，以改变实例的颜色，如图所示。,Alpha：用于设置实例的透明度，值为0时完全透明，值为100%时完全不透明，如图3-42所示。,03. 例如选择“色调”，然后调整各参数，改变实例的颜色，如图所示。 04. 此时实例的颜色由原来的绿色被调整为蓝色，如图所示。 3. 交换实例 01. 继续在舞台上绘制一个8角星形图形，并将其创建为按钮元件，如图所示。,02. 在舞台选择原来的5角星形的影片剪辑实例，在其【属性】面板单击“交换”按钮，打开【交换元件】对话框，如图所示。 03. 在该对话框选择名为“元件2”的按钮元件，如图所示。,04. 确认进行实例的交换，结果原来的5角星形实例被交换