新手上路
入门动画
高级创作
 
总体导航图
学习指南
当前位置:多媒体应用基础>>多媒体创作工具>>FLASH专区>>入门动画>>按钮制作
入门动画
按钮制作

这一节,我们来学习按钮的制作方法。在上一章的声音中,我们曾经做过一个简单的按钮,用来控制声音的播放,现在我们就来学习一个完整按钮的制作过程。

1.新建一个文件,创建一个按扭图符。

进入了按钮的编辑窗口。注意这时时间轴上只有四帧,这四帧的含义我们在前面第一章的图符和实例(一)已经详细介绍过。

2.Up帧上的内容,也就是正常状态下按钮的外观。

选绘图工具栏中的矩形工具,在编辑窗口中间拉出一个不带边线的矩形来,为了美观起见,也可以选参数修改器中的设置圆角。选文字工具,设置适当的字体,颜色,字号等,在矩形中间写上“移鼠标过来看看”。选箭头工具,在刚刚输入的文字上点鼠标右键,在弹出的菜单中选放缩(Scale)。我们对文字进行放缩处理,使它排放在画好的矩形的合适位置。

3.Over帧的内容,也就是鼠标滑过按钮表面时按钮的外观。

Over帧上用鼠标左键点一下(选中Over帧),并按F6把这一帧设为关键帧,这时该帧具有和Up帧相同的内容。 选择箭头工具,双击矩形中间的文字,进入文字编辑模式,改变文字工具参数修改器中的字号和颜色,并在文字输入框中输入“按下来看看”。这样,我们又做好了按钮的第2帧。

4.Down帧的内容,也就是鼠标按下按钮时按钮的外观。

Down这一帧的做法和前两帧相同,先用F6在这一帧插入一关键帧,然后选择箭头工具,双击矩形中间的文字,进入文字编辑模式,改变文字工具参数修改器中的字号和颜色,并把文字输入框中的文字改为“看到我变了吧”。

5.Hit帧的内容,它的作用是定义按钮对鼠标做出反应的区域。

一般情况下这一帧可以省略掉,但对于某些特殊情况,你可能会需要为按钮指定对鼠标做出响应的特殊区域,这时这一帧就很关键了。按下F6插入关键帧,把文字部分选中删除掉就行了,这样就设定对鼠标响应的区域就是这个矩形区域。

6.放置按钮实例。

四个帧全部做好了,现在我们来把按钮放到主窗口中。点时间轴窗口左上角的回到主场景中,按Ctrl-L打开图库窗口,从它的预览窗口中把刚才做好的按钮拖到工作区中。按Ctrl-Enter观看一下效果吧。

这个例子只是一个按钮的最普通形式。我们可以按照自己的需要,在按钮的Action中加入一些脚本(Actionscript),请参考音乐开关的奥秘

      下一个知识点
¨遮罩¨