库、元件、实例的介绍.ppt

s,此处编辑母版标题样式,单,s,击此处编辑母版文本样式,第三级,第四级,第五级,*,第七章 库、元件、实例的介绍,本章知识点,库的作用及管理,元件的类型及创建方法,实例的运用,本章学习目的,通过本章的学习，读者可以很好的使用元件和实例以及利用元件库中,提供的丰富素材创建复杂动画7.1,库的使用,7.1.1,认识库,在,Flash,中，所有可以重复使用的元素都放在库中这些可以重复使用的元素,包括从外部导入的图像、声音，在,Flash,中创建的图形元件、按钮元件以及影片,剪辑元件库是存放素材的地方，又是资源共享的场所1,公用库,通过“窗口”,/“,公用库”菜单项，可以打开系统提供的公用库，如图,1,所示Flash,公用库中包括已经设计制作好的按钮、学习交互以及类的实例我们可以,直接将公用库中的元素拖入到舞台上来使用它们或学习制作的方法图,1,窗口菜单,7.1,库的使用,2,建立自己的素材库,例如：在,Flash,中建立自己的声音素材库制作步骤：,收集有用的声音文件（,MP3,格式）新建一个,Flash,文档，选择“文件”,/“,导入”,/“,导入到库”菜单项，将声音文件导入到文件库中，将该,Flash,文档命名为“声音,.,fla,”,，然后关闭文档。

把“声音,.,fla,”,文件复制到,Flash,的安装目录下如：,cProgram FilesMacromediaFlash,zh_cnConfigurationLibraies,关闭,Flash,然后重新启动,Flash,，新建一文档，打开公用库，就会看到新增加的公用库文件了7.1,库的使用,3,库,每个,Flash,文件都含有一个元件库，用于存放动画中的元件、图片、声,音和视频等文件由于每个动画使用的素材和元件不同，因此“库”面板,中的内容也不相同在“库”面板中选中一个元件时，在元件库预览窗口,中将显示元件的内容如图,2,所示图,2,库面板,7.1,库的使用,7.1.2,管理库,在库中，不仅可以查看库资源，当制作大文件时，库中的元件会越来,越多库中的元件由于太多而显得杂乱无章，这时就需要对这些资源进,行管理库面板中有许多命令按钮，,Flash,就是通过这些命令按钮来管理,资源的新建元件：单击该按钮将打开“创建新元件”对话框新建元件文件夹：单击该按钮将创建一个文件夹，可以把类别相同的,元件放在该文件夹元件属性：单击该按钮将打开“元件属性”对话框，可以对元件的名称,、类型及内容进行修改。

回收站：单击该按钮将“库”面板中选中的元件或文件夹删除使“库”面板中元件的排列顺序颠倒展开元件库，显示出各元件的名称、类型和使用次数等内容使展开的库面板变榨，减小在屏幕上的占用空间7.1,库的使用,7.1.3,导入到库,例如：将“小狗”图片导入到库中备用操作步骤如下：,新建一个,Flash,文档，选择“文件”,/“,导入”,/“,导入到库”菜单项，打开“导入到库”对话框在“查找范围”下拉列表框中选择素材保存的位置文件夹，然后在列表框中选中需要导入的素材“小狗”如图,3,所示单击打开按钮即可将位图素材导入到,Flash,的元件库中，如图,4,所示可用同样的方法把其它类型的素材导入到库中备用图,3,导入到库对话框,图,4,导入的图片,7.2,元件,7.2.1,元件概述,元件实际上就是一个小的动画片段，它可以在整个文档或其他文档中,重复使用的一个小部件，并可以独立于主动画进行播放元件是构成动,画的基础，可以重复使用，不必反复制作相对的对象每个元件都有一,个单独的时间轴、舞台和图层Flash,元件有,3,种类型：图形元件、影片剪,辑元件和按钮元件7.2,元件,1,图形元件,图形元件是制作动画的基本元之一，用于创建可反复使用的静态图形,或与主时间轴关联的动画片段，它可以是静止的图片，也可以是由多个,帧组成的动画。

不能给图形元件的实例设置名称，因此也不能用,ActionScript,语句对图形元件进行控制图形元件也不能使用混合技术及,滤镜效果图形元件可以通过颜色选项对亮度、色调、透明度进行设置,，如图,5,所示图,5,图形元件,7.2,元件,2,影片剪辑元件,影片剪辑元件是制作动画最重要的元件，是动画中的动画它有自己的时间,轴，而且不受主时间轴的控制它可以包含交互组件、图形、声音或其他影片剪,辑实例当播放主动画时，影片剪辑元件也在循环播放影片剪辑元件的实例可,以设置名称，可以用,ActionScript,语句对其进行控制在影片剪辑元件的时间轴上,的关键帧也可以包含程序代码影片剪辑元件也可以通过颜色选项对亮度、色调,、透明度进行设置，还可以应用混合技术及滤镜效果，如图,6,所示图,6,影片剪辑元件,7.2,元件,3,按钮元件,按钮元件用于创建交互式控制按钮，可以感知并响应鼠标的动作按,钮元件的时间轴上有四个帧，包括“弹起”、“指针经过”、“按下”和“点击”,如图,7,所示图,7,一个声文并茂的控制按钮,7.2,元件,7.2.2,元件创建与编辑,1.,创建图形元件,，,步骤如下：,选择“文件”,/“,新建”命令，创建一个新文档。

选择“插入”,/“,新建元件”命令或按,Ctrl+F8,键，打开“新建元件”对话框在对话框中确认元件类型，在“名称”文本框中输入名称后单击“确定”按钮,如图,8,所示单击 按钮后，,Flash,将自动进入元件的编辑模式，我们可以在编辑模式下绘制图形制作完成后，单击编辑栏上的 按钮，返回到场景中图,8,创建新元件对话框,7.2,元件,2,创建影片剪辑创建行走的人影片剪辑元件，操作步骤如下：,选择“文件”,/“,新建”命令，创建一个新文档选择“修改”,/“,文档”命令，打开“修改文档”对话框，修改文档尺寸为,500px*800px,选择“文件”,/“,导入”,/“,导入到库”命令，在打开的“导入到库”对话框中选择准备好的图片，然后单击“打开”按钮将图片导入到库选择“插入”,/“,新建元件”命令，打开“创建新元件”对话框，在“名称”中输入“人”，在“类型”中选择“影片剪辑”单击“确定”铵钮进入影片剪辑人的编辑窗口,如图,9,所示图,9,创建新元件对话框,7.2,元件,选中库面板中位图元件“人”，然后用鼠标拖动到工作中选中“人”实,例，打开“对齐”面板，单击“相对于舞台”按钮，然后单击“水平居中”和“,垂直居中”两个按钮，如图,10,所示。

图,10,影片剪辑元件编辑区,7.2,元件,在时间轴的第,2,帧按下,F7,创建空白关键帧，将位图元件“前人”从库中,拖到舞台中央，重复步骤,6,调整实例的位置使其也位于工作区的中央继,续在第,3,帧处按,F7,插入空白关键帧将位图元件“人”从库中拖到舞台中央，,再在第,4,帧按,F7,插入空白关键帧，将位图元件“后人”从库中拖到舞台中央,，并依次修改位置，如图,11,所示图,11,影片剪辑元件编辑区,7.2,元件,单击“场景”图标 ，切换到主场景，将制作好的影片剪辑元件“人”从元件库中拖到舞台中心按,Ctrl+Enter,键测试动画，小人开始走动7.2,元件,3,按钮的创建,步骤如下：,选择“文件”,/“,新建”命令，创建一个新文档选择“插入”,/“,新建元件”命令或按,Ctrl+F8,键，打开“新建元件”对话框在对话框中确认元件类型为“按钮”，在“名称”文本框中输入名称后单击“确定”按钮,如图,12,所示图,12,创建新元件对话框,7.2,元件,单击 按钮后，,Flash,将自动进入按钮的编辑模式在“弹起”、“指,针经过”、“按下”帧中分别绘制图形，如图,13,所示按钮元件绘制完成后，单击“场景”图标 ，退出元件编辑模式。

把按钮拖拽到场景中按,Ctrl+Enter,发布动画弹起,指针经过,按下,图,13,按钮各帧状态,7.2,元件,4.,元件编辑,创建好的元件可能需要修改，我们可以使用如下方法对元件进行编辑：,双击库面板中需要修改的元件，即可进入元件编辑窗口把需要修改的元件拖拽到舞台上，然后用鼠标选中，点击鼠标右键，,在弹出的菜单中选择编辑命令，也可进入到元件的编辑窗口元件编辑,完后，点击“场景”图标 ，退出元件编辑模7.2,元件,7.2.3,元件的转化,1,将舞台工作区中的对象转换为元件,图片转换元件的步骤如下：,把选择好的图片导入到舞台选中舞台工作区中的对象选择“修改”,/“,转换为元件”命令或直接按,F8,键调出“转换为元件”对话框，如图,14,所示在“名称”中输入名字，在“类型”中选择元件类型，单击 小方块，调整元件的中心坐标位置，最后单击确定按钮，即可将对象转换为元件,14,转换为元件对话框,7.2,元件,2,舞台工作区中的动画转为元件,选取时间轴面板上的所有帧，单击鼠标右键，调出快捷菜单，选择“复制帧”命令按,Ctrl+F8,命令调出“创建新元件”对话框，在对话框内输入名字和选择元件类型，然后点击“确定”按钮，创建了一个空元件，同时进入到元件编辑窗口中。

选择空元件的第,1,帧，在单击鼠标右键，调出快捷菜单，选择“粘贴帧”命令，点击场景图标回到主场景中，这样我们就把动画转为了元件7.3,实例,7.3.1,实例概述,当把一个元件从库中拖动到舞台上时，实际上并不是将元件本身放置,到舞台上，而是创建了元件的一个副本（即实例）虽然实例来源于元,件，但是每一个实例都有其自身的、独立于元件的属性可以改变实例,的色调、透明度和亮度；重新定义实例的类型（例将图形类型改为影片,剪辑类型）；设置图形实例内动画的播放模式；调整实例的大小比例子,或使之旋转或使之倾斜等所有这些修改都不会影响元件因此，实例,在修改后可以与其父元件完全不同，但编辑库中的元件将会更新它所有,的实例，编辑某元件的实例将只更新实例本身创建一个实例,7.3,实例,在时间轴上选择一关键帧（,Flash,实例只能放置在当前图层的关键帧上,），将选定的元件从库中拖到舞台上就创建了元件的实例要想查看实,例的属性只需用鼠标选中舞台上的实例，“属性面板”上将显示实例的所,有信息如图,15,所示在“属性面板”上可以显示实例的来源、类型，可以修改实例的大小、,位置、透明度等影片剪辑元件和按钮元件的实例在“属性面板”上还显,示“名称”文本框，可以修改其名称。

图,15,实例属性面板,7.3,实例,7.3.2,实例属性,元件实例创建后，我们可以通过属性面板的“颜色”下拉列表中的选项,对元件实例进行编辑，如亮度、色调、透明度其中“无”表示不使用任,何颜色效果，如果元件实例修改了的不满意，使用该命令可以使实例恢,复原始状态1,亮度,选择“亮度”选项可以调整实例的明暗度，在选项的右面有一个文本,框，可以直接输入数值，也可以通过调节右侧的滑杆来改变数值的大小,，数值取值范围是,100%,到,-100%,，数值越大，亮度就越高；数值越小，,亮度越低，如图,16,所示是图,16,图形实例面板,7.3,实例,2,色调,用来调整实例的颜色，如图,17,所示图,17,色调应用的不同效果,7.3,实例,3,Alpha,该选项可以调整实例的透明度,如图,18,所示图,18 Alpha,应用的不同效果,7.3,实例,4,高级,在“高级”选项中，可以同时调整实例的颜色和透明度，如图,19,所示图,19,高级效果对话框,7.3,实例,7.3.3,实例的交换,1,3,种元件类型间的转换,您可以改变实例的类型来重新定义它在,Flash,应用程序中的行为例如,，您可以将图形实例重新定义为影片剪辑实例。

若要改实例类型，请执行以下操作：,在舞台上选择图形实例，然后选择,窗口,/,属性,从,属性,面板左上角的下拉菜单中重新选择元件类型，如图,20,所示图,20,属性面板,7.3,实例,2,为实例指定不同的元件,在舞台上选取实例，在工作区下。