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

作者:未知    文章来源:网络    点击数:    更新时间:2007-6-21
 
Fireworks 8,我们可以轻松打造滑动菜单,为网页增添一点酷酷的特效

  先看一下最后效果

用Fireworks 8轻松打造滑动导航菜单(图一)

  1、打开FW 8.0 (我用的是8.0,当然其它版本也是一样的。

  2、新建一个文档。大小760X400像素。

  3、用矩形工具画一个渐变的矩形,这里这个矩形是要做为导航条的背景,所以你可以调配自己喜欢的颜色。

用Fireworks 8轻松打造滑动导航菜单(图二)

  4、然后我用直线工具画了两条线见下图,做为分隔线来用。

用Fireworks 8轻松打造滑动导航菜单(图三)

  5、然后按住Shift+G把这两条线组合成对象,复制这个对象,从窗口对齐面板最后见下图:

用Fireworks 8轻松打造滑动导航菜单(图四)

  6、来这几部就比较关键了,按下快捷键Ctrl+f8,调出新建元件窗口选择“按钮”

用Fireworks 8轻松打造滑动导航菜单(图五)

  如果你看见这个对话框,那么你这步是正确的了。

  7、来让我们在这里创作按钮吧!用圆角矩形工具画下图,渐变见下图,边框为一个像素。

用Fireworks 8轻松打造滑动导航菜单(图六)

  8、然后复制这个图形去掉边框,调节大小使按钮有凸出的感觉。

用Fireworks 8轻松打造滑动导航菜单(图七)

9、现在我们来做下面那个三角形。我用的是路径。

  (1)在刚才那个图形的上面点右键选择取消组合。

用Fireworks 8轻松打造滑动导航菜单(图八)

 

[1] [2] 下一页


  • 上一篇文章:

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