當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>制作實(shí)例>教程內(nèi)容

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

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

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

先看看效果圖:

Stylish Button image 9

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

Stylish Button image 1

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

Stylish Button image 2

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

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

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

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

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

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