flash8动画设计案例教程

《flash8动画设计案例教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第5章Flash8.0按钮制作制作者:伍福军张家瑞知识点：1.简单按钮2.动画按钮3.“别碰我”文字制作4.跟随光标的提示5.调节音量6.控制图片变化7.左右声道均衡调节8.用组件控制声音按钮9.选择乐曲播放10.使用按钮载入图片说明：本章主要介绍Flash8.0按钮的制作，通过10个案例全面讲解了按钮的制作方法与技巧，学生对本章内容一定要掌握，它是制作交互动画的基础。教学建议课时数：一般情况下需18课时：理论6课时，实际操作12课时(可根据特殊情况做相应调整)。5.1按钮基础知识5.1.1按钮的介绍1.按钮简介按钮是人机进行信息交互的基

2、础，它对鼠标单击事件进行响应。按钮可对按钮静止、将鼠标指针移到按钮上、按下鼠标左键3种事件作出响应。这3种事件对应着按钮的4种状态：弹起(按钮静止)、指针经过(将鼠标指针移动到按钮上)、按下(按下按钮)、点击(定义按钮响应区域)。这4种状态定义了按钮的4个关键帧。下面详细介绍按钮的这4种关键帧。(1)【弹起】帧：在【弹起】帧中定义按钮的正常显示效果，也就是按钮未被鼠标单击时所显示的效果。(2)【指针经过】帧：定义当鼠标指针移到按钮上但不单击它时按钮的效果。一般该帧相对于【弹起】帧应有所改变。比如：可以定义当鼠标指针移到按钮上时按钮变色或放

3、大、缩小等，对于文字按钮，可以定义当鼠标指针移到按钮上时文字变色或改变文字的字体等。(3)【按下】帧：定义按钮时按下所出现的效果。对于图形按钮来说，按钮被按下时一般会定义得比未被按下时要小一些，这样，当按下按钮时，按钮会自动缩小，出现动态效果。(4)【点击】帧：定义按钮的响应区域。在响应区域按下按钮时，系统才能响应按钮按下的事件。该区域在工作区中是不可见的。如要定义该帧，必须保证此区域包括按钮的弹起、指针经过和按下3种状态的区域；如不定义该帧，则系统会默认【弹起】帧状态为按钮的区域响应。5.1按钮基础知识注意：按钮虽然有4种状态，但可根据

4、需要定义这4种帧状态，也可只定义一部分，但一些基本的帧必须定义，一般而言，【弹起】帧和【指针经过】帧必须定义。2.按钮的创建(1)创建图形按钮的步骤如下。①选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，按如图5.1所示设置。图5.1②单击[确定]按钮进入按钮编辑区，时间轴中将出现按钮的4个状态帧，如图5.2所示。图5.25.1按钮基础知识③定义按钮的4个帧。在按钮中可以使用影片剪辑元件、图形元件或素材库中的组件对象。在这里我们利用绘图工具绘制按钮的4个帧。定义【弹起】帧：利用前面所学知识在工作区域中绘制如图5.3所示的图形。定

5、义【指针经过】帧：用鼠标在【指针经过】帧处插入一个关键帧，此时【弹起】帧的图形被复制到【指针经过】帧的工作区。确保图形被选中，在混色器面板中进行色彩调整，得到如图5.4所示的图形。定义【按下】帧：用鼠标在【按下】帧处插入一个关键帧，此时【指针经过】帧帧的图形被复制到“按下”的工作区。确保图形被选中，在混色器面板中进行色彩调整，得到如图5.5所示的图形。定义【点击】帧：用鼠标在【点击】帧处插入一个关键帧，并进行大小的调整，得到如图5.6所示的图形。该帧主要是定义按钮的有效单击范围，在有效范围里按下按钮时，系统才认为该事件已经发生。如果不定义

6、该帧，则系统默认“弹起”帧为响应区域。图5.3图5.4图5.5图5.65.1按钮基础知识④单击图层左上角的[场景1]按钮，返回场景，按钮制作完毕。(2)创建文字按钮的步骤如下。①选择[插入]→[新建元件]命令，弹出【创建新元件】对话框，设置如图5.7所示。图5.7②单击[确定]按钮进入按钮编辑区，时间轴中将出现按钮的4个状态帧，如图5.8所示。图5.85.1按钮基础知识③定义按钮的4个帧。在按钮中可以使用影片剪辑元件、图形元件或素材库中的组件对象。在这里我们利用绘图工具绘制按钮的4个帧。定义【弹起】帧：利用文字工具和前面所学知识在工作区域

7、中输入如图5.9所示的图形。定义【指针经过】帧：用鼠标在“指针经过”帧处插入一个关键帧，此时【弹起】帧的文字被复制到【指针经过】帧的工作区。确保文字被选中，在文字属性面板中进行色彩调整，得到如图5.10所示的文字。定义【按下】帧：用鼠标在【按下】帧处插入一个关键帧，此时【指针经过帧】帧的文字被复制到“按下”的工作区。确保文字被选中，在文字属性面板中进行色彩调整，得到如图5.11所示的文字。定义【点击】帧：用鼠标在【点击】帧处插入一个关键帧，并进行大小的调整，得到如图5.12所示的文字。该帧主要是定义按钮的有效单击范围，在有效范围里按下按钮

8、时，系统才认为该事件已经发生。如果不定义该帧，则系统默认【弹起】帧为响应区域。图5.9图5.10图5.11图5.125.1按钮基础知识④单击图层左上角的[场景1]按钮，返回场景，按钮制作完毕。