现在的位置: 首页 >> 图形图像 >> Fireworks >> 用 Fireworks 做雅虎菜单
添加时间:2006-4-6 来源:蓝色理想 作者: 蓝色
用 Fireworks 做雅虎菜单

用 Fireworks 做雅虎菜单

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

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

用 Fireworks 做雅虎菜单

用 Fireworks 做雅虎菜单

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

用 Fireworks 做雅虎菜单

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

用 Fireworks 做雅虎菜单

用 Fireworks 做雅虎菜单

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

用 Fireworks 做雅虎菜单

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

用 Fireworks 做雅虎菜单

用 Fireworks 做雅虎菜单

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

用 Fireworks 做雅虎菜单

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

用 Fireworks 做雅虎菜单

哈哈。效果还不错。

用 Fireworks 做雅虎菜单

源文件下载


上一篇:Fireworks 绘制立体文字图标 下一篇:Fireworks制作妇女节主题宣传动画
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
·Fireworks卡通头像:搞怪宝宝(4)
·Fireworks的颜色混合模式(Blendi
·Fireworks MX羽化图片
·制作 Flash MX 2004 Logo
·使用Fireworks切分饼图
·Fireworks 网页设计综合实例-2
·关于 Fireworks 图片切片技术的
·Firewoks 营造残破纹理
·Fireworks MX 2004 制作明基77G
·用Firework描绘韩式风格的手提袋
相关文章
·使用 Fireworks MX 2004 制作IE
·巧用 Fireworks MX完成一幅书法
·用 Fireworks 画金属小球
·利用 Fireworks 蒙版制作图片窗
·用 Fireworks MX 锻造黄金质感
最新文章
·Fireworks 制作 IE 浏览器图标
·Fireworks蒙版制作图片窗格效果
·Fireworks制作下雨动画效果
·巧用Fireworks设计个性化印章
·使用Fireworks制作漂亮的礼花
·用Fireworks做出苹果的晶亮透明
·用Fireworks制作连续跳跃数字
·用Fireworks制作Logo心得体会
·用Fireworks设计自己的邮票
·Firefox技巧拾零:六招秘籍
Google