| 快速制作Flash动态按钮 |
|
|
| 红苹果 大众网络报 2001-10-17 |
在自己制作的网页中,如果有一个漂亮的Flash动态按钮会使页面增色不少,但是,Flash按钮是怎么制作的呢?下面我们就通过一个简单的例子来了解Flash按钮的制作过程。
创建按钮
新建一个Flash文件,打开“插入菜单”,选择“新建组件”,在弹出的组件属性对话
框中设置新组件的属性为“按钮”,然后按“确定”,进入按钮的编辑状态。
正常状态
在按钮编辑状态第一帧中显示“向上”,这就是正常情况下按钮显示的状态。选择椭圆工具,按住“Shift”键的同时使用椭圆工具,绘制出正圆。其中边缘为8.25粗细的实线,颜色填充为斜射线填充,射线的颜色分布如图1所示。
其中色带从左到右的颜色值分别为:#0033FF、#000099、#0000CC,填充按钮后,按钮呈现如图1状态。
鼠标经过
接着,在第二帧“经过”处也增加关键帧,这里不需要改变按钮的形状,只是对其颜色进行更改。同样,选择斜射线填充,不过与图1不同,此处的颜色块集中于色条中心微偏右的位置,颜色值分别为:#33CC66、#006633、#009966。
如果鼠标经过时仅有按钮颜色的变化,画面未免显得有些单调。于是,新建图层2,在“经过”帧增加关键帧,插入组件2,属性为影片剪辑属性。
编辑组件2,在其第一层第一帧画一个边缘为白色,无填充色绘制小圆,使用鼠标右键为该帧增加动作渐变,在第20帧增加关键帧,使用比例缩放工具将小圆等比例放大;同样,在31帧也增加关键帧,将圆放得更大,并且打开效果面板,选择alpha选项,将其值调节为0%。复制该层中所有帧,新建层2,粘贴帧,全选该层的所有帧,整体向后拖动,使前18帧为空白帧即可。同样的方法,新建图层3,粘贴帧,让其前35帧为空白帧。
返回按钮编辑状态,回到刚才插入的第二层“经过”帧,拖入新建的“组件二”,其中心与下面一层的按钮中心对齐。
经过这样的操作,当鼠标经过按钮时,按钮呈现绿色,并且由按钮中心向外放射出白色光环。
图2为鼠标经过时的状态。
按下状态
编辑按钮的层1中“向下”影格,增加关键帧,改变按钮颜色为红色,依然选择斜射线填充,填充颜色值依次为:#FF6666、#D40F0F、#FF0000。
这样,当鼠标按下按钮时,按钮将会呈现出红色。
关于热区
按钮的最后一个帧为“执行”帧,可不要小看这个帧,它起到一个热点的作用,它可以控制按钮在哪些区域有效。
添加链接
一个按钮再美观也必须满足实际使用的需要,所以,这里我们就要为按钮添加动作。回到场景一,打开图库面板拖入前面制作的按钮。选定按钮,打开对象动作面板,写入以下代码:
on (press) {
getURL ("index.htm");
}
其中getURL指向的就是按钮的链接页,on (press)代表单击按钮执行页面跳转。
这样,一个动态按钮就制作好了,相信聪明的你一定可以通过这个例子做出自己喜欢的漂亮按钮来。
|
|
|
|
|
 |
|
|
 |
|
|
|
|