按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程(5)

來(lái)源:pdadians 作者:P大點(diǎn)S 學(xué)習(xí):9189人次

接下來(lái),我們完善一下高光,復(fù)制這個(gè)藍(lán)色高光圖層,左移上移一定像素,更改形狀顏色為#e9e5fe,羽化不修改,圖層混合模式依舊為“柔光”,圖層不透明度更改為“56%”。

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn

復(fù)制一個(gè)剛才那個(gè)“主體”圖層,移到最頂層,設(shè)置圖層填充為0,添加一個(gè)內(nèi)陰影。

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn

打上文字和添加那三個(gè)形狀,形狀圖標(biāo)的話,利用布爾運(yùn)算來(lái)畫。

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn

最后,我們添加左側(cè)的那個(gè)按紐,設(shè)置前景色為#a09e9f,畫個(gè)圓,添加個(gè)圖層樣式。

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn
按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn
按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn
按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn

最終效果:

按鈕教程,設(shè)計(jì)一個(gè)分貝檢測(cè)儀按鈕圖標(biāo)教程_www.theoat.com.cn

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

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

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

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