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

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

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

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

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

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

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

按此在新窗口浏览图片

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

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

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

按此在新窗口浏览图片

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

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

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

  效果还不错吧?

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

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

  • fireworks怎么制作好看的图文排版?
  • Adobe Fireworks设置首选参数教程
  • Fireworks制作可爱的波尔卡点边框
  • Fireworks轻松制作卡通女孩眨眼睛GIF动画效果图
  • Fireworks制作漂亮的网格化图像效果
  • Fireworks简单制作漂亮的水平或垂直的彩条背景
  • Fireworks绘制简笔QQ企鹅图像
  • Fireworks制作卡通图案邮票
  • Fireworks制作文字效果各种方法详解
  • Fireworks使用历史面板制作连续背景效果图

相关文章

  • 2017-05-24Fireworks简单制作一个人像时钟
  • 2017-05-24Fireworks 9 路径调版的使用方法图解
  • 2017-05-24Fireworks绘制炫酷魔幻图案技巧教程
  • 2017-05-24Fireworks8.0绿色版最简单最快速的处理照片尺寸
  • 2017-05-24Fireworks 制作漂亮的透明苹果按钮
  • 2017-05-24Fireworks教程:gif动画图片批量增加水印
  • 2017-05-24Fireworks制作漂亮的论坛头像+签名
  • 2017-05-24Fireworks不抠图实现标识反白特效实例教程
  • 2017-05-24如何运用Fireworks批处理命令快速批量制作缩略图技巧介绍
  • 2017-05-24Fireworks ray暗黑中的花朵制作图解教程

文章分类

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

最近更新的内容

    • Fireworks怎么把默认浏览器改成百度?
    • fireworks 用滤镜来制作极光字特效
    • FireWorks鼠绘教程:绘制一幅清新的卡通海景图
    • 如何修改fireworks弹出菜单的位置
    • Fireworks动画教程:制作立体地球旋转动画
    • Fireworks设计打造晶莹剔透的翅膀实例教程
    • FireWorks制作炫丽的吊坠+刷光GIF动态效果
    • Fireworks制作雪花飘飘动画教程
    • Fireworks 精美横向闪图漂亮动画
    • Fireworks利用交互式填充工具绘制精致网页导航菜单实例教程

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

©2015-2018 All Rights Reserved. 微课江湖 版权所有