您现在的位置是: 软件 > 设计在线 > 网页陶吧 > 网页工具 > Flash > 实例剖析 > 正文


-Win xp中的多种网络
-试验试验试验试验
-用Freehand实现位图矢量化
-网络电话面面观

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  下一页

■ 相关内容
 用Flash制作简单的披雪字
 用PS制作晶莹剔透的apple风格按钮
 用FW制作金属效果按钮
 Flash贺卡封面动画按钮制作
 一个FLASH的按钮触发鼠标效果
 巧用样式表,让文本框与按钮变个样
 按钮制作不求人
 利用Fireworks 4作荧光按钮
 三种制作按钮的方法
 Illustrator制作按钮一例
 经典教程-制作金属按钮
 FLASH特殊效果之一:火花按钮
 在Photoshop中制作金属按钮
感谢 访问天极网,如果您觉得该文章涉及版权问题,请看这里!