效果如图(PNG源文件,反键保存。)

Fireworks精细绘Menu条


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


 

Fireworks精细绘Menu条

 


2、使用垂直线性填充;

Fireworks精细绘Menu条

 


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

Fireworks精细绘Menu条

 


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

Fireworks精细绘Menu条

 


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

Fireworks精细绘Menu条

 

 


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

Fireworks精细绘Menu条

 


7、摆放好文字并调整间距;

Fireworks精细绘Menu条

 


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

Fireworks精细绘Menu条

 


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

Fireworks精细绘Menu条

 


10、最终效果。

Fireworks精细绘Menu条

标签:Menu条

相关文章

随机推荐