編者按：今天這枚圖標(biāo)教程難度不大，重點(diǎn)也是圖層樣式的運(yùn)用。作者@P大點(diǎn)S微博同學(xué)講解細(xì)致，通俗易懂，新手以此入門非常合適 >>>

源文件PSD微盤下載

最終效果：

首先，我們來繪制背景。設(shè)置前景色為#c0c0c0，背景色為#a7a7a7，使用漸變工具，做一個(gè)從左上到右下的線性漸變。再添加一個(gè)1像素的雜色，添加雜色這里就不截圖了。

接下來，我們來畫USB的身子。設(shè)置前景色為# e3e1e1，使用圓角矩形工具，畫一個(gè)740X240像素的圓角矩形，設(shè)置圓角矩形的左上和左下的圓角為50度，右上和右下的圓角為80度。

下面，我們?yōu)閁SB身子設(shè)置一個(gè)圖層樣式，來模擬USB上的立體效果，這里我沒有用另外的圖層，只是用了一個(gè)圖層樣式，因?yàn)槲蚁胱龅氖且粋€(gè)平放著的USB，我覺得圖層樣式就可以很好的達(dá)到我所需要的效果，當(dāng)然你也可以嘗試其他不同做法。

設(shè)置完圖層樣式，我們得到如下效果：

下面，我們來畫U頭。使用矩形工具畫一個(gè)130X130像素的矩形，放置在“U盤身”圖層下層，顏色的無所謂，我們一會(huì)會(huì)給它設(shè)置一個(gè)漸變疊加。

給U頭圖層設(shè)置一個(gè)漸變疊加。

將“U頭”圖層轉(zhuǎn)換為智能對(duì)象，為其添加一個(gè)雜色，模擬U頭的磨砂質(zhì)感。

下面，我們來添加U頭凹槽。設(shè)置前景色為# 2f2f2f，在“U頭”圖層上層，用矩形工具畫兩個(gè)矩形。

為“U頭凹槽”添加一個(gè)圖層樣式。

下面，我們添加U頭凹槽里面的金屬片，設(shè)置前景色為#b09208，在“U頭凹槽”圖層上層畫兩個(gè)矩形，并創(chuàng)建剪貼蒙版。

為金屬片設(shè)置一個(gè)圖層樣式。

下面，我們給USB添加中間那個(gè)橙色的東西。設(shè)置前景色為#e2821b，使用圓角矩形工具，畫一個(gè)230X110像素，30度圓角的圓角矩形。

為橙色的這個(gè)圓角矩形添加一個(gè)圖層樣式。

下面，我們?yōu)槌壬哪遣糠痔砑右粋€(gè)質(zhì)感，設(shè)置前景色為#d77003，使用矩形工具，畫一大堆小小的矩形，創(chuàng)建剪貼蒙版，并將這些點(diǎn)的圖層不透明度調(diào)整為80%。

為這些點(diǎn)設(shè)置一個(gè)圖層樣式。

現(xiàn)在，我們?cè)O(shè)置前景色為#cccccc，打上容量。

這個(gè)容量的文字設(shè)置一個(gè)圖層樣式。

加入文字一樣的操作手法。

接下來，我們?yōu)閁SB添加投影，CTRL+鼠標(biāo)左鍵單擊“USB身”圖層縮略圖，得到USB身的選區(qū)，按SHIFT+CTRL+鼠標(biāo)左鍵單擊“U頭”圖層，我們將得到整個(gè)USB的選區(qū)，新建一層，位于所有USB圖層的下層，填充黑色。往右往下移動(dòng)一定的像素。

選擇投影這個(gè)圖層，執(zhí)行一個(gè)高斯模糊，半徑3像素，并將圖層不透明度設(shè)置為20%，創(chuàng)建一個(gè)蒙版，將超出USB位置的投影部分用畫筆涂抹掉。

復(fù)制一層投影圖層，置于剛才那個(gè)投影圖層的下層，適當(dāng)向下向右移動(dòng)一點(diǎn)，更改模糊半徑為20像素，并將圖層不透明度更改為30%。

現(xiàn)在我們得到如下的效果：

感覺圖像顏色有點(diǎn)偏，添加一個(gè)色階調(diào)整層，微調(diào)一下。

OK，大功告成。來看看我們的效果。