| | | Flash 5之互动按钮制作 | | 2001-12-29·
·dxj2008··天极设计在线
| 1 2 下一页 用Flash制作动态按钮,大家并不陌生。可要同时达到多按钮互动等一些特殊效果,可能看上去会比较复杂。其实只要思路清晰,运用简单的技巧,就可以达到这样的效果。 简单的多按钮互动是指:共有多个按钮,当鼠标与其中某一个按钮发生鼠标事件时,其它按钮也将随之产生某种特定事件。像这样的多按钮互动运用的范围很广,如果能巧妙运用,会使Flash网站、课件、游戏等与众不同,跳脱普通按钮的范畴。下面我们就举个简单的例子来说明怎样制作互动按钮(图1)。文章末尾提供.fla源文件下载学习。
图1 一、先打开Flash 5,在Modify下拉菜单(快捷键Ctrl+M)里的Movie Properties对话框中设置场景大小为400×130(Width×Height),背景为白色即可。
二、新建四层,使时间线上有五层,因为要做五个按钮互动,从上到下把每层分别命名为按钮1到按钮5。Window下拉菜单中Common Libraries中的Button,打开Flash 5自带的按钮库,可随意挑选一个,笔者这里选的是Push Button Green,把这个绿色圆形按钮分别拖动到按钮1层至按钮5层的第一帧,并从左至右排列好,可用Align面板辅助排列。
三、在按钮1层的第二十帧,插入关键帧(快捷键F6),为此层Timeline(时间线)的第一帧和第二十帧上右键Actions,写Stop命令。
四、如图2,效果是当鼠标移到按钮1上并单击,其它四个按钮就会按顺序移走。
 图2
我们开始制作其它四个按钮移开的动画,按钮5层的第五帧插入关键帧,再在第八帧插关键帧,把第八帧上的按钮移动到工作区外,第五帧上右键Create Motion Tween来创建Motion运动。依照制作按钮5上的制作方法,在按钮4层第八、十一帧,按钮3层第十一、十四帧,按钮2层第十四、十七帧,完成同样的按钮移开动画,最后在按钮5、4、3、2层的第二十帧补插帧(快捷键F5),如图3所示。
 图3
1 2 下一页 | | | 感谢
访问天极网,如果您觉得该文章涉及版权问题,请看这里!
|
|