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

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):241人次

 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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!