注册本站  论坛  繁體中文

慧民电脑芯片级维修-电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Fireworks >> 设计实例 >> 网页设计正文

用Fireworks 8轻松打造滑动导航菜单

文章来源:本站原创 作者:佚名 更新时间:2008-9-22 12:48:36 【 】 【加入收藏
  进入网络咨询平台

 用Fireworks 8,我们可以轻松打造滑动菜单,为网页增添一点酷酷的特效。

  先看一下最后效果:

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

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

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

  

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

  

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

  

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

  

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

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

  

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

  

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

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

  

  (2)选择钢笔工具在下面路径加三个节点,见下图。

  


  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     最简单的“开始”菜单效果
     geom加bitmapdata类打造超酷鼠标跟随效果
     AS3:图像裁剪
     Flash打造小球的弹性碰撞
     as3运用:点击图片取色
     as制作:可拖动单元格的菜单
     利用BitmapData类制作FLASH 3D相册
     使用Flash MX过程中的3个小技巧
     使用AS3自带函数进2/8/10/16/32进制互换
     flash制作字母变换效果
    最 新 推 荐
     Illustrator中制作高光自定义画笔
     一步一步用Fireworks制作联通Logo
     用Fireworks 8轻松打造滑动导航菜单
     Fireworks国画:葡萄小鸡图
     Fireworks制作炫酷斜线条背景
     Fireworks制作光芒四射的广告效果
     Fireworks制作浪漫彩色网格背景
     Fireworks运用字体打造酷酷涂鸦墙壁效果
     Fireworks软件新颖实用操作技巧集合
     Fireworks 打造无限宇宙视觉特效
    相 关 文 章

    使用Flash MX过程中的3个小技巧
    Fireworks教程:自制树叶笔触绘制榕树
    FireWorks教程:外发光效果制作技巧
    一步一步用Fireworks制作联通Logo
    Fireworks国画:葡萄小鸡图
    Fireworks制作炫酷斜线条背景
    Fireworks制作光芒四射的广告效果
    Fireworks制作浪漫彩色网格背景
    Fireworks运用字体打造酷酷涂鸦墙壁效果
    Fireworks软件新颖实用操作技巧集合

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    门市地址:广东省佛山市南海区黄岐黄海路133号
    本网站所有内容未经许可不得转载或做其他使用