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

2022-12-26 07:27:53 來源/作者: / 己有:6人學(xué)習(xí)過

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

先看看效果圖:

Stylish Button image 9

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

Stylish Button image 1

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

Stylish Button image 2

現(xiàn)在我們?cè)僦谱靼粹o層疊效果,這里我們使用圖層樣式中的混合選項(xiàng),設(shè)置如下

Stylish Button image 3

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

Stylish Button image 4

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

Stylish Button image 6

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

Stylish Button image 7

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

Stylish Button Tutorial: Final Result

Stylish Button image 9

標(biāo)簽(TAG) 制作實(shí)例