logo 广告
Loading...
 导航 所在位置:论坛首页 -> ┈┋电脑网络┋┈ -> 图象媒体技术应用 -> Fireworks交互式填充绘精致网页导航菜单技巧
回复
标题:Fireworks交互式填充绘精致网页导航菜单技巧收藏 编辑 删除 楼主 | 上一篇 下一篇
我是在出操
头像
等级:社区游民
权限:普通用户
积分:5
金钱:1320
声望:5
经验:5
发帖数:299
注册:2007年12月7日
资料 短消息2007-12-11 20:23:57
最近这种菜单好象很流行,不少网站都有了。这个菜单好处在于可以节约有限的空间,很有价值,会经常在设计中用到,

  其实这样的网页菜单并不复杂,无非是渐变的填充,用Fireworks 强大的交互式填充工具来制作,那简直是手到擒来,即使是Fireworks 的初学者也能顺利掌握。另外这种矢量图修改起来也很方便,所以 fireworks 非常适合 web 设计创作。

  第一步,做底条,注意边框颜色和渐变设置

  第二步、做菜单条。其实就是复制一下底条,调整长宽和填充。

  第三步、做菜单条的突出效果。复制菜单条,去掉边框色,调整一下渐变。考虑到还有缺口显示,所以要做长一些,把深颜色加强。

  第四步、做菜单条的投影。复制刚做的填充,转180度,调整长宽和渐变。

  第五步,做下面的档条,缺口可以用笔工具来加节点调整,也可以画一个正方形,转45度后冲制,反正方法是多样的。这个的渐变填充比较难一点,大家看一下示意图,并且多调整一下渐变填充的两个节点看效果。

  另外,为了加强缺角效果,需要再加一条深色的路径。

  第六步、就剩下加文字和加分隔条了。

  效果还不错吧

签名

2007-12-11 20:23:57 顶部
第1页 共页 共0个回复     <<    >>    
 快速回复
  • 支持UBB,HTML标签

  • 高级回复

  • 操作选项:评分 加精 解精 奖惩 设专题 设公告 解公告 固顶 总固顶 解固顶 结帖 解结帖 锁帖 解锁 移帖 删帖
      首页 | 购买指南 | 虚拟主机 | 特色介绍 | 下载中心 | 支付方式
    Copyright 2004-2008 BBSGood.com Powered By: BBSGood.Speed Version 5.0
      咨询电话:0575-85513832、0575-85513825(传真)、7*24小时咨询服务:13606552007 不良信息举报中心 浙ICP备05029817号
      业务QQ:38958768、客服QQ1:415896239、客服QQ2:343896043、MSN:jccsxx@hotmail.com