當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

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

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

剛開始,想用一個斜面浮雕搞定這個效果,調節(jié)了好幾次等高線,效果不佳,于是放棄,改用了3個斜面浮雕配合蒙版來疊加效果,有大神能搞定的,請告之。

接下來,我們開始添加刻度,這個沒什么好說的,大家應該都會,畫個矩形,變換中心點,旋轉3度,CTRL+SHIFT+ALT+T,輕松搞定。這里我設置的顏色為白色,不透明度7%。

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

一樣的方法做出那橙色的刻度,顏色為#f6a303。

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

下面,我們來添加那個類似雷達掃描的漸變,從我們的截圖中,你可以清楚的看到,我們的形狀是利用布爾運算得到的,一個圓和一個旋轉了15度的矩形相交,將這個形狀的顏色設置為#171826,圖層填充設置為0,添加一個漸變疊加,并添加蒙版擦拭下方。

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

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

接著我們來添加高光,用橢圓工具畫一個圓,設置顏色為#bbaffd,圖層混合模式為“柔光”,不透明度“81%”,在屬性面板中,將這個形狀羽化35.6像素,并載入“主體”那個圓的選區(qū),為這個高光添加一個蒙版。

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

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

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!