接著復(fù)制一層“浮雕1”圖層,在圖層樣式中,勾選將內(nèi)部效果混合成組,并更改斜面浮雕參數(shù),添加一個(gè)圖層蒙版,擦拭一下。

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

復(fù)制“浮雕2”圖層,在圖層樣式中更改斜面浮雕的陰影角度,同時(shí)調(diào)整蒙版。

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

 

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

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

Photoshop繪制金屬質(zhì)感圖標(biāo)

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

Photoshop繪制金屬質(zhì)感圖標(biāo)

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

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

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

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

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

Photoshop繪制金屬質(zhì)感圖標(biāo)

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

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

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

Photoshop繪制金屬質(zhì)感圖標(biāo)

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

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

Photoshop繪制金屬質(zhì)感圖標(biāo)

最終效果:

Photoshop繪制金屬質(zhì)感圖標(biāo)

標(biāo)簽:圖標(biāo)

隨機(jī)推薦