图形按钮元件的制作.doc

图形按钮元件的制作第一步：设置作品舞台属性 　　创建一个新的Flash文档，将其舞台大小设置为400x200像素，背景色为蓝色，帧频默认为12fps，并保存为“控制声道的图形按钮.fla”，如下图所示： 　　 　 　第二步：创建一个“双声道”按钮元件 　　（1）使用“插入|新建元件”命令，在“创建新元件”对话框中将元件名称命名为“双声道”，行为类型中选用“按钮”，然后单击“确定”按钮，如下图所示，进入创建按钮元件的舞台中。 　　 　 　 （2）在元件窗口中，使用“文件|导入”命令，打开“导入”对话框，找到保存图片的目录后，选择需要导入到舞台上的图片文件，例如：center1.gif，然后单击“打开”按钮，如下图所示： 　　 　 　（3）由于在素材文件夹中除了我们选用的图片文件center1.gif外，还有另外2个图片的文件名与center1.gif类似，所以在图片导入过程中FlashMX程序会提示用户是否导入序列图像，如下图所示。由于我们在制作“双声道”按钮元件时，需要在“指针经过”帧和“按下”帧中分别导入center2.gif和center3.gif图像，因此我们单击对话框中的“是”按钮。 　　 　　（4）此时，我们可以发现在“双声道”按钮元件的图层1时间线的“弹起”、“指针经过”和“按下”帧中被分别插入了关键帧（因为每个帧中都被导入了不同的gif格式的兔子图像）。我们先使用对齐面板，将各个关键帧中的兔子图像置于舞台的中心位置，然后将原先的图层1重命名为“兔子”，完成后如下图所示： 　　 　　（5）接着，我们将“兔子”图层锁定，然后在该图层的上方插入一个新的图层，并重命名为“文字”。在“文字”图层的第1帧，使用“文本工具”输入红色的字符“双声道”，在“指针经过”和“按下”帧中分别插入关键帧，然后将这两个关键帧中的红色“双声道”字符修改为“黄色”和“淡绿色”，完成后如下图所示： 　　 　　（6）在“文字”图层的上方插入1个新的图层，并重命名为“音乐”，在该图层的“指针经过”帧中插入一个空白关键帧，如下图所示： 　　 　　（7）使用“文件|导入到库”命令，在弹出的“导入到库”对话框中选定需要到入的文件，此处我们选用“music.wav”声音文件，然后单击“打开”按钮，如下图所示： 　　 　　（8）鼠标单击选中“音乐”图层时间线上的“指针经过”空白关键帧，展开属性面板，在声音下拉列表中选用“music.wav”，效果下拉列表中选用“无”，如下图所示： 　　 ? （9）对“音乐”图层中的“指针经过”空白关键帧设置完声音后，我们可以看到该空白关键帧中被自动添加了一根音频线，如下图所示，“双声道”按钮元件到此基本创建完毕。 　　 　　第三步：创建“左声道”和“右声道”按钮元件 　　（1）“左声道”按钮元件的制作过程与“双声道”按钮元件类似，只是在“兔子”图层中导入的是“left1.gif”、“left2.gif”和“left3.gif”图像，在“文字”图层中的字符内容也做出相应的修改，在“音乐”图层的“指针经过”空白关键帧中还是引用“music.wav”，只是在其效果下拉列表中选用“左声道”即可，元件完成后如下图所示： 　　 　　（2）“右声道”按钮元件的制作过程参考上述内容，此处不再赘述，完成后情况如下图所示： 　　 　　第四步：在场景中使用按钮创建实例 　　返回到场景舞台中，按F11打开作品的素材库，分别将三个图形按钮元件从素材库中拖曳到舞台上，创建出各自的实例。然后调整实例的大小和位置，完成后如下图所示： 　　 　　此时，如果同学们使用“控制|测试影片”命令的话，在测试过程中会发现虽然按钮能够控制不同的声道播放音乐，但是显得杂乱无章，所以我们很有必要再对作品进一步修改。 　　第五步：对舞台上的实例设置相应的action命令 　　（1）选中舞台中的“左声道”按钮实例，单击展开“动作——按钮”面板，双击动作工具箱中的“动作|影片控制|stopAllsound”命令，然后再单击选中“脚本窗格”中的“on release”命令，在展开的事件区域中取消“释放”事件，选用“滑离”事件，如下图所示： 　　 （2）对于“双声道”和“右声道”按钮实例的action设置参照“左声道”按钮实例的设置过程，在此不加以赘述。之所以对3个按钮实例设置这样的action命令，是因为当鼠标指针滑离开按钮实例作用区域时，都会自动执行脚本语句“stopAllsound”来停止所有正在播放的音乐。 　　第六步：保存作品并导出.swf格式的Flash影片