FLASH动态按钮的制作.docVIP

第10讲 动态按钮的制作 教学目标： 理解交互式动画的含义 掌握按钮的制作方法 教学内容： 1、概述 按钮是一种特殊的元件，当我们用鼠标单击按钮进行交互时，它能够执行某种特定的工作，而且对应不同的状态，其显示的外观都可以不同。其状态有如下四种： 弹起：鼠标不在按钮上时的一种状态 指针经过：鼠标移动到按钮上方，但没有按下左键 按下：鼠标在按钮上按下左键时的状态 单击：定义相应鼠标事件的区域范围，但这个区域不会在动画中显示出来。 2、制作方法 （1）选择菜单“插入”——“新建元件”命令，或者使用快捷键 Ctrl+ F8 （2）在“元件属性”对话框中输入其名称，并选择该元件为“按钮”类型，确定后Flash会自动切换到元件编辑模式，时间轴的第一行显示4个连续的帧，分别对应按钮的四种状态。 （3）在时间轴窗口单击第一帧，然后使用绘图工具绘制按钮的外观，或者直接导入其他已经制作好的图片、元件作为其外观。 注意：其外观不能使用已经制作好的按钮，但可以使用图片或影片剪辑元件作为外观，如果是动画按钮 就使用影片剪辑元件。 （4）单击第二帧，并选择“插入”——“关键帧”命令。 （5）修改图形或重新制作一个图形，作为鼠标经过按钮时显示的外观。 （6）重复第4、5步操作，制作其他2种状态下的按钮外观。 实验内容： 打开“按钮的制作素材.fla “文件，然后按照下列步骤完成试验 新建一个“图形“类型的元件，绘制按钮的外观。 新建一个影片剪辑类型的元件，制作“弹起”状态下的按钮外观。 新建一个影片剪辑类型的元件，制作“鼠标经过”状态下的按钮外观（上下弹动）。 在第15帧添加脚本：stop() 新建一个按钮元件,制作“按下”状态下的按钮外观，即为第1步制作的按钮图形元件 制作“单击”作用的范围。 新建图层2，并输入按钮上的文字 执行“文件“菜单——导入——导入到库，选择要导入的铃声文件：bell.wav 新建图层3，在四个状态的分别插入关键帧，将库中的铃声拖入到第2和第4帧中。 将制作好的按钮元件放到Flash作品中 将文件另存到Flash文件夹中，保存为 姓名 发布 水波形动画 放入第一步中的元件