• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > Fireworks利用交互式填充工具绘制精致网页导航菜单实例教程

Fireworks利用交互式填充工具绘制精致网页导航菜单实例教程

作者:佚名 字体:[增加 减小] 来源:互联网

佚名 向大家分享了Fireworks利用交互式填充工具绘制精致网页导航菜单实例教程,其中包含fireworks,fireworks下载,fireworks教程,fireworks 8,adobe fireworks等知识点,遇到此问题的同学们可以参考下
最近这种菜单好象很流行,不少网站都有了。这个菜单好处在于可以节约有限的空间,很有价值,会经常在设计中用到,

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

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  效果还不错吧?

按此在新窗口浏览图片
</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • fireworks怎么制作好看的图文排版?
  • Adobe Fireworks设置首选参数教程
  • Fireworks制作水彩笔触特效教程
  • Fireworks怎么把图片尺寸变小呢?
  • 用Fireworks制作好看的图文排版
  • 用Fireworks简单制作闪动的图片
  • fireworks把历史记录保存为命令方法介绍
  • fireworks对图片名称进行批量修改
  • Fireworks制作一个个性的圆形印章
  • Fireworks快速修改图片尺寸大小

相关文章

  • Fireworks教程:简单制作渐隐线
  • Fireworks 仿MSN浏览器制作哑铃按钮
  • Fireworks教程:制作简单的网站LOGO
  • 用Fireworks8做个符合web标准的弹出菜单
  • 流光溢彩!Fireworks制作Vista风格强劲光束
  • Fireworks怎么把默认浏览器改成百度?
  • Fireworks 绘制小老鼠图案邮票
  • Fireworks教程:石头字的制作过程
  • Fireworks给美女脸部彩绘
  • Fireworks设计打造晶莹剔透的翅膀实例教程

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Fireworks动画基本类型介绍及制作讲解
    • Fireworks MX 2004滤镜制作下雨的效果
    • Fireworks制作超酷质感按钮
    • fireworks简单几步制作立体的圆球
    • Fireworks设计绘制超炫的五彩发光斜线条背景实例教程
    • Fireworks设计制作红色老旧砖墙特效实例教程
    • Fireworks批量处理图片方法介绍
    • fireworks 人物脸部特写效果图
    • 教你用Firewords制作漂亮的banner
    • Fireworks导出批处理脚本方法图解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有