Flash 8动画设计案例教程.ppt

第5章 Flash 8.0按钮制作 制作者:伍福军 张家瑞 知识点： 1. 简单按钮 2. 动画按钮 3.“别碰我”文字制作 4. 跟随光标的提示 5. 调节音量 6. 控制图片变化 7. 左右声道均衡调节 8. 用组件控制声音按钮 9. 选择乐曲播放 10. 使用按钮载入图片 说明： 本章主要介绍Flash 8.0按钮的制作，通过10个案例全面讲解了按钮的制作方法与技巧，学生对本章内容一定要掌握，它是制作交互动画的基础。 教学建议课时数： 一般情况下需18课时：理论6课时，实际操作12课时(可根据特殊情况做相应调整)。 5.1 按钮基础知识 5.1.1 按钮的介绍 1. 按钮简介 按钮是人机进行信息交互的基础，它对鼠标单击事件进行响应。按钮可对按钮静止、将鼠标指针移到按钮上、按下鼠标左键3种事件作出响应。这3种事件对应着按钮的4种状态：弹起(按钮静止)、指针经过(将鼠标指针移动到按钮上)、按下(按下按钮)、点击(定义按钮响应区域)。这4种状态定义了按钮的4个关键帧。下面详细介绍按钮的这4种关键帧。 (1)【弹起】帧：在【弹起】帧中定义按钮的正常显示效果，也就是按钮未被鼠标单击时所显示的效果。 (2)【指针经过】帧：定义当鼠标指针移到按钮上但不单击它时按钮的效果。一般该帧相对于【弹起】帧应有所改变。比如：可以定义当鼠标指针移到按钮上时按钮变色或放大、缩小等，对于文字按钮，可以定义当鼠标指针移到按钮上时文字变色或改变文字的字体等。 (3)【按下】帧：定义按钮时按下所出现的效果。对于图形按钮来说，按钮被按下时一般会定义得比未被按下时要小一些，这样，当按下按钮时，按钮会自动缩小，出现动态效果。 (4)【点击】帧：定义按钮的响应区域。在响应区域按下按钮时，系统才能响应按钮按下的事件。该区域在工作区中是不可见的。如要定义该帧，必须保证此区域包括按钮的弹起、指针经过和按下3种状态的区域；如不定义该帧，则系统会默认【弹起】帧状态为按钮的区域响应。 5.1 按钮基础知识 注意：按钮虽然有4种状态，但可根据需要定义这4种帧状态，也可只定义一部分，但一些基本的帧必须定义，一般而言，【弹起】帧和【指针经过】帧必须定义。 2. 按钮的创建 (1) 创建图形按钮的步骤如下。 ① 选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，按如图5.1所示设置。 5.1 按钮基础知识 ③ 定义按钮的4个帧。在按钮中可以使用影片剪辑元件、图形元件或素材库中的组件对象。在这里我们利用绘图工具绘制按钮的4个帧。 定义【弹起】帧：利用前面所学知识在工作区域中绘制如图5.3所示的图形。 定义【指针经过】帧：用鼠标在【指针经过】帧处插入一个关键帧，此时【弹起】帧的图形被复制到【指针经过】帧的工作区。确保图形被选中，在混色器面板中进行色彩调整，得到如图5.4所示的图形。 定义【按下】帧：用鼠标在【按下】帧处插入一个关键帧，此时【指针经过】帧帧的图形被复制到“按下”的工作区。确保图形被选中，在混色器面板中进行色彩调整，得到如图5.5所示的图形。 定义【点击】帧：用鼠标在【点击】帧处插入一个关键帧，并进行大小的调整，得到如图5.6所示的图形。该帧主要是定义按钮的有效单击范围，在有效范围里按下按钮时，系统才认为该事件已经发生。如果不定义该帧，则系统默认“弹起”帧为响应区域。 5.1 按钮基础知识 ④ 单击图层左上角的[场景1]按钮，返回场景，按钮制作完毕。 (2) 创建文字按钮的步骤如下。 ① 选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图5.7所示。 5.1 按钮基础知识 ③ 定义按钮的4个帧。在按钮中可以使用影片剪辑元件、图形元件或素材库中的组件对象。在这里我们利用绘图工具绘制按钮的4个帧。 定义【弹起】帧：利用文字工具和前面所学知识在工作区域中输入如图5.9所示的图形。 定义【指针经过】帧：用鼠标在“指针经过”帧处插入一个关键帧，此时【弹起】帧的文字被复制到【指针经过】帧的工作区。确保文字被选中，在文字属性面板中进行色彩调整，得到如图5.10所示的文字。 定义【按下】帧：用鼠标在【按下】帧处插入一个关键帧，此时【指针经过帧】帧的文字被复制到“按下”的工作区。确保文字被选中，在文字属性面板中进行色彩调整，得到如图5.11所示的文字。 定义【点击】帧：用鼠标在【点击】帧处插入一个关键帧，并进行大小的调整，得到如图5.12所示的文字。该帧主要是定义按钮的有效单击范围，在有效范围里按下按钮时