Flash动画设计基础与应用 教案 第6讲 Flash的元件、库和实例

第6讲 Flash的元件、库和实例 第6讲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的重要元素。重点讲解。47