当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > 用Flash制作神奇的弹性导航菜单(1)

Flash动画制作
巧用超级解霸在Flash V5.0中插入录像
教你用Flash MX来制作简单的课件界面
Flash MX 2004 ActionScript图文教程(二)
Flash MX 2004 ActionScript图文教程(三)
Flash MX 2004 ActionScript图文教程(四)
Flash MX 2004 ActionScript图文教程(五)
Flash MX 2004 ActionScript图文教程(六)
flash场景之间相互跳转的实现方法
Flash本地加密
FLASH -- 关于变量的问题FLASH -- 关于变量的问题
Flash5 画任意直线教程
Flash MX 视频导入功能详解
制作飞舞的蝴蝶
Flash MX 2004 ActionScript图文教程(七)
Flash MX 2004 ActionScript图文教程(八)
Flash MX 2004 ActionScript图文教程(九)
Flash MX 2004 ActionScript图文教程(十)
Flash教程 飞翔的文字
Flash MX 2004 ActionScript图文教程(十一)
制作Flash网站技巧拾零

Flash动画制作 中的 用Flash制作神奇的弹性导航菜单(1)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 43 ::
收藏到网摘: n/a

许多网友都用来制作自己的个人主页,想给访问者留下一个深刻的印象,你的Flash一定要有自己的特色,一打开就能吸引住人,其实最简单的方法就是给Flash设计一个有个性的导航菜单,这样既吸引眼球,又介绍了自己的网站栏目,可谓一举两得。

  下面我们就来制作这个神奇的弹性导航菜单,此菜单可以随者鼠标的移动而弹性收缩和扩张,效果如图1所示:


图1

  1、打开Flash mx,新建一个影片文件,在属性面板中设置影片背景色为灰色,颜色代码为: #999999 ,其余选项均采用默认方式。

  2、使用椭圆工具,在按下Shift键的同时在主场景中绘制一个无边框的圆,然后按F8键将其转换为影片剪辑元件,命名为mc1,进入元件的编辑区后,把mc1的中心与场景中的"+"对准,打开混色器面板,点选放射渐变,拖动两个颜色指示器到左右两端,左边的颜色指示器调节为白色,Alpha为100%,右边的颜色指示器调节为 R:153 G: 153 B:153 (与舞台背景色一样) ,Alpha为0%。然后按Ctrl+F3调出属性面板,设置mc1的宽高均为30。按R选取矩形工具画一正方形,填充色为R:239 G:239 B:239,正方形边框颜色为 R:41 G:84 B:79 ,点选属性面板把正方形设置为宽高均为5,最后把这小正方形叠加到mc1上面,注意对准mc1的中心,如图2所示:

图2

  3、下面来设置mc1的Alpha渐变过渡效果。在时间轴上点选第15、30帧,按F6各插入一关键帧,点选第15帧的mcl,注意不要连mc1上的小正方形一起选中,按Shift+F9调出混色器面板,把右边的颜色指示器往左移大概1/3,然后在1-15 ,15-30 帧之间作Shape Tweening(形状渐变),这样就完成了圆形从亮变暗再变亮的效果,此时时间轴如图3所示:


图3

  4、现在有了mc1,接着再做另两个MC,数量根据你网页的栏目来决定,并均让它们和mc一样有Alpha的渐变效果,分别命名为mc2和mc3。

  5、好了,接下来制作三个button按钮,分别命名为 bt1、 bt2 、 bt3 。然后分别把 mc1 、mc2、mc3 影片剪辑从库中拖放到 bt1、 bt2 、 bt3 的UP 帧,并按F5延长1帧到Over帧,如果想得到更好的效果,你可以在Over帧上下点工夫,做一些漂亮的效果,这里就不多说了。

  6、继续新建三个MC,分别命名为 ball1、ball2、ball3 ,接着分别把bt1、 bt2 、 bt3 从库中拖放到 ball1、ball2、ball3中去,这样所有的准备工作就完成了,下面开始组织这些元件并添加相应的Action控制代码 。

  下面我们开始ActionScript的编写