Photoshop鼠繪一個(gè)U盤(16)

在這個(gè)教程中，我將用詳細(xì)的步驟來講解U盤的制作過程以及表面的光影質(zhì)感。注意實(shí)例中U盤在地板上的投影，PSDTUTS這幾字制作起來很簡單，但這些小細(xì)節(jié)會(huì)讓你制作的東西更加的真實(shí)。

效果：

1、新建文件:寬高1000PX分辨率300PX，背景白色。選擇矩形選框工具設(shè)置寬100px高240PX，在畫布上單擊做出選區(qū)，并在它的四條線上都拖出參考線。取消選擇（ctrl+D）.如圖：

2、新建圖層重命名為“前B”并設(shè)置前景色為45%的灰色。選擇圓角矩形工具，設(shè)置圓角半徑30px。在參考線中繪制圓角矩形，如圖所示：

3、清除參考線(視圖，清除參考線);按住 CTRL+T自由變換，設(shè)置水平傾斜-30度，回車提交;再次按住CTRL+T進(jìn)行自由變換，設(shè)置旋轉(zhuǎn)-30度，提交。在旋轉(zhuǎn)后矩形的上下方各放置一條水平參考線。也許你會(huì)奇怪對(duì)同一層的傾斜旋轉(zhuǎn)為什么不一次性完成，這里因?yàn)榉珠_完成和同時(shí)完成的結(jié)果并不相同，如圖所示。

4、復(fù)制"前B"圖層，重命名為"前A."，將"前A."圖層往d左移動(dòng)30PX。選擇移動(dòng)工具，按住shift鍵的同時(shí)，按三次鍵盤上的向左鍵。雙擊A圖層，打開添加圖層樣式面板。設(shè)置漸變疊加，具體數(shù)值如下：

5、鏈接A和B圖層。在圖層面板上選擇B圖層，使用多邊形套索工具制作如圖所示的選區(qū)，填充灰度45%，取消選區(qū)。

6、這一步，我們修整一下U盤的邊緣。

選擇矩形選框工具，樣式正常。在上方的參考線上繪制一個(gè)矩形，按鍵盤的向下鍵一次，向下移動(dòng)一個(gè)象素，delete刪除。移動(dòng)選框工具至下方的參考線上，往上移動(dòng)一個(gè)象素，delete刪除。

7、設(shè)置B圖層的圖層樣式：雙擊B圖層，打開圖層樣式面板。具體設(shè)置如圖所示：

8，按住ctrl鍵單擊A圖層調(diào)出選區(qū)。往右移動(dòng)選區(qū)400PX（這里移動(dòng)的距離是U盤長度，你可以選擇你認(rèn)為合適的長度）。

新建圖層，重命名為“后”。填充顏色ee3232(你也可以使用自己喜歡的顏色)
再次新建圖層，重命名為“主體”,填充灰度15%。

在圖層面板上，關(guān)掉后層的眼睛，我們一會(huì)兒再使用它。拖動(dòng)主體圖層，置到背景層的上面 。如圖所示：

9，將U盤的中間部分制作完整。選擇多邊套索工具繪制如圖所示的選區(qū)，填充灰度15%，取消選區(qū)ctrl+d.

10、使用框形選框工具繪制一個(gè)矩形，對(duì)齊上方參考線，向下移動(dòng)一個(gè)象素，按delete鍵刪除。移至下方參考線上，向上移動(dòng)一個(gè)象素，刪除多余部分。如圖所示：

11，對(duì)‘主體’應(yīng)用圖層樣中的“漸變疊加”，設(shè)置如圖：

12，在圖層面板拖動(dòng)“后”圖層至“主體”層的下方，向左位移20個(gè)像素。用多邊套索工具制作如圖選區(qū)，并填充剛剛在后層上加的色，取消選區(qū)。

和前幾個(gè)步驟一樣，我們繪制一個(gè)矩形選區(qū)對(duì)紅色的部分進(jìn)行修整。將選區(qū)對(duì)齊上方參考線，向下位移一個(gè)象素，點(diǎn)delete.移到選區(qū)至下方參考線，向上位移一個(gè)象素delete.

13，對(duì)后圖層添加和主體圖層一樣圖層樣式。我們選中體圖層，按住alt鍵的同時(shí)向下拖至后圖層。這樣我們就能復(fù)制體的圖層樣式至后層。

14，在"前B"圖層的上方新建"高光線."圖層。選擇直線工具，填充像素，描邊8px，繪制如下圖中的線段。

濾鏡，模糊，高斯模糊5個(gè)象素。

接下我們對(duì)高光線進(jìn)行修整。 按住 ctrl鍵單擊后圖層調(diào)入選區(qū)，再同時(shí)按住 ctrl和shift鍵單擊“主體”圖層，在選擇菜單中選擇反向（ctrl+shift+i），反轉(zhuǎn)選區(qū)，按delete鍵刪除去部分。取消選區(qū)ctrl+D

15，在"主體"層上方新建 "光澤"圖層，拉一個(gè)從左方至右方的黑白漸變。

圖像—調(diào)整—曲線，調(diào)整曲線形狀如下圖。

調(diào)好漸變后，按Ctrl+T旋轉(zhuǎn)30度。

因?yàn)槲覀兪侵谱鱑盤表面的光澤，所以我們需要對(duì)光圖層進(jìn)行修整。按住ctrl鍵單擊"主體"圖層 ;再次按住ctrl+alt單擊"前B"圖層，導(dǎo)入選區(qū)。菜單：選擇—反向（ctrl+shift+i）,刪除多余部分。更改圖層模式為疊加。

選擇橡皮工具，設(shè)置橡皮工具模式為畫筆，主直徑215，硬度25%。擦除轉(zhuǎn)角處下方的的區(qū)域。

這里有一些色塊在畫布之外，我們剛拉漸變填充的時(shí)候是填的整個(gè)圖層，在旋轉(zhuǎn)時(shí)就超出了畫布區(qū)域，所以就不可見。但在最后當(dāng)我們旋轉(zhuǎn)U盤時(shí)，它們就會(huì)跑出來，在這里就先把它裁掉。用裁剪工具滿畫布裁一次就行了。

16、接下來我們繪制U盤前面插頭部分。Ctrl-單擊"FrontA "圖層調(diào)入選區(qū)，在上A層上方新建"接口."圖層，填充25%的灰。取消選擇（ctrl+D）。 ctrl+t自由變換，設(shè)置寬高各縮小56%，回車提交。

17，復(fù)制"接口"圖層，重命名為"接口前."并向左位移150PX。拖出二根參考線，如下圖。選擇"接口"圖層，使用多邊套索工具繪制如下圖的選區(qū)，填充25%的灰色，取消選擇ctrl+D.

18、我們?cè)僖淮螌?duì)繪制出來的形狀進(jìn)行修整。使用矩形選擇工具，在畫布繪制矩形，對(duì)齊于參線，按向下鍵一次，移動(dòng)一個(gè)象素delete刪除多余部分。同理，對(duì)下方的邊緣進(jìn)行修整。這個(gè)步驟，大家應(yīng)該很熟悉啦，剛剛我們使用二次了吧。

19，Ctrl-單擊"接口"圖層調(diào)入選區(qū)。選擇漸變工具，設(shè)置前景色為黑色，漸變顏色設(shè)置為前景色至透明，線性。分別拉二次漸變。從下方往上一次，從左上角往右下角一次，如圖所示。拉漸變時(shí)候需要注意拖動(dòng)時(shí)的起始點(diǎn)和角度，如有必要，調(diào)整一下顏色的設(shè)置。這樣，我們就制作了插口處上半部分的光影，有了體積和一些金屬質(zhì)感。

添加圖層樣式，雙擊接口圖層，設(shè)置漸變疊加如下圖所示：

20，在接口層上新建"接口光"，使用矩形選框工具，繪制如下圖所示的選區(qū)。

選擇漸變工具，打開漸變編輯器，選用已經(jīng)預(yù)設(shè)好的銀色漸變。如果你的編輯器里沒有這一項(xiàng)，請(qǐng)點(diǎn)擊載入，選擇金屬就行了。取消選擇ctrl+D. 打開圖像菜單，調(diào)整，反相。

21，Ctrl T 進(jìn)入自由變換，在水平方向縮小些再旋轉(zhuǎn)30度。


現(xiàn)在在畫層上漸變的光澤層把下面的都擋住了，我們建個(gè)圖層蒙板索取自己需要的部分。選擇"接口光"圖層按住 alt鍵把鼠標(biāo)移到光和接口圖層之間，當(dāng)鼠標(biāo)變成圓形的時(shí)候點(diǎn)擊。還是在"接口光"圖層上畫一個(gè)如圖所示的矩形，用剛剛設(shè)置好的軟橡皮，將多余部分擦除，并設(shè)置圖層模式為濾色。

22，在“接口光澤”圖層上新建圖層“接口高光線”用來繪制高光線。選擇直線段工具，設(shè)置：填充象素，寬度4PX，前景為白色。在“接口高光線”圖層上繪制一條直線。再次設(shè)置線段寬為2象素，繪制另?xiàng)l直線，如下圖所示。對(duì)高光線進(jìn)行高斯模糊（菜單：濾鏡—模糊—高斯模糊1.5px）。

CTRL-單擊"接口"圖層調(diào)入選區(qū)，反相（菜單：選擇—反向，ctrl+shift+I）,將多余部分用delete刪除。設(shè)置"接口 高光線"這個(gè)高光線圖層的透明度為60%。

23，現(xiàn)在我們來制作接口的內(nèi)壁部分。Ctrl+單擊"接口前"圖層調(diào)入選區(qū)。菜單：選擇—修改—收縮，收縮2個(gè)象素。在"接口前"上方新建圖層"接口孔"，填充灰度25%，應(yīng)用圖層樣式漸變疊加，透明度40%，黑至白漸變，線性，角度-90度，縮放13%。移動(dòng)漸變至合適的位置，如圖所示。

24，在"接口孔"圖層上方新建圖層"接口孔陰影"，使用多邊套索工具繪制如下圖的選區(qū)，填充黑色，取消選區(qū)ctrl+D。濾鏡—模糊—高斯模糊15PX。Ctrl-單擊"接口孔"圖層調(diào)入選區(qū)，反相選區(qū)（菜單：選擇—反相;shift+ctrl+i）,delete刪除多余部分。在這里，你可調(diào)整圖層的透明度，直至你認(rèn)為滿意為止。

25，在"接口孔"圖層上新建圖層"白"。 ctrl-單擊"接口孔"圖層，使用矩形選框工具移動(dòng)選區(qū)，如下圖所示。Ctrl+alt+shift-單擊"接口孔"圖層，從原來的選區(qū)中選出重疊部分，填充白色，取消選區(qū)ctrl+D.選擇移動(dòng)工具，選擇鍵盤上的向右鍵，移動(dòng)5px.拖出二根參考線，如下圖所示：

26，在"白"圖層下方新建圖層"白上"，使用多邊套索工具繪制如圖所示的選區(qū)，填充20%灰。Ctrl-單擊"接口孔"圖層調(diào)出選區(qū)，反選（選擇—反向，shift+ctrl+i）,delete刪除多余部分。保持選區(qū)，在"White"圖層上再次delete，取消選區(qū)ctrl+D.

27，將接口部分所有圖層選中，圖層—圖層編組（ctrl+G），重名命為“接口備份”。復(fù)制備份，圖層---合并圖層，重命名為“接口”，隱藏“接口備份組”。

28,現(xiàn)在我們制作接口在USB上的投影。復(fù)制"接口"圖層，重命名為"接口投影"拖動(dòng)它到"前A"圖層上面，往右移動(dòng)，如圖所示。

濾鏡—模糊—高斯模糊3象素。為了讓接口的影子呆在USB前頭那部分，那我們就來制作一個(gè)圖層蒙板。按住Alt時(shí)將鼠標(biāo)移動(dòng)到"接口光," 和"前A"之間，當(dāng)鼠標(biāo)變成圓形時(shí)單擊。更改"接口投影"圖層的透明度，沒有數(shù)值，你認(rèn)為可以就行了。

29,做到這里我們?cè)賮碚硪幌聢D層。按shift選中U盤主體的多個(gè)圖層ctrl+E合并，重命名為體。這樣一來，是不在明了多了？但有一點(diǎn)提醒大家一下，合并完之后，就不會(huì)像剛剛多圖層那樣容易更改，所以不在你已經(jīng)滿意之止，別這么輕易合并。我一般是將文件保存一個(gè)副本備份，屬個(gè)人習(xí)慣。

30,接下來我們?cè)诮涌谏戏街谱鞫䝼�(gè)方形小孔。在最上方新建圖層“孔上”。使用矩形選框工具，樣式：固定大小，寬、高26px。制作如下圖的選區(qū)，填充灰度65%.ctrl+d取消區(qū)。

Ctrl+t自由變化，水平傾斜30度,這能使小孔透視和接口的透視一至。使用多邊套索工具繪制如下圖所示的選區(qū)，圖像—調(diào)整—色相/飽和度（ctrl+u）設(shè)置 亮度為100%，將選區(qū)內(nèi)的顏色調(diào)成白色。

Ctrl-單擊"小孔"圖層調(diào)入選區(qū)，移動(dòng)選區(qū)向左向下各1個(gè)象素。Ctrl+alt+shift-再次單擊"小孔"圖層，選擇出重疊區(qū)域，填充黑色，取消選區(qū)(ctrl+d).這一步使我們剛剛在接口上打的小孔就擁有了厚度。

31,復(fù)制剛制作的小孔，移動(dòng)它至合適的位置，可以參照接口處的邊緣，將二個(gè)方塊的邊緣跟它對(duì)齊，如同所示。同時(shí)選中這二層，鏈接，往左移動(dòng)，如圖。

32,接下來我們制作U盤上的字。我選了Trebuchet MS字體，大小為35點(diǎn)，并設(shè)置前景色為# ee3232，輸入文字（你要讓這個(gè)U盤有多少的容量，它就有多少。呵呵，100G夠不夠？）。ctrl+t自由變移，水平傾斜30度。重命名文字圖層為“文字”。

應(yīng)用圖層樣式：漸變疊加。設(shè)置為：模式濾色，透明度50%，銀色漸變，線性，角度30，縮放75%。

設(shè)置文字的投影：模式正片疊底，透明度60%，角度90度，距離和大小為2PX。

效果如下圖：

33,我們現(xiàn)在畫的U盤是飄浮在空中的，它的背面在地板上有一個(gè)清晰的投影，背面和正面還有一些小小的區(qū)別。接下來，我們繪制U盤的背面.

復(fù)制“主體”圖層,得到一個(gè)副本。我們選中如下圖所示的除副本之外的基它圖層進(jìn)行合并（CTRL+E）,重命名為USB，將它隱藏。

     

34,再次使用文字工具，設(shè)置前景色為# ee3232，輸入文字你想輸入的字，我這里輸入STUTDSP。輸入之后，編輯—變換—水平翻轉(zhuǎn)/垂直翻轉(zhuǎn)各一次。ctrl+d進(jìn)入自由變換，水平傾斜30度。

給文字添加圖層樣式，數(shù)值如圖。每個(gè)人的情況都不同，請(qǐng)大家調(diào)整到自己合適的數(shù)值。

合并主體副本和文字圖層。將這個(gè)U盤的背面更命為投影。

35,打開“接口備份”組的眼睛，移至圖層面板的最上方。打開組，將“白上”層刪掉。把“白”圖層上的對(duì)象上移，如下圖所示。Ctrl-單擊“接口孔”圖層調(diào)入選區(qū)，反選（ctrl+shift+i），刪除多余部分。取消選區(qū)（ctrl+d）。選中”接口孔陰影”ctrl+t旋轉(zhuǎn)180度，并調(diào)整至合適位置。

36,接下來我們制作接口上面的圖標(biāo)，在下圖中我附了一張圖標(biāo)，大家可以保存并拖入接口備份組中的最上方，ctrl+t旋轉(zhuǎn)圖標(biāo)-90度，調(diào)整位置，縮放至合適大小。Ctrl+t水平斜切30度，透明度設(shè)為60%。

37,將“接口備份”組收起，選中備份和投影圖層，合并，更名為：USB投影。將USB圖層的眼睛打開，調(diào)整它們的位置。如下圖：

     

38，同時(shí)選中USB和USB投影這個(gè)圖層，ctrl+t旋轉(zhuǎn)-30度 。單獨(dú)選中投影層，移至如圖所示的位置，執(zhí)行濾鏡—模糊—高斯模糊3px，并設(shè)置不透明度為20%

39，復(fù)制“USB投影”圖層，命名為“陰影”，ctrl+u打開色相/飽和度面板，將明度拉到-100，使陰影變成黑色。濾鏡—模糊—高斯模糊40PX。設(shè)置不透明度為50%。適當(dāng)?shù)膶?duì)陰影位置進(jìn)行調(diào)整，如下圖所示：

U盤我們已經(jīng)完成啦，給它添上一個(gè)背景，如果對(duì)U盤還有什么不滿意用曲線適當(dāng)調(diào)整一下，總之做我們做這么辛苦，就是希望它漂亮羅。