元件、实例与库.ppt

项目五 元件、实例与库,理论指导 任务实践,理论指导,元件的作用和类型 创建元件与元件实例 编辑元件与元件实例 使用“库”面板管理元件 使用公用库,（一）元件的作用和类型,Flash中的元件主要有以下几个作用。,制作动画时如果需要反复使用某个对象，如图形，可以将此对象转换为元件，或新建一个元件，并在元件内部创建需要的对象。以后便可以重复使用该元件，而不会增加Flash文件大小。元件本身也可以是一个小动画，此外，元件内部还可以包含元件，所以，通过几个元件合成，可以使复杂的动画制作变得简单。在制作某些交互动画时，需要使用按钮元件。,Flash中的元件分为三种类型，分别是图形元件、影片剪辑和按钮元件。,图形元件：用于制作可重复使用的静态图像，以及附属于主时间轴的可重复使用的动画片段。要注意的是，不能在图形元件内添加声音和动作脚本，也不能将动作脚本添加在图形元件实例上。影片剪辑元件：用来制作可重复使用的、独立于主时间轴的动画片段。可以在影片剪辑内添加声音和动作脚本。按钮元件：用于创建响应鼠标单击、滑过或其他动作的交互按钮。,（二）创建元件与元件实例,1创建元件,元件的创建方法有两种：一种是将现有对象转换成元件；另一种是直接创建元件，然后在元件内部绘制、导入或修改对象。,将所选对象转换为元件,1.要转换元件，可选中舞台上需要转换的对象，如选中“背景”图层中的所有对象，然后选择“修改”“转换为元件”菜单项，或按快捷键【F8】，在弹出的“转换为元件”对话框中输入元件名称、选择元件类型、设置对齐点后，单击“确定”按钮，即可将所选对象转换为元件,新建元件,2.选中舞台中的汽车图形，按【Ctrl+X】组合键将其剪切到剪贴板中。要新建元件，可选择“插入”“新建元件”菜单，或按快捷键【Ctrl+F8】，在打开的“创建新元件”对话框中输入元件名称、选择元件类型，然后单击“确定”按钮，即可新建一个空白元件，并进入该元件的编辑状态。,3.在元件中绘制图形、导入对象或制作动画片段等，如将前面复制的汽车图形粘贴到元件内部，然后按快捷键【Ctrl+E】退出元件的编辑状态。创建的元件均会保存在“库”面板中。,2创建元件实例,元件只是用于保存图形或动画片段等的载体，它无法直接用于动画制作，要使用元件，还需要在舞台中创建该元件的实例。元件实例是对元件的引用，一个元件可以有多个实例。,将“库”面板中的元件拖到舞台中以生成元件实例,（三）编辑元件与元件实例,1编辑元件,创建好元件后，用户可进入元件的编辑状态对其进行修改，修改方法与修改主时间轴中的对象相同（也可在元件内部创建动画）。对元件进行修改后，该元件在舞台上的所有元件实例也会随之改变。进入元件编辑状态的方法主要有以下几种。,使用“选择工具”双击舞台中的元件实例，此时元件中的对象可以编辑，舞台中其他对象不能编辑并以高光显示。,双击元件实例进入元件编辑状态,双击“库”面板中的元件。单击编辑区上方的“编辑元件”按钮，在弹出的下拉列表中选择要编辑的元件。,选择要编辑的元件,无论是以哪种方式进入元件编辑状态，修改完毕后，单击编辑窗口左上角的 按钮，或按下快捷键【Ctrl+E】，都可退出元件编辑状态，返回主场景。,2编辑元件实例,编辑元件实例只对当前编辑的元件实例起作用，不会影响元件本身，也就是说，不会影响该元件的其他实例。用户除了可以对舞台上的元件实例进行移动、复制、删除，以及使用“任意变形工具”进行缩放、旋转和倾斜等操作外，还可进行以下操作。,设置色彩效果：使用“选择工具”选中元件实例后，可利用“属性”面板的“色彩效果”区设置实例的色调、亮度或Alpha（透明度）属性，从而制作渐隐渐显、变色和发光等动画效果。,设置元件实例的色彩效果,设置显示效果：使用“选择工具”选中影片剪辑或按钮元件实例后（注意不能设置图形元件实例的显示效果），可利用“属性”面板“显示”区的“混合”下拉列表中的选项设置实例与排列在其下方对象的融合效果。,设置影片剪辑实例的混合效果,添加滤镜：使用“选择工具”选中影片剪辑或按钮元件实例后，可利用“属性”面板的“滤镜”区为所选对象添加滤镜。设置对象在三维空间的位置：使用“选择工具”选中影片剪辑实例后，可利用“属性”面板的“3D定位和查看”区设置所选对象在三维空间中的位置。,（四）使用“库”面板管理元件,在Flash中创建的元件，以及从外部导入的图像、视频和音频等都存放在“库”面板中。“库”面板默认位于舞台右侧的面板组中。,“库”面板,复制元件：在“库”面板的项目列表中右击需要复制的元件，在弹出的快捷菜单中选择“复制”菜单，然后切换到目标文档，在“库”面板的项目列表中右击，在弹出的快捷菜单中选择“粘贴”菜单即可。在同一文档中复制元件：在“库”面板的项目列表中右击需要复制的元件，在弹出的快捷菜单中选择“直接复制”菜单，在打开的“直接复制元件”对话框中输入元件副本的名称、设置元件副本的类型，然后单击“确定”按钮，可在“库”面板中生成一个当前元件的副本。,“直接复制元件”对话框,重命名元件：在“库”面板中双击要重命名元件的名称，然后输入新名称即可。,重命名元件,删除元件：要删除元件，只需在选中元件之后单击“库”面板底部的“删除”按钮，或者将要删除的元件拖到“库”面板底部的“删除”按钮上即可。查找空闲元件：单击“库”面板右上角的 按钮，在打开的面板菜单中选择“选择未用项目”菜单，可自动选中没在动画中使用的空闲元件。,排序元件：在“库”面板项目列表的顶部有“名称”、“类型”、“使用次数”、“链接”和“修改日期”五个按钮，分别用来对元件进行相应排序。,排序按钮,使用元件文件夹：我们可以将相关元件分类放置在不同的元件文件夹中，从而方便对元件进行管理。单击“库”面板底部的“创建文件夹”按钮，可新建一个元件文件夹，此时元件文件夹的名称处于可编辑状态，可为其输入名称。将要放入元件文件夹的元件拖到元件文件夹上，即可将其放入元件文件夹。关于元件文件夹的其他操作可参考图层文件夹。,新建元件文件夹 将元件放入元件文件夹,（五）使用公用库,Flash CS5中的公用库被分为“学习交互”、“按钮”和“类”三种类型。下面通过使用公用库中的按钮元件为例，介绍使用公用库中素材的方法。,选择“公用库”的类型,1.选择“窗口”“公用库”菜单，在打开的子菜单中可选择要打开的公用库类型，本例选择“按钮”菜单。,使用“公用库”中的按钮,2.打开按钮的公用库后，会看到很多元件文件夹，双击展开元件文件夹可以看到Flash提供的各种按钮，选择需要的按钮，将其拖入舞台即可。,任务实践,在学习了本项目的相关知识后，下面通过几个案例使读者进一步掌握图形元件、影片剪辑和按钮元件在制作Flash动画时的应用。,任务一 制作闪烁星光动画,本任务中，我们将通过制作一个闪闪星光的动画效果，使读者进一步掌握图形元件在制作Flash动画时的应用。,闪闪星光,打开素材文档后，将“库”面板中的“闪烁星星”图形元件拖入多次到舞台中，为该元件创建多个实例，然后在“属性”面板中设置图形元件实例内动画的播放方式，制作满天星光的动画效果。本例具体操作可参考本书配套视频“5-1.avi”。,任务二 制作林间漫步动画,下面通过制作一个小熊林间漫步的动画效果，使读者进一步掌握图形元件和影片剪辑在制作Flash动画时的应用。,林间漫步,首先打开素材文档，将背景图形转换为名为“森林”的图形元件，然后创建小熊走路的影片剪辑，并将“小熊走路”影片剪辑拖入舞台，最后利用“森林”图形元件创建背景随小熊漫步而逐渐后退的补间动画。本例具体操作可参考本书配套视频“5-2.avi”。,任务三 制作播放按钮,按钮元件的创建方法与图形元件和影片剪辑的不尽相同。下面通过创建一个播放按钮，学习创建按钮元件的具体操作。,播放按钮,首先新建一个按钮元件，并在按钮元件内部绘制播放按钮弹起状态的图形；然后在“指针经过”帧、“按下”帧和“点击”帧插入关键帧；接着在按钮元件内部新建图层，绘制按钮上的箭头；最后调整指针经过帧中播放按钮的填充颜色。本例具体操作可参考本书配套视频“5-3.avi”。,任务四 制作动态按钮,下面通过在按钮元件中应用影片剪辑实例，制作动态按钮：当将鼠标指针放在圣诞老人上方时，动画开始播放，否则停止播放。,动态按钮,打开素材文档并新建一个Flash文档，然后在新建的文档中创建一个“圣诞老人”影片剪辑，并将素材文档中的相关帧复制到影片剪辑中，制作圣诞老人走动的效果，最后利用该影片剪辑创建按钮元件，并通过对按钮元件中的各帧进行设置，制作一个默认是静止状态，鼠标一移到按钮上便开始播放动画的动态按钮。本例具体操作可参考本书配套视频“5-4.avi”。,