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

按鈕教程,設計一個分貝檢測儀按鈕圖標教程(5)

來源:pdadians 作者:P大點S 學習:9189人次

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

按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn

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

按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn

按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn

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

按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn

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

按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn

按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn
按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn
按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn
按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn

最終效果:

按鈕教程,設計一個分貝檢測儀按鈕圖標教程_m.tgudhdp.cn

學習 · 提示

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

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

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