Photoshop制作一個(gè)精細(xì)的導(dǎo)航按鈕(10)

網(wǎng)頁設(shè)計(jì)中按鈕的制作非常重要，精致的按鈕會(huì)給網(wǎng)頁增色不少。下面的教程介紹一款非常不錯(cuò)的按鈕的制作方法。制作過程比較簡單：先用圖形工具制作出按鈕的形狀，然后加上一些簡單的圖像樣式做底色。然后再加上高光及文字等即可完成效果。
最終效果


1、打開photoshop，然后新建一個(gè)文檔250*150，并填充背影:#252a38。
2、在工具箱上選擇橢圓圖標(biāo)并設(shè)置如圖。

3、新建一個(gè)圖層，然后填充一個(gè)顏色。

4、在調(diào)色板上設(shè)置如下。

5、使用漸變拉出線性漸變，漸變效果如下。
6、雙擊圖層，打開圖層樣式，給圖層添加陰影和描邊，參數(shù)及效果如下圖。


7、在工具箱上選擇加深和減淡工具，設(shè)置如圖。

8、然后在圖所標(biāo)識(shí)的地方，涂沫如下。


9、選擇橢圓選區(qū)，作出效果如下。

10、添加漸變，設(shè)置如圖，從上而下線性漸變。

11、按ctrl+D取消選區(qū)，并更改圖層的不透明度：40%,，混合模式為“疊加”。

12、現(xiàn)在使用文字工具，添加文字并設(shè)置圖層樣式，參數(shù)及效果如下圖。


13、添加下面的文字，效果如下。

14、在文字前面加上自己喜愛的圖標(biāo)，按ctrl+U調(diào)整色相/飽和度，設(shè)置如下，再把圖層混合模式改為“疊加”，完成最終效果。


其它顏色的按鈕制作方法相同。