您所在的位置:首页 > 教程首页 > 软件教程 > 图文处理 > fireworks如何雅虎菜单制作

fireworks如何雅虎菜单制作

来源:互联网 | 编辑:互联网 | 时间:2013-10-07 09:34:54 | 阅读:

fireworks如何雅虎菜单制作_52z.com

最近,这种菜单好象很流行,不少网站都有了,这个菜单可以节约有限的空间,很有价值,经常设计中要用到,今天有Fireworks 的初学者,来问怎么做这种菜单,所以顺手做了一下,其实这样的菜单不复杂,无非是渐变的填充,用 fireworks 强大的交互式填充工具来制作,那简直是手到擒来。另外矢量化修改,也很方便,所以 fireworks 非常适合 web 设计创作。

操作步骤:

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

fireworks如何雅虎菜单制作_52z.com

fireworks如何雅虎菜单制作_52z.com

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

fireworks如何雅虎菜单制作_52z.com

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

fireworks如何雅虎菜单制作_52z.com

fireworks如何雅虎菜单制作_52z.com

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

fireworks如何雅虎菜单制作_52z.com

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

fireworks如何雅虎菜单制作_52z.com

fireworks如何雅虎菜单制作_52z.com

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

fireworks如何雅虎菜单制作_52z.com

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

fireworks如何雅虎菜单制作_52z.com

哈哈。效果还不错。

fireworks如何雅虎菜单制作_52z.com

Adobe Fireworks CS6(远程打印软件) 简体中文版
Adobe Fireworks CS6(远程打印软件) 简体中文版

类型:图像处理  大小:180.8 MB  平台:

Vista/winXP/win7/win8

相关专题:

照片合成软件网页三剑客Adobe Fireworks

你可能感兴趣的内容

热门游戏

下载声明 | 法律声明 | 版权声明 | 友情链接 | 发布软件 | 最新更新

本i站为非盈利性网站,不接受任何广告。本站所有资源均由网友上传,如有侵权,请发邮件至 hnrshwl@163.com

琼ICP备2022006426号-1      琼公安网备 46010602001475