《flash8动画设计实例教程》第六

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

1、目标技能了解按钮元件时间轴的4种状态熟练掌握自建按钮元件的制作方法能够利用按钮元件制作交互动画熟悉按钮库中的按钮元件，能够熟练操作按钮库了解Flash中的声音类型能够熟练地导入声音文件，能够编辑声音文件第6章按钮制作与声音设置本章目录6.1自建按钮6.2利用按钮库制作按纽6.3Flash中声音的控制实例本章重点：按钮元件制作及如何导入声音文件本章难点：创建动态按钮和音效动画制作6.1自建按钮按钮元件可以改变动画的播放顺序，控制动画的播放时间和播放速度，并可以随时调用电影片段和控制它的属性，按钮是交互动画中的常用对象。按钮元件的四种状态是：弹起状态：鼠标和按钮不发生

2、接触，按钮处于一般状态。指针经过状态：鼠标经过按钮但没有按下时的状态。按下状态：在按钮按下鼠标时的状态。点击状态：此状态定义响应鼠标事件的有效区域范围，且此区域不会显示在影片中。6.1.1绘制按钮创建按钮元件的方式有以下几种：1）选择菜单栏中的“插入”“新建元件”命令，直接新建一个按钮元件，然后进入按钮元件的编辑模式，对按钮的每种状态进行编辑；2）在舞台上画一个任意形状的图形，然后选中它，单击鼠标右键，从弹出的快捷菜单中选择【转换为元件…】命令，将它转换为按钮元件，再进入按钮元件编辑模式编辑按钮；3）把图形元件或影片剪辑元件转换为按钮元件。选中图形元件或影片剪辑

3、元件，单击鼠标右键，从弹出的快捷菜单中选择【转换为元件…】命令，在打开的“转换为元件”对话框中，将类型修改为按钮，就将其转换为按钮元件了。制作动画：绘制按钮步骤：1）打开Flash8，新建一个Flash文档，设置影片尺寸为“200px×200px”,背景颜色为“白色”，帧频为“12”。2）选择“插入”“新建元件”命令，打开“创建新元件”对话框，名称框设为“按钮元件”，类型为“按钮”，如图示。3）单击“确定”，进入按钮元件的编辑模式。4）在按钮元件编辑模式下，将当前图层名称修改为按钮外观，单击第1帧（弹起），选择工具箱中“椭圆”工具按钮，设置笔触颜色为无，填充色为

4、“红色”。按住Shift键，在场景编辑区画一个无边框的圆，，调整圆的位置，使圆心与中心点对齐。5）单击插入图层按钮，新建一个图层，重新命名为文本。6）单击文本图层的第1帧，选择工具箱中的文本工具按钮，设置填充色为黑色。在场景中绘制一个文本框，在文本框中输入文字——弹起，，调整文字位置，将它置于圆上。7）右键单击按钮外观图层的第2帧（指针经过），从弹出的快捷菜单中选择【插入关键帧】命令。设置工具箱中的填充色为绿色，使用工具箱中的颜料桶工具按钮，将图形的填充色改为绿色。右键单击文本图层的第2帧，从弹出的快捷菜单中选择【插入关键帧】命令，双击文本框，在文本框编辑模式下，

5、修改文本框中的文字为——经过。8）右键单击按钮外观图层的第3帧（按下），从弹出的快捷菜单中选择【插入关键帧】命令。设置工具箱中的填充色为蓝色，使用工具箱中颜料桶工具按钮，将图形的填充色改为蓝色。右键单击文本图层的第3帧，从弹出的快捷菜单中选择【插入关键帧】命令，双击文本框，在文本框编辑模式下，修改文本框中的文字为——按下。9）右键单击按钮外观图层的第四帧（点击），从弹出的快捷菜单中选择【插入关键帧】命令，使用工具箱中的椭圆工具按钮，重新绘制一个无边框的黄色的圆，将它盖住蓝色的圆，作为按钮的有效点击区。10）单击返回场景按钮，回到场景编辑模式。选择菜单栏“窗口”“

6、库”命令，打开库面板，会看到将刚才制作的按钮元件已经添加到库中。11）拖到按钮元件到舞台，创建一个按钮元件实例。12）选择菜单栏“控制”“启用简单按钮”命令，就可以在编辑区中测试按钮元件的效果，也可以按【Ctrl】+【Enter】键预览动画效果。13）选择菜单栏“文件”“保存文件”命令，将文件命名为“绘制按钮.fla”。14）选择菜单栏“文件”“发布”命令，生成“绘制按钮.swf”。6.1.2创建动态按钮为了增加按钮的动感和交互性，在按钮的制作过程中还可以为按钮元件不同的帧添加简单动画或者声音，制作动态按钮。制作动画：“飞舞的蝴蝶”动态按钮。1）打开上节制作

7、的“绘制按钮.fla”文件。2）选择菜单栏“窗口”“库”命令，打开“库”面板。单击“库”面板下方的新建元件图标按钮，在弹出的“创建新元件”对话框中，设置名称框为蝴蝶，类型为影片剪辑。3）在蝴蝶影片剪辑的编辑模式，选择菜单栏“文件”“导入”命令，导入一张蝴蝶图片，调整图片至适当大小，调整图片位置到中心点的左侧，双击图层１名称框，修改该图层名称为蝴蝶。4）右键单击第30帧，从弹出的快捷菜单中选择【插入关键帧】命令。5）右键单击第1帧，从弹出的快捷菜单中选择【创建补间动画】命令。6）在蝴蝶图层名称框上单击鼠标右键，从弹出的快捷菜单中选择【添加引导层】命令。7）选择工

8、具箱中的铅