Flash制作动画之掌控基本按钮知识

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

　　

　　解决思路

　　

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

　　

　　具体步骤

　　

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

　　

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

　　

　　3，进入按钮编辑区，时间轴上面一共有四个帧。

　　

按钮元件的时间轴

　　

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

　　

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

　　

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

　　

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

　　

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

　　

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

　　

加入文字图层

　　

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

　　

按钮效果

　　

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

　　

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

　　

键入文字

　　

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

　　

　　14、解决这个问题，能够采用两种方法。第一种方法，进入按钮元件编辑区，在第4帧中利用矩形工具画一个矩形，放在“PLAY”的下方，以扩大他的反应区。因为第4帧“点击”中的内容在发布作品的时候是看不见的，所以我们能够使用任意颜色。如图所示。

　　

在“点击”帧插入矩形

　　

　　14、发布测试效果，因为按钮反应区的扩大，就很轻易的点击到按钮了。

　　

15、另外一种方法是新建一个图层，在按钮元件编辑区的第1帧画一个透明的矩形，因为矩形虽然是透明的，在舞台中是看不见的，但是他还会起到一个形状的作用，这样在第1帧扩大了按钮的反应区域。如图所示。

　　

插入透明矩形

　　

　　16、这种制作方法也能够制作出很好用的文字按钮。

　　

　　注意――对按钮的测试，我们用【控制】菜单里面的【播放】命令或使用快捷键“Enter”是无法测试的。我们要单击【文档】菜单下的【发布】命令或使用组合快捷键“Ctrl Enter”来进行发布测试。

　　

　　提示――朋友们普遍对按钮的四个帧里面的最后一个帧的作用不是很理解，这个帧就是按钮的反应区，在场景中是看不到的，制作隐形按钮就要利用这个帧。

　　

　　技巧――按钮是一部作品中不可或缺的重要组成部分，制作按钮时，应考虑到整体作品的风格。

　　

　　试一试――我们向大家介绍了文字按钮的制作方法，大家不妨试一试，因为这种按钮在每个作品中都要使用的。

　　

　　分析――出现这个问题的根本原因有两个：第一，朋友们对按钮制作的不重视性，认为按钮只是个附属的东西，对于作品整体的主体表现没有太多的作用，所以也忽视了按钮的细节制作；第二，朋友们对第4帧“点击”的知识的不了解。

　　

　　特别提示

　　

　　按钮作为一个Flash动画作品中实现交互作用的媒介，起到了很重要的作用。因为本文所附源文档中并没有涉及到按钮的控制问题，所以只能利用鼠标放置到按钮上显现的小手形状来测试按钮。

　　

　　特别说明

　　

　　通过对这个问题的解释，我们了解了基本按钮的制作方法和怎样制作文字按钮。我在欣赏闪吧承办的“衡雅杯”环保FLASH比赛的时候，发现许多朋友制作的文字按钮都没有采取扩大反映区的手段。以至考验欣赏者使用鼠标的灵活程度，对作品的欣赏带来第一印象的厌烦感。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有