| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
flash制作精美网页按钮导航菜单
 

按钮除可以用来制作交互特效外,还常常被用在网页中用于导航。下面即要制作如下所示的导航菜单。在该导航菜单中,当鼠标移到某个菜单上时,子菜单同时移到对应的菜单下面,且菜单项也随之发生变化。

flash制作精美网页按钮导航菜单

下面介绍该导航菜单的制作步骤。

(1)将场景大小设为500×280,背景颜色设为黑色。

(2)选择矩形工具,单击矩形工具对应选项区的按钮,在打开的对话框中将矩形的圆角半径设为8,如下所示。

flash制作精美网页按钮导航菜单

(3)将笔触颜色设为黄色,填充颜色设为无色,在场景中绘制两个大小分别为495

           


×275和440×40的圆角矩形,如下所示,分别按Ctrl+G键将它们组合。

flash制作精美网页按钮导航菜单

(4)按Ctrl+F8键新建一个图形元件menushape,在其中绘制一个100×30的黄色圆角矩形,并对齐场景中心。

(5)按Ctrl+F8键新建一个按钮元件menu,将图形元件menushape添加分别添加到按钮的4个关键帧中,并将Up帧中的元件透明度设为30%,将Over帧中的元件透明度设为70%,将Down帧中的元件透明

  

           


度设为30%。

(6)按Ctrl+F8键新建一个按钮元件menu1,将按钮元件menu的4个帧复制并粘贴到按钮元件menu1的时间轴中,然后在按钮元件menu1的时间轴中新建一个图层,使用文本工具添加文本“菜单1”。如下所示。

flash制作精美网页按钮导航菜单

(7)按照类似的方法创建按钮元件menu2~menu4,将其中的文本相应换成“菜单2”、“菜单3”和“菜单4”。

(8)按Ctrl+F8键新建一个影片剪辑元件childmenu并进入编辑。

          

   


(9)选择矩形工具,保持设置的圆角半径为8,将笔触颜色设置为黄色,填充颜色设为白色,在场景中绘制一个大小为120×158的圆角矩形。

(10)选中矩形中间的填充部分,按F8键将其转换成图形元件childmenu_inside,然后在“属性”面板中将其透明度设置为30%,效果如下所示。

flash制作精美网页按钮导航菜单

(11)按Ctrl+G键重新将矩形的轮廓和填充组合在一起。

(12)单击按钮新建一个图层,使用文本工具在场景中绘制一个文本框,在“属性”面板中将其设置为动态文本,将文本变量设为menutxt,其他设置如下所示。

flash制作精美网页按钮导航菜单

(13

             


)放置动态文本,然后配合Ctrl+Shift键拖动鼠标对文本框进行复制,将复制出的动态文本均匀分布,效果如下所示。

flash制作精美网页按钮导航菜单

[1] [2] 下一页


  • 上一篇文章:

  • 下一篇文章: 没有了
  • 相关文章