Photoshop設計Web2.0高光質感彩色按鈕

2022-12-26 07:27:53 來源/作者: / 己有:6人學習過

 PS簡單三步就能完成一個很不錯的按鈕,同樣的方法可以制作各種類似的按鈕,以后制作網站不用再為找不到合適的按鈕擔心了,一切自己DIY!!

先看看效果圖:

Stylish Button image 9

第一步:先用矩形工具制作一個長方體按鈕輪廓,隨后我們再用漸變為按鈕制作出整體的色調,這里PS圖層樣式中按照如下圖設置漸變參數

Stylish Button image 1

完成后的漸變如下

Stylish Button image 2

現在我們再制作按鈕層疊效果,這里我們使用圖層樣式中的混合選項,設置如下

Stylish Button image 3

完成后你看到的效果因該與下圖按鈕類似

Stylish Button image 4

第二步:為按鈕描邊以及加上文字

Stylish Button image 6

第三步:這是最重要的一步,我們為按鈕制作高光效果,使其看上去很立體,過程是先用鋼筆畫出一個不規則曲線,如下

Stylish Button image 7

隨后將鋼筆區域轉為選區,并填充為白色,再調整不透明度,這樣一個簡單三步就做成的質感按鈕完成了,是不是很簡單,你可以試著制作其他不同的顏色

Stylish Button Tutorial: Final Result

Stylish Button image 9

標簽(TAG) 制作實例