使用Photoshop創建一個金屬質感旋紐ICON
使用Photoshop創建一個金屬質感旋紐ICON-移動閱讀二維碼

很多人喜歡折騰圖標,所以,很多人問,有沒有新的圖標教程,于是,今天,是一個簡單的圖標制作,重點是金屬質感,同往常一樣,我們都是用圖層樣式來實現。

使用Photoshop創建一個金屬質感旋紐ICON

PSD文檔下載請點擊

使用Photoshop創建一個金屬質感旋紐ICON2

新建一個文檔,我用的大小是1000X800像素,創建一個漸變填充調整層,參數如下。

使用Photoshop創建一個金屬質感旋紐ICON3

將這個漸變背景圖層轉換為智能對象,添加一個雜色。

使用Photoshop創建一個金屬質感旋紐ICON4

用圓角矩形工具畫出我們的圖標主體,顏色設置為#f6f5f5,添加一個斜面浮雕和投影。

使用Photoshop創建一個金屬質感旋紐ICON5

使用Photoshop創建一個金屬質感旋紐ICON6

使用Photoshop創建一個金屬質感旋紐ICON 7

復制一層主體圖層,右鍵清除圖層樣式,將填充修改為0,添加一個投影樣式,我們來做投影加強。

使用Photoshop創建一個金屬質感旋紐ICON 8

使用Photoshop創建一個金屬質感旋紐ICON 9

 

用橢圓工具畫一個圓,設置圖層樣式。

使用Photoshop創建一個金屬質感旋紐ICON 11

使用Photoshop創建一個金屬質感旋紐ICON 111

使用Photoshop創建一個金屬質感旋紐ICON 12

使用Photoshop創建一個金屬質感旋紐ICON 13

使用Photoshop創建一個金屬質感旋紐ICON 14

同樣的用橢圓工具畫出一個小一點的圓,這個將是我們的旋紐,設置圖層樣式。

使用Photoshop創建一個金屬質感旋紐ICON 15

使用Photoshop創建一個金屬質感旋紐ICON 16

畫一個稍微小一點的圓,我們來制作金屬旋紐,效果我們通過圖層樣式實現。

使用Photoshop創建一個金屬質感旋紐ICON 17

使用Photoshop創建一個金屬質感旋紐ICON 18

使用Photoshop創建一個金屬質感旋紐ICON 19

新建一個圖層,填充白色,轉換為智能對象,添加一個雜色。
使用Photoshop創建一個金屬質感旋紐ICON 20

執行一個徑向模糊濾鏡,參數如下:

使用Photoshop創建一個金屬質感旋紐ICON 21

將這個拉絲圖層圖層混合模式修改為“顏色加深”,因為這個拉絲層我們是要用來給金屬旋紐增加金屬質感的,所以我們載入金屬旋紐的選區,添加一個圖層蒙版。

使用Photoshop創建一個金屬質感旋紐ICON 22

接下來,畫個三角箭頭,添加個圖層樣式。

使用Photoshop創建一個金屬質感旋紐ICON 23

使用Photoshop創建一個金屬質感旋紐ICON 24

使用Photoshop創建一個金屬質感旋紐ICON 25

最后,我們添加環繞旋紐的圖標。圖標不應該位于最頂層,應該在我們中間的旋紐下層,所以請注意看我們的圖層關系。這里我用的圖標,不是現畫的,是來自于Asif Aleem的分享。

使用Photoshop創建一個金屬質感旋紐ICON 26

我為箭頭指向的圖標添加了一個樣式,使其看了像是浮現。

使用Photoshop創建一個金屬質感旋紐ICON 27

使用Photoshop創建一個金屬質感旋紐ICON 28

使用Photoshop創建一個金屬質感旋紐ICON 29

而其他的圖標,我設置的顏色是#151926,施加的樣式則是讓其看了像是凹陷。

使用Photoshop創建一個金屬質感旋紐ICON 30

使用Photoshop創建一個金屬質感旋紐ICON 31

使用Photoshop創建一個金屬質感旋紐ICON 32

我們的最終結果如下:

使用Photoshop創建一個金屬質感旋紐ICON 33

原文地址:pdadians
本文鏈接:http://www.casaleticia.com/photoshop-create-knobs-icon.html
本文標簽: , , , ,