flash8教程第9章原件的使用技巧和管理.ppt

第9章 元件的使用技巧与管理,图形元件的使用 影片剪辑的使用 按钮元件的使用 元件的管理 公用库的使用,9.1 图形元件的使用,在Flash中，图形元件用于制作需要重复使用的静态图形（或图像），以及附属于主影片时间轴的可重复使用的动画片段。,9.1.1 图形元件的特点,由于图形元件中的动画片断是附属于主影片时间轴的，所以具有以下特点。,当按下【Enter】键在时间轴上预览动画时，可以预览图形元件实例内的动画效果。将带有动画片段的图形元件实例放在主时间轴上时，需要为其添加与动画片断等长的帧，否则播放时无法完整播放。,在图形元件中不能包含声音和动作脚本，也不能为舞台上的图形元件实例添加动作脚本。,设置动画的播放方式,9.1.2 图形元件的应用唱歌动画,打开素材文件“嘴部”图形元件中的动画,1打开素材文档。,2双击“嘴部”元件实例进入图形元件的编辑状态，可以看到其中包含了嘴部运动的动画。,停止元件实例播放 循环播放元件实例中的动画,3按【Ctrl+E】组合键返回主场景，然后选中“嘴巴”图层中的“嘴部”元件实例并打开“属性”面板，在“图形选项”下拉列表中选择“单帧”选项。,4按下【Enter】键在Flash中预览动画，当前奏播放完毕出现第一句歌词时再次按下【Enter】键暂停播放，然后在“嘴巴”图层出现歌词的那一帧插入关键帧，选中该帧上的“嘴部”元件实例，在“属性”面板的“图形选项”下拉列表中选择“循环”选项，开始循环播放“嘴部”元件实例中的动画。,停止元件实例播放 使嘴部口形闭合,5继续预览动画，当声音播放到“任何大风雪也不怕”时在“嘴巴”图层插入关键帧，选中该帧上的“嘴部”元件实例，在“属性”面板“图形选项”下拉列表中选择“单帧”选项，在“第一帧”编辑框中输入“12”。,6继续预览动画，当“任何大风雪也不怕”结束时，在“嘴巴”图层插入关键帧（本例中为第339帧），选中该帧上的“嘴部”元件实例，在“属性”面板“图形选项”下拉列表中选择“单帧”选项，在“第一帧”编辑框中输入“1”。,循环播放元件实例中的动画 停止元件实例播放,7继续预览动画，当出现“我要我要”歌词时，在“嘴巴”图层插入关键帧，选中该帧上的“嘴部”元件实例，在“属性”面板“图形选项”下拉列表中选择“循环”选项。,8继续预览动画，当声音播放到“我的好爸爸没找到”时，在“嘴巴”图层插入关键帧，选中该帧上的“嘴部”元件实例，在“属性”面板“图形选项”下拉列表中选择“单帧”选项，在“第一帧”编辑框中输入“18”。,循环播放元件实例中的动画 停止元件实例播放,9继续预览动画，当声音播放到“我一见到他”时，在“嘴巴”图层插入关键帧，选中该帧上的“嘴部”元件实例，在“属性”面板“图形选项”下拉列表中选择“循环”选项。,10继续预览动画，当声音播放到“就劝他回家”时，在“嘴巴”图层插入关键帧，选中该帧上的“嘴部”元件实例，在“属性”面板“图形选项”下拉列表中选择“单帧”选项，在“第一帧”编辑框中输入“10”。,使嘴部口形闭合,11继续预览动画，当声音“就劝他回家”结束时，在“嘴巴”图层插入关键帧，选中该帧上的“嘴部”元件实例，在“属性”面板“图形选项”下拉列表中选择“单帧”选项，在“第一帧”编辑框中输入“1”。,选中图形元件实例后，单击“属性”面板中的“交换”按钮，会打开“交换元件”对话框，在这里可以选择需要在舞台相同位置交换的元件。在为动画添加字幕时，经常需要使用此功能。,“交换元件”对话框,9.2 影片剪辑的使用,无法在主时间轴上预览影片剪辑实例内的动画效果，在舞台上看到的只是影片剪辑第1帧的画面。如果要欣赏影片剪辑内的完整动画，必须按快捷键【Ctrl+Enter】测试影片才行。由于影片剪辑具有独立的时间轴，所以即使主时间轴只有1帧，也可以完整地播放影片剪辑中的动画。,在Flash中，影片剪辑常用来制作可重复使用的、独立于主影片时间轴的动画片段，以及需要添加声音和动作脚本的对象。,9.2.1 影片剪辑的特点,影片剪辑具有以下特点。,在影片剪辑内部可以添加别的影片剪辑、按钮元件和图形元件实例，从而实现复杂动画效果。可以在影片剪辑内部添加动作脚本和声音，也可以为舞台上的影片剪辑实例添加动作脚本。可以通过“滤镜”面板为影片剪辑实例添加“滤镜”效果。,9.2.2 影片剪辑的应用萤火虫,打开素材文件“萤火虫群”影片剪辑内部,1打开素材文档，舞台中有一幅位图背景，和3个“萤火虫群”影片剪辑实例。,2双击舞台中任一“萤火虫群”影片剪辑实例，进入其编辑状态，会发现其中包含5个图层，每个图层中包含一个“萤火虫移动”影片剪辑实例，并且每个图层中“萤火虫移动”影片剪辑实例所在的关键帧不同。,影片剪辑实例内部的动画补间动画 影片剪辑实例内部的引导路径动画,3双击任一“萤火虫移动”影片剪辑实例，进入其编辑状态，会发现其中包含“萤火虫转动”影片剪辑实例由下向上运动的动画补间动画。,4双击“萤火虫转动”影片剪辑实例，进入其编辑状态，会发现其中包含一个引导路径动画。,动画的播放效果,5返回主场景按【Enter】键，会发现无法预览影片剪辑实例内的动画效果，在舞台上看到的只是影片剪辑内的第1帧画面，必须要按【Ctrl+Enter】健，才能观看由多个影片剪辑所组成的动画效果。,9.3 按钮元件的使用,按钮元件的时间轴与影片剪辑一样，是相对独立的，但只有前4帧有作用，其他帧在播放时不起作用。,按钮元件用来创建响应鼠标事件或其他动作的交互按钮。,9.3.1 按钮元件的特点,按钮元件具有以下特点。,按钮元件的时间轴,在按钮元件中可以使用Flash支持的所有元素，包括动态文本和输入文本。在按钮元件中可以添加声音，但不能在其时间帧上添加动作脚本。必须为利用按钮元件制作的按钮添加动作脚本，才能使其发挥作用。,9.3.2 按钮元件的应用创建播放按钮,创建按钮元件 绘制按钮轮廓,1新建一个Flash文件，然后按快捷键【Ctrl+F8】，创建一个名为“播放”的按钮元件。,2在“播放按钮”按钮元件的编辑窗口中绘制一个没有填充色的椭圆，然后将这个矩形原位复制，并利用快捷键【Ctrl+Shift+S】将复制品缩小至80%。,设置线性渐变 填充按钮,3在“混色器”面板中 设置渐变色，并填充按钮。,输入文字 制作按钮按下时的外观,4使用“文本工具”在按钮上输入文字。,5在时间轴上的“指针经过”帧、“按下”帧和“点击”帧处插入关键帧，然后选中“按下”帧中的文字和内部的小椭圆，将它们缩小至90%，并在外围矩形和内部矩形的空隙处填充深绿色（#006600）。,9.4 元件的管理,一种是在“库”面板的“元件项目列表”中用鼠标右击需要复制的元件，在弹出的快捷菜单中选择“复制”菜单，然后切换到目标文件，右击“库”面板的“元件项目列表”，在弹出的快捷菜单中选择“粘贴”菜单，利用这种方法元件只会保存在目标文件的“库”面板中，不会出现在舞台。另一种是将舞台上的元件实例直接复制到目标文件的舞台中，此时实例所链接的元件也同时被复制到目标文件的“库”面板中。,9.4.1 复制元件,复制元件的方法主要有以下两种。,除了在不同的文件中复制元件外，在同一文件中，如果希望使用已有元件的部分或全部内容，这时可以先复制一份元件的副本，然后修改副本。,直接复制元件,1打开素材文档，右击“库”面板中的“头”图形元件，从弹出的快捷菜单中选择“直接复制”菜单项。,2在打开的“直接复制元件”对话框“名称”编辑框中，输入新的元件名称“头2”，然后单击“确定”按钮即可完成复制。,9.4.2 删除与重命名元件,同时删除多个元件 为元件重命名,9.4.3 转换元件类型,在Flash动画的制作过程中，根据实际需要可改变元件和元件实例的类型。,更改元件类型 更改元件实例类型,9.4.4 查找空闲元件,选择没有使用过的元件,制作Flash动画时，为了减小动画文件储存容量，可以将那些没有使用过的元件删除。,9.4.5 排序元件,排序元件,9.4.6 元件文件夹的使用,我们可以将相关的元件放置在一个元件文件夹中，这样可以使“库”面板中的元件变得井然有序。,通过按钮创建元件文件夹 将元件拖入文件夹,1单击“库”面板底部的“新建文件夹”按钮，新建一个元件文件夹，此时文件夹的名称处于可编辑状态，可重命名文件夹的名称。,2将元件拖到元件文件夹上，即可将这些元件移动到元件文件夹中。,通过快捷菜单新建文件夹,3再按住【Ctrl】键的同时单击选中“背景”和“背景移动”元件，然后用鼠标右击选中的元件，在弹出的快捷菜单中选择“移至新文件夹”菜单项，在打开的“新建文件夹”对话框中输入文件夹名“人物背景”，然后单击“确定”按钮，此时选中的元件会自动移至这个元件文件夹中。,展开/折叠元件文件夹,4要展开或折叠某个元件文件夹，直接双击该元件文件夹即可。,5要展开或折叠所有元件文件夹，可单击“库”面板右上角的 按钮，再探出的菜单中选择“展开所有文件夹”或“折叠所有文件夹”菜单即可。,9.5 公用库的使用使用公用库中的按钮,Flash自身为我门提供了很多有用的素材，这些素材被放置在“公用库”中，并被分为“学习交互”、“按钮”和“类”3种类型。,按钮的公用库,1选择“窗口”“公用库”“按钮”菜单，打开“按钮”的“公用库”。,将按钮拖到舞台,2双击展开“公用库”面板中的各元件文件夹，即可看到Flash提供的各种按钮，选中需要的按钮，将其拖入到舞台即可。,综合实例1天鹅飞翔,天鹅飞翔,首先打开素材文件，然后复制素材文件中的帧；新建一个Flash文件，创建一个影片剪辑，将复制的帧粘贴到影片剪辑中；新建并重命名图层，然后绘制天空、太阳和云彩，并分别将它们转换为图形元件，最后通过创建动画补间动画完成动画效果。,综合实例2控制影片播放,控制影片播放,打开影片和按钮素材文档，在影片文档中新建图层，然后将按钮复制到新图层中，最后为影片文档中的关键帧添加“stop”命令语句，为按钮添加“goto”命令语句完成动画制作。,