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

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

來源:pdadians 作者:P大點S 學(xué)習(xí):9189人次

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

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

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

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

打上文字和添加那三個形狀,形狀圖標(biāo)的話,利用布爾運算來畫。

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

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

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn
按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn
按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn
按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

最終效果:

按鈕教程,設(shè)計一個分貝檢測儀按鈕圖標(biāo)教程_theoat.com.cn

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

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

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

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