鼠繪精致8GU盤(pán)

朱峰社區(qū)在本節(jié)為大家?guī)��?lái)u盤(pán)的鼠繪方法。雖然物體的不大不過(guò)構(gòu)造還是挺復(fù)雜的，需要分解每一個(gè)構(gòu)成面，然后再制作光感效果，過(guò)程也是相當(dāng)復(fù)雜的。

最終效果

1、新建文件:寬高1000px分辨率300px，背景白色。選擇矩形選框工具設(shè)置寬100px高240px，在畫(huà)布上單擊做出選區(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)榉珠_(kāi)完成和同時(shí)完成的結(jié)果并不相同，如圖所示。

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

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

6、這一步，我們修整一下u盤(pán)的邊緣。選擇矩形選框工具，樣式正常。在上方的參考線上繪制一個(gè)矩形，按鍵盤(pán)的向下鍵一次，向下移動(dòng)一個(gè)象素，delete刪除。移動(dòng)選框工具至下方的參考線上，往上移動(dòng)一個(gè)象素，delete刪除。

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

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

新建圖層，重命名為“后”。填充顏色ee3232(你也可以使用自己喜歡的顏色)，再次新建圖層，重命名為“主體”,填充灰度15%。在圖層面板上，關(guān)掉后層的眼睛，我們一會(huì)兒再使用它。拖動(dòng)主體圖層，置到背景層的上面 。如圖所示：

9、將u盤(pán)的中間部分制作完整。選擇多邊套索工具繪制如圖所示的選區(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)槲覀兪侵谱鱱盤(pán)表面的光澤，所以我們需要對(duì)光圖層進(jìn)行修整。按住ctrl鍵單擊"主體"圖層 ;再次按住ctrl+alt單擊"前b"圖層，導(dǎo)入選區(qū)。菜單：選擇—反向（ctrl+shift+i）,刪除多余部分。更改圖層模式為疊加。

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

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

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

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

18、我們?cè)僖淮螌?duì)繪制出來(lái)的形狀進(jìn)行修整。使用矩形選擇工具，在畫(huà)布繪制矩形，對(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ū)。

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

21、ctrl t 進(jìn)入自由變換，在水平方向縮小些再旋轉(zhuǎn)30度�，F(xiàn)在在畫(huà)層上漸變的光澤層把下面的都擋住了，我們建個(gè)圖層蒙板索取自己需要的部分。選擇"接口光"圖層按住 alt鍵把鼠標(biāo)移到光和接口圖層之間，當(dāng)鼠標(biāo)變成圓形的時(shí)候點(diǎn)擊。還是在"接口光"圖層上畫(huà)一個(gè)如圖所示的矩形，用剛剛設(shè)置好的軟橡皮，將多余部分擦除，并設(shè)置圖層模式為濾色。

22、在“接口光澤”圖層上新建圖層“接口高光線”用來(lái)繪制高光線。選擇直線段工具，設(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)在我們來(lái)制作接口的內(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-單擊"接口孔"圖層，從原來(lái)的選區(qū)中選出重疊部分，填充白色，取消選區(qū)ctrl+d.選擇移動(dòng)工具，選擇鍵盤(pán)上的向右鍵，移動(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前頭那部分，那我們就來(lái)制作一個(gè)圖層蒙板。按住alt時(shí)將鼠標(biāo)移動(dòng)到"接口光," 和"前a"之間，當(dāng)鼠標(biāo)變成圓形時(shí)單擊。更改"接口投影"圖層的透明度，沒(méi)有數(shù)值，你認(rèn)為可以就行了。

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

30、接下來(lái)我們?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、接下來(lái)我們制作u盤(pán)上的字。我選了trebuchet ms字體，大小為35點(diǎn)，并設(shè)置前景色為# ee3232，輸入文字（你要讓這個(gè)u盤(pán)有多少的容量，它就有多少。呵呵，100g夠不夠？）。ctrl+t自由變移，水平傾斜30度。重命名文字圖層為“文字”。

應(yīng)用圖層樣式：漸變疊加。設(shè)置為：模式濾色，透明度50%，銀色漸變，線性，角度30，縮放75%。設(shè)置文字的投影：模式正片疊底，透明度60%，角度90度，距離和大小為2px。 效果如下圖：

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

復(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盤(pán)的背面更命為投影。

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

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

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

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

39、復(fù)制“usb投影”圖層，命名為“陰影”，ctrl+u打開(kāi)色相/飽和度面板，將明度拉到-100，使陰影變成黑色。濾鏡—模糊—高斯模糊40px。設(shè)置不透明度為50%。適當(dāng)?shù)膶?duì)陰影位置進(jìn)行調(diào)整，如下圖所示：盤(pán)我們已經(jīng)完成啦，給它添上一個(gè)背景，如果對(duì)u盤(pán)還有什么不滿意用曲線適當(dāng)調(diào)整一下，總之做我們做這么辛苦，就是希望它漂亮羅。