效果如圖(PNG源文件,反鍵保存。)

Fireworks精細(xì)繪Menu條


1、選擇矢量工具中的圓角矩形工具,繪制一個(gè)170px×60px的矩形;


 

Fireworks精細(xì)繪Menu條

 


2、使用垂直線性填充;

Fireworks精細(xì)繪Menu條

 


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

Fireworks精細(xì)繪Menu條

 


4、再給矩形添加內(nèi)部投影,得到如下效果;

Fireworks精細(xì)繪Menu條

 


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

Fireworks精細(xì)繪Menu條

 

 


6、添加分割線。效果如圖;

Fireworks精細(xì)繪Menu條

 


7、擺放好文字并調(diào)整間距;

Fireworks精細(xì)繪Menu條

 


8、如果想給Menu添加高光,則繼續(xù)步驟,在最上方圖層添加一個(gè)實(shí)心填充白色的橢圓,效果如圖;

Fireworks精細(xì)繪Menu條

 


9、選擇最開(kāi)始的圓角矩形,復(fù)制一個(gè),點(diǎn)選白色橢圓,反鍵->編輯->粘貼為蒙板。并在屬性欄選擇灰度外觀

Fireworks精細(xì)繪Menu條

 


10、最終效果。

Fireworks精細(xì)繪Menu條

標(biāo)簽:Menu條

相關(guān)文章

隨機(jī)推薦