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

Flash动画制作
Flash教程:纯AS编写蝌蚪摆尾动画效果
Flash鼠绘新手入门第一课:认识鼠绘
Flash教程:打造月夜下飞翔的蝙蝠动画
Flash教程:制作可爱吹泡泡动画效果
Flash教程:打造仿奥运开幕式卷轴动画效果
Flash基础教程:制作鼠标跟随星星动画
Flash教程:制作淡雅动态网页菜单:蜻蜓飞飞动画效果
Flash鼠绘教程:绘制写真苹果的方法
Flash新手入门教程:AS2代码制作鼠标跟随龙舟效果
Flash鼠绘教程:绘制清新可口的芒果
Flash鼠绘教程:教你绘制一盘逼真的水仙花
Flash鼠绘教程:临摹徐悲鸿的骏马图
Flash鼠绘教程:绘制香甜可口的香瓜
Flash新手入门教程:鼠标跟随漂亮光圈特效
Flash新手入门教程:打造鱼缸中游动的鱼动画效果
Flash新手入门教程:AS代码制作五彩缤纷旋转效果
Flash鼠绘教程:打造唯美渔舟唱晚效果
Flash教程:打造鼠标跟随羽毛扇动画效果
Flash新手入门教程:AS代码实现鼠标跟随文字特效
Flash新手入门教程:AS代码实现神奇叠层效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 25 ::
收藏到网摘: 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的编写