快速制作Flash动态按钮 |
|---|
|
| 2004-05-20 红苹果 |
| |
在自己制作的网页中，如果有一个漂亮的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)代表单击按钮执行页面跳转。
这样，一个动态按钮就制作好了，相信聪明的你一定可以通过这个例子做出自己喜欢的漂亮按钮来。
|
|
| |
|
发表评论
推荐文章
关闭窗口
|
|
|
|
