按钮的制作

今天我们来做一个按钮,这个按钮是闪吧原文件里提供的,因为有很多的朋友
还是不太熟悉按钮的制作,所以特别写了这个教程。
首先从最简单的,按钮制作开始讲解。
先来做一个简单的按钮,按钮是分四种状态的,分别是:
up,over,down,hit.
用中文来解释,就是原始状态,经过时的状态,按下去的状态,点击状态。
一般最后一个状态经常在做隐形按钮时用到。
1.新建一个文档,大小为140*21,选择插入一个新符号,类型选择按钮。点确定,这样我们就
进入了按钮的编辑状态,这时候我们可以看到按钮的四个状态,同时只有原始状态
上有一个白色的圆圈,这表示我们可以在里面放入图形,选择矩形,我们在舞台上
拖出一个矩形,当然你可以放置任何你想要的图形,导入到库中的经过处理的图象
也可以。
按此在新窗口浏览图片
。我们可以分别选中按钮的另外三个状态,按右键插入空白关键帧,分别放入我们想
要的图形。
按此在新窗口浏览图片
3。在这里我在经过状态放入的是一个电影剪辑,后面我们将做这个电影剪辑,现在先看一下效果。
4。把我们刚才做好的按钮拖入主场景,按ctrl enter测试效果。
点击开新窗口欣赏该FLASH动画![全屏欣赏]

这个按钮的效果是当鼠标经过的时候,会有一个黑色的渐变划过.
现在我们做这个黑色渐变的效果。
1。新建一个符号,类型选择图形,名字为矩形,按确定后,进入编辑状态,我们在舞台上拖出一个灰色矩形,大小为140*21,你可以打开属性面板,来精确调整矩形的大小,方法是选中矩形,点右键,选属性,就可以打开属性面板.
按此在新窗口浏览图片
2。用步骤一的方法在新建一个图形符号,名字为遮罩,在舞台上放置一个比矩形稍宽一点的矩形(160*21),填充颜色为下图:
线性填充,黑色透明度为50%,0%。
按此在新窗口浏览图片
按此在新窗口浏览图片
3。同样我们插入一个新的符号,类型选择电影剪辑,在这个电影剪辑里,
要用到遮罩的效果,也许有的朋友还不熟悉遮罩的应用,没关系,我们一点点来学习。
4。在第一层我们拖入刚才做好的矩形,放在舞台的正中央,在第二十帧插入帧。你可以调出排列面板来调整位置。
5。新建一层,在第二帧插入空白关键帧,放入遮照图形,遮罩图形和矩形的左边重合,在第二十帧插入关键帧。选择第二帧,
,把第二帧的图形向左拖动,再点击第二帧,右键选择运动渐变。
6。新建一层,放置和第一层相同的矩形,在第二十帧插入帧。现在可以用矩形来遮罩第二层的运动层,右键点击第三层,
选择遮罩。
5。新建一层,在最后一帧加stop();
按此在新窗口浏览图片
好,现在我们来看效果。
把做好的电影剪辑拖入到按钮的经过状态中,就可以看到我们做的效果了。
这里我们拖入多个排列,就可以成为一个菜单了。
当然我们可以在按钮上新建一层,放入我们想要的按钮上的文字。
点击开新窗口欣赏该FLASH动画![全屏欣赏]

http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=80 height=160>/Upload/2004_Pack/2004161123911629.swf
被遮罩的运动渐变的两个状态.
按此在新窗口浏览图片
按此在新窗口浏览图片
点击开新窗口欣赏该FLASH动画![全屏欣赏]
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=80 height=160>/Upload/2004_Pack/2004161137368817.swf

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值