逼真的淡雅木質(zhì)收音機(jī)，看上去就很特想把它畫出來，難道童鞋們不想占為己有嗎？以上就是最終效果圖咯，感興趣的童鞋趁過年放假學(xué)一學(xué)吧！

如果覺得難度大了點(diǎn)，那么你也可以看看這些：
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
利用ILLUSTRATOR設(shè)計(jì)時(shí)尚漂亮的LOGO
手把手教你用ILLUSTRATOR創(chuàng)建精細(xì)的信封

素材下載：
Metal Mesh Patterns-Pack 1
Lobster font

教程開始：

Step 1

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

Step 2

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

Step 3

下面開始制作木紋的材質(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清除。

打開圖層樣式面板，并運(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顏色

下載并安裝 ?Metal Mesh Patterns-Pack 1???打開圖層樣式, 應(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ù)該過程，創(chuàng)建的另一只腳。

Step 20

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

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

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

結(jié)論

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

譯文地址：960px

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量61萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：