當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標>教程內(nèi)容

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程(2)

來源:桂桂博客 作者:DearSalt 學(xué)習(xí):20058人次

三、制作按鈕“底層”

新建圖層,命名為“底層”,使用圓角矩形工具在畫布上繪制一個圓角矩形,圓角的半徑大家可以多多嘗試以達到自己想要的效果,如果是CC版本的話就非常方便了,因為可以在實時形狀屬性中調(diào)整,然后雙擊打開圖層樣式進行如下設(shè)置(數(shù)值僅供參考)

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn
四、制作按鈕“反光”

“反光”能夠使按鈕有更進一步的質(zhì)感效果,新建圖層,使用橢圓工具(U)在按鈕的下方繪制一個橢圓選區(qū),然后適當(dāng)羽化并填充白色,最后將其圖層模式改為“疊加”適當(dāng)降低不透明度。

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn
五、為按鈕添加質(zhì)感

給按鈕加上紋理,一是能讓它更加美觀,二是能夠使它更加具有質(zhì)感。制作方法很簡單,在按鈕圖層上新建一個圖層命名為“紋理”(記得給你的圖層命名,否則會很亂的!)然后按住Ctrl鍵再點擊按鈕圖層會出現(xiàn)它的選區(qū),在紋理圖層上填充圖案,最后改圖層模式為柔光并適當(dāng)降低不透明度。

點擊按鈕,設(shè)計一枚通透的質(zhì)感按鈕教程_m.tgudhdp.cn

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

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

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

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