Photoshop設計Web2.0高光質(zhì)感彩色按鈕

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

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

先看看效果圖:

Stylish Button image 9

第一步:先用矩形工具制作一個長方體按鈕輪廓,隨后我們再用漸變?yōu)榘粹o制作出整體的色調(diào),這里PS圖層樣式中按照如下圖設置漸變參數(shù)

Stylish Button image 1

完成后的漸變?nèi)缦?/p>

Stylish Button image 2

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

Stylish Button image 3

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

Stylish Button image 4

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

Stylish Button image 6

第三步:這是最重要的一步,我們?yōu)榘粹o制作高光效果,使其看上去很立體,過程是先用鋼筆畫出一個不規(guī)則曲線,如下

Stylish Button image 7

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

Stylish Button Tutorial: Final Result

Stylish Button image 9

標簽(TAG) 制作實例