Flash制作一款朴素又不乏时尚效果的菜单

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

首先看下效果

点击这里下载源文件

一:启动FLASH MX(废话)

二:新建一文档,其它的默认,用矩形工具在场景拖出一个大小合适的矩形,再选主菜单-->"窗口"-->"混色器"

在混色器面版中将刚刚拖出的矩形"上色",以达到光亮效果

screen.width-333)this.width=screen.width-333" border=0

screen.width-333)this.width=screen.width-333" border=0

这3点的颜色分别为:#CCCCCC;#FFFFFF;:#CCCCCC

三:选中这个图形,按下F8,转化为图形,名:元件一

四:ctrl+F8新建一影片剪辑,名:元件二;

在元件二中,ctrl+L,打开库,把元件一从库里拖到舞台,用对齐面版对齐:)

screen.width-333)this.width=screen.width-333" border=0

五:接着,在12贞插入"贞";并锁上图层一, 新建一图层二(用做橘色补间):用矩形工具去边框,绘制一橘色“条”相对与按钮的比例大小参见下图:

screen.width-333)this.width=screen.width-333" border=0

然后再到第7贞插入关键贞,修改橘色“条”相对与按钮大小的比例,参见下图

screen.width-333)this.width=screen.width-333" border=0

关于橘色“条”相对与按钮大小的比例,可以通过ctrl+I(信息面版)修改,也可以通过属性面版修改.....

screen.width-333)this.width=screen.width-333" border=0

再到12贞,插入关键贞改回来。。。

screen.width-333)this.width=screen.width-333" border=0

PS:可以通过信息面版&&对齐面版对齐,接着在图层1,7,12之间分别创建“形状补间”

screen.width-333)this.width=screen.width-333" border=0

并且这三个关键贞都 要添加代码:

stop();

screen.width-333)this.width=screen.width-333" border=0

OK,锁上图层2

六:crtl+F8,新建"按钮"元件三,分别按三下F6,ctrl+L,打开库,在第四个关键贞(点击区)把元件一从库里拖到舞台,用对齐面版对齐:)

screen.width-333)this.width=screen.width-333" border=0

回到元件2,新建一图层三,把刚刚做的按钮从库里面拖到场景,并且覆盖下面的元件打开动作面版:加入如下代码:

on(rollOver){ //鼠标经过按钮时MC1执行的动作

gotoAndPlay("this.mc1",2);

}

on(rollOut){ //鼠标离开时MC1执行的动作

gotoAndPlay("this.mc1",8);

}

on(release){ //按下鼠标,获得的URL地址:)

getURL("http://www.flash8.net","_blank");

}

接着同样,在12贞插入"贞"(参图)

screen.width-333)this.width=screen.width-333" border=0

七:新建一图层四------文字工具-->添加菜单文字信息如:"首页"(大小自定,颜色:黑),接着:分别在第二贞,第八贞插入"关键贞"在12贞插入"贞"

screen.width-333)this.width=screen.width-333" border=0

选中第二贞,,把文字颜色改成白色....回到场景1

screen.width-333)this.width=screen.width-333" border=0

八:从库里把刚做完的元件2拖到场景中,命名mc1,接着就,恭喜你,第一个按钮做完了。用同样的方法把其他的做完,然后统统放到舞台上..一个个排好对,,对齐,!一个完整的导航就出现了!

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航