全面掌握Flash 按钮教程

问题1:如何制作按钮?为什么我制作的文字按钮,很不容易点击到?

　　解决思路

　　在按钮编辑区的时间轴上只有四个帧,第4帧的”点击”是按钮的反应区,这个区域在舞台中是看不到的,但是他却起到了按钮反应的作用。我们扩大按钮的反应区,既可以轻易的用鼠标点击到这个按钮了。

　　具体步骤

　　1、运行FlashMX2004，文档属性默认。

　　2、新建一个元件，命名为“按钮”，类型设定为按钮元件。

　　3，进入按钮编辑区，时间轴上面一共有四个帧。这四个帧的作用已经在第一章中向大家介绍过了。如图所示。

　　图2.1.34 按钮元件的时间轴

　　4、在第1帧中单击工具栏里面的矩形工具绘制一个蓝色的矩形。

　　5、返回到场景1，从“库”中把这个按钮拖动到舞台中。

　　6、发布测试效果，我们看到当鼠标放到这个按钮上面的时候，鼠标变为小手形状，说明制作的这个按钮成功。

　　7、在实际的创作中，因为舞台中的元件很多，为了区分元件的种类，需要在按钮上面写上说明，那么我们就来实际制作一下。

　　8、双击“库”中按钮元件，进入按钮编辑区。

　　9、在图层面板中新建图层2，单击文本工具键入“button”，调整位置。如图所示。

　　图2.1.35 加入文字图层

　　10、返回到场景1测试，按钮上面已经有了一个标志名字，按钮的功能没有受到影响。如图所示。

　　图2.1.36 按钮效果

　　11、这种按钮的制作方法是最为简单的，它不涉及到反应区的问题。因为蓝色的矩形部分已经在舞台中显露出来，只要点击蓝色区域都可以执行按钮的作用。在一些Flash作品中由于整体视觉效果的要求，往往出现一些只有文字，没有背景的按钮。这样就涉及到了问题中所提到的反应区的问题。

　　12、进入按钮元件编辑区，在第1帧中键入文字“PLAY”，制作一个播放按钮。如图所示。

　　图2.1.37 键入文字

　　13、返回到场景1发布测试按钮效果，发现鼠标不是很轻易的就会点击到按钮。其原因是按钮的反应只限制在文字的线条上面。