Flash动画设计基础与应用 教学课件 李艳萍 宁跃飞 王辉 第6讲.docVIP

Flash的元件、库和实例 一、教学目的 使学员们能够掌握元件的创建和编辑方法，掌握元件库的基本操作。 二、知识点 1、掌握元件的创建和编辑方法 2、了解元件库在动画制作过程中的作用 3、了解实例的概念和编辑方法 三、教学过程 1、元件概述 ⑴ 创建元件 ⑵ 编辑元件 ⑶ 创建按钮元件 ⑷ 按钮元件的滤镜效果 ⑸ 创建影片剪辑元件 2、在元件库中对元件进行操作，基本操作如下： ⑴ 从【库】面板中新建元件 单击【库】面板左下方的【新建元件】按钮，弹出【创建新元件】对话框，可以在该对话框中新建所需要的元件。如图6-36所示。 图6-36【创建新元件】对话框 ⑵ 从【库】面板中新建文件夹 单击【库】面板下方的【新建文件夹】按钮，可以在【库】面板中新建文件夹。 ⑶ 更改【库】元件的属性 单击【库】面板下方的【属性】按钮，可以改变【库】中元件的属性。若目标为按钮、影片剪辑或图形元件，单击按钮可弹出【元件属性】对话框，用户可在该对话框中设置元件的属性。如图6-37所示。 图6-37【元件属性】对话框 若目标为位图元件，则单击按钮可弹出【位图属性】对话框，用户可在该对话框中设置位图元件的属性。如图6-38所示。 图6-38【位图属性】对话框 若目标为声音元件，则单击按钮可弹出【声音属性】对话框，用户可在该对话框中设置声音元件的属性。如图6-39所示。 图6-39【声音属性】对话框 四、案例分析 案例——满天飞舞 ? 新建一个Flash空白文档。 ? 选择【文件】→【导入】→【导入到库】命令，打开【导入到库】对话框，找到“素材\ch06\枫叶.gif”文件，单击按钮关闭对话框。如图6-60所示。 图6-60打开文件 ? 选择【插入】→【新建元件】命令，打开【创建新元件】对话框，在【名称】文本框中输入“落叶”，在【类型】选项组中选择【影片剪辑】单选按钮。如图6-61所示。 图6-61【创建新元件】对话框 ? 将位图【枫叶】拖到舞台上，按Ctrl+B组合键将其打散，按F8快捷键打开【转换为元件】对话框，在【名称】文本框中输入“枫叶”，在【类型】选项组中选择【图形】单选按钮。如图6-62所示。 图6-62【转换为元件】对话框 ? 单击按钮关闭对话框。将“枫叶”移到舞台的右上方适当的位置。如图6-63所示。 图6-63确定元件位置 ? 按F6快捷键在时间轴的第40帧处插入关键帧，将“枫叶”移至舞台的左下方，在【属性】面板中的【颜色】文本框中选择【Alpha】选项，将值调整为“0%”。如图6-64所示。 图6-64调整元件 ? 右键单击时间轴上的第一帧，在弹出的菜单中选择【创建补间动画】选项。如图6-65所示。 图6-65创建补间动画 ? 单击时间轴左下方的【插入图层】按钮，新建一图层2，在时间轴上第20帧处按F6键插入关键帧，将“枫叶”图形元件拖到舞台中左上方适当位置，在时间轴上第60帧处按F6键插入关键帧，将“枫叶”拖到舞台中右下方适当位置，调整【Alpha】值为“0%”。右键单击时间轴上的第20帧，在弹出的菜单中选择【创建补间动画】选项。如图6-66所示。 图6-66设置图层2 ? 按Ctrl+E组合键回到场景中，将影片剪辑元件“落叶”拖入舞台中，按住Ctrl键复制几个，并调整其位置和大小。如图6-67所示。 图6-67调整实例的位置和大小 ? 按Ctrl+Enter组合键测试影片。如图6-68所示。 图6-68最终效果 五、重点难点及解决方案 难点为元件的滤镜效果添加，滤镜效果的添加是通过【滤镜】面板来操作的。单击按钮，在弹出的滤镜效果下拉列表中选择需要添加的效果即可。 六、讨论课题 课后上机操作题 制作一个按钮元件，要求通过颜色的变化来设置“弹起”、“指针经过”、“按下”和“单击”四个过程。 七、小结 元件、库是Flash的重要元素。重点讲解。 Flash动画设计基础与应用 第6讲 Flash的元件、库和实例 48 47 第6讲