首页 > 设计 > 详细

Fireworks教程:制作精致英文网页导航

时间:2016-01-31 01:02:42      阅读:216      评论:0      收藏:0      [点我收藏+]
效果如图

技术分享
  1、选择矢量工具中的圆角矩形工具,绘制一个170px×60px的矩形;

技术分享
  2、使用垂直线性填充;

技术分享
  3、给矩形添加外部投影效果,得到如下效果;


技术分享
  4、再给矩形添加内部投影,得到如下效果;


技术分享
  5、添加文字,选择字体Verdana。9px大小并添加外部投影,得到如下效果;


技术分享
  6、添加分割线。效果如图;

技术分享
  7、摆放好文字并调整间距;

技术分享
  8、如果想给Menu添加高光,则继续步骤,在最上方图层添加一个实心填充白色的椭圆,效果如图;

技术分享
  9、选择最开始的圆角矩形,复制一个,点选白色椭圆,反键->编辑->粘贴为蒙板。并在属性栏选择灰度外观;

技术分享
  10、最终效果。

技术分享

Fireworks教程:制作精致英文网页导航

原文:http://www.jb51.net/Fireworks/3599.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!