本教程主要使用Photoshop繪制金屬質(zhì)感的收音機(jī)界面，逼真的淡雅木質(zhì)收音機(jī)，看上去就很特想把它畫(huà)出來(lái)，難道童鞋們不想占為己有嗎？以上就是最終效果圖咯，感興趣的童鞋趁過(guò)年放假學(xué)一學(xué)吧。

教程素材：http://pan.baidu.com/s/1jGC2OWA

先看看效果圖

Step 1

我們先在Photoshop中，創(chuàng)建一個(gè)新文檔，大小為650*500px分辨率為72像素/英寸

Step 2

打開(kāi)圖層樣式，并設(shè)置漸變疊加。

Step 3

下面開(kāi)始制作木紋的材質(zhì)，設(shè)置前景色和背景色分別填充#a96d51#e5a889的顏色。創(chuàng)建新新圖層，填充前景色。然后到工具欄選擇 “濾鏡>渲染>纖維”，“差異16”，“強(qiáng)度為55”，然后點(diǎn)擊確定。

如圖調(diào)用自由變換工具(Ctrl鍵+ T)，設(shè)置參考點(diǎn)中間偏左的位置，調(diào)整大小，位置，這樣紋理更加密集。

現(xiàn)在用自由變換工具，調(diào)整木材大小，并與背景垂直。

Step 4

復(fù)制這一層(Ctrl鍵+ J)，像下面的圖片的位置。

再次復(fù)制圖層，旋轉(zhuǎn)90度，水平顯示。

為了讓幾個(gè)木紋更好的拼接融合，要使用多邊形套索工具(L)和進(jìn)行選擇，如下圖所示，然后按Delete清除。

打開(kāi)圖層樣式面板，并運(yùn)用陰影。

復(fù)制這一層，然后垂直翻​​轉(zhuǎn)(編輯>變換>垂直翻轉(zhuǎn))，編輯陰影，改變角度為-90度，并將其向下移動(dòng)完成下面邊框的制作。

最后，選擇所有邊框編進(jìn)一個(gè)組。

Step 5

在木框圖層下面創(chuàng)建一個(gè)新圖層，選擇使用矩形選框工具(M)，并填充#E6E6E6顏色。

創(chuàng)建圖層在剛剛新建的那個(gè)層之上，創(chuàng)建剪貼蒙版( Ctrl鍵+ Alt + G鍵)，填充這個(gè)圖層 黑色。復(fù)位前景色和背景色為黑色和白色(快捷鍵D)，添加雜色。改變混合模式為柔光，不透明度設(shè)置為50%。

Step 6

在這一步，我們將為收音機(jī)添加揚(yáng)聲器。添加新層之上，用橢圓選框工具(M)進(jìn)行選擇，并填充顏色。

圖層填充為0%，并應(yīng)用下面的圖層樣式。

Ctrl鍵+單擊圖層縮略圖創(chuàng)建選擇，去“選擇>修改>收縮 值為2px。創(chuàng)建新層，填充#c4c4c4顏色

下載并安裝l Metal Mesh Patterns-Pack 1 by ~Axertion. 打開(kāi)圖層樣式, 應(yīng)用斜面和浮雕，漸變疊加，圖案疊加(使用 Hex Metal Mash pattern)

Step 7

使用橢圓工具(U)填充灰色(#cfcece)如下面的圖像

添加圖層樣式

Step 8

復(fù)制這個(gè)圖層里，設(shè)置它的大小，增加新的圖層樣式，設(shè)置填充為0%。

Step 9

復(fù)制這一層，顏色為#c9c8c8，清除先前的層樣式和應(yīng)用陰影。請(qǐng)確保填圖層填充“被設(shè)置為100%。”

Step 10

復(fù)制這一層，使其變小一點(diǎn)，并添加如下圖層樣式。

Step 11

再次復(fù)制圖層層和應(yīng)用斜面和浮雕，漸變疊加。

Step 12

讓我們添加指針。調(diào)用矩形工具(U)，繪制小矩形，旋轉(zhuǎn)，像圖片所示的位置，添加內(nèi)陰影和描邊在圖層樣式面板，設(shè)置填充為0%。

使用橫排文字工具(T)在四周添加頻率。

Step 13

現(xiàn)在是時(shí)候添加 電源/音量按鈕。使用橢圓工具(U)，設(shè)置填充為0%，并給這個(gè)層圖層樣式。

Step 14

創(chuàng)建另一個(gè)圓(#b6b6b6)，有小一些。添加圖層樣式。

Step 15

復(fù)制圖層編輯圖層樣式

Step 16

用矩形工具(U)創(chuàng)建選擇指針，類似像我們?cè)诓襟E12中那樣(記得設(shè)置填充為0%)。

使用文字工具添加文字。

Step 17

最后電源LED指示燈。繪制小桔色(#fc973d)圓圈，并添加外發(fā)光，斜面和浮雕和描邊

Step 18

下面用Lobster字體，添加名稱

Step 19

下面增加兩個(gè)小“腳”，我們要完成我們的收音機(jī)。拿起圓角矩形工具(U)半徑設(shè)置為5px顏色褐色(#c37b56)的矩形，只是上面背景層應(yīng)用漸變疊加和斜面浮雕圖層樣式。

重復(fù)該過(guò)程，創(chuàng)建的另一只腳。

Step 20

我們快完成了!除背景圖層，選擇所有圖層，復(fù)制它們，然后將它們合并到一層，將上述背景層，垂直翻轉(zhuǎn)，向下移動(dòng)。

設(shè)置不透明度為35%。

添加圖層蒙版，設(shè)置前景色為黑色，并設(shè)置前景色到透明色的漸變屏蔽到底部的圖案。

結(jié)論

就是這樣。我希望你從本教程學(xué)到新的東西，我也希望你喜歡它，很開(kāi)心!