这一节,我们来学习按钮的制作方法。在上一节中,我们曾经做过一个简单的按钮,但是很不全面,现在我们就来学习一个完整按钮的制作过程。
新建一个文件,按Ctrl-F8创建图符,命名新图符为Button,并在下面的行为(Behavior)选项中选按钮(Button),确定。这样我们就进入了按钮的编辑窗口。注意这时时间轴上只有四帧,如右图所示: 。这四帧的含义我们在前面的第一章中已经详细介绍过。
首先我们来画Up帧上的内容,也就是正常状态下按钮的外观。选绘图工具栏中的矩形工具,在编辑窗口中间拉出一个不带边线的矩形来,为了美观起见,也可以选参数修改器中的 设置圆角。用颜料桶工具 选中深蓝色,在矩形上点一下,矩形这时以深蓝色填充。选文字工具,设置适当的字体,颜色,字号等,在矩形中间写上“按我”。选箭头工具,在刚刚输入的文字上点鼠标右键,在弹出的菜单中选放缩(Scale)。我们对文字进行放缩处理,使它排放在深蓝色矩形的合适位置。
Up帧下的内容已经做好了,我们现在再来做Over帧的内容,也就是鼠标滑过按钮表面时按钮的外观。在Over帧上用鼠标左键点一下,并按F6把这一帧设为关键帧,这时该帧具有和Up帧相同的内容。选择颜料桶工具,选中灰绿色,用颜料桶在矩形上边线附近点一下,注意点中间的文字不会有效果,这时矩形框填充灰绿色。选择箭头工具,双击矩形中间的文字,进入文字编辑模式,改变文字工具参数修改器中的字号和颜色,并在文字输入框中输入“我会变色”。这样,我们又做好了按钮的第2帧。
Down这一帧的做法和前两帧相同,先用F6在这一帧插入一关键帧,然后一方面用颜料桶工具选黄色填充矩形,另一方面用箭头工具双击矩形中间的文字部分,在文本编辑状态下改为“再变一次”。
最后一帧是Hit帧。它的作用是定义按钮对鼠标做出反应的区域。一般情况下这一帧可以省略掉,但对于某些特殊情况,你可能会需要为按钮指定对鼠标做出响应的特殊区域,这时这一帧就很关键了。按下F6插入关键帧,把文字部分选中删除掉就行了,这样就设定对鼠标响应的区域就是这个矩形区域。
这四帧全部设置好以后。我们点时间轴窗口左上角的 回到主场景中,按Ctrl-L打开图库窗口,从它的预览窗口中把刚才做好的按钮拖到工作区中。按Ctrl-Enter观看一下效果,应该和我上面的按钮差不多。
|