Photoshop鼠繪一個U盤(16)
在這個教程中,我將用詳細(xì)的步驟來講解U盤的制作過程以及表面的光影質(zhì)感。注意實例中U盤在地板上的投影,PSDTUTS這幾字制作起來很簡單,但這些小細(xì)節(jié)會讓你制作的東西更加的真實。
效果:
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)后矩形的上下方各放置一條水平參考線。也許你會奇怪對同一層的傾斜旋轉(zhuǎn)為什么不一次性完成,這里因為分開完成和同時完成的結(jié)果并不相同,如圖所示。
4、復(fù)制"前B"圖層,重命名為"前A.",將"前A."圖層往d左移動30PX。選擇移動工具,按住shift鍵的同時,按三次鍵盤上的向左鍵。雙擊A圖層,打開添加圖層樣式面板。設(shè)置漸變疊加,具體數(shù)值如下:
5、鏈接A和B圖層。在圖層面板上選擇B圖層,使用多邊形套索工具制作如圖所示的選區(qū),填充灰度45%,取消選區(qū)。
6、這一步,我們修整一下U盤的邊緣。
選擇矩形選框工具,樣式正常。在上方的參考線上繪制一個矩形,按鍵盤的向下鍵一次,向下移動一個象素,delete刪除。移動選框工具至下方的參考線上,往上移動一個象素,delete刪除。
7、設(shè)置B圖層的圖層樣式:雙擊B圖層,打開圖層樣式面板。具體設(shè)置如圖所示:
8,按住ctrl鍵單擊A圖層調(diào)出選區(qū)。往右移動選區(qū)400PX(這里移動的距離是U盤長度,你可以選擇你認(rèn)為合適的長度)。
新建圖層,重命名為“后”。填充顏色ee3232(你也可以使用自己喜歡的顏色)
再次新建圖層,重命名為“主體”,填充灰度15%。
在圖層面板上,關(guān)掉后層的眼睛,我們一會兒再使用它。拖動主體圖層,置到背景層的上面 。如圖所示:
9,將U盤的中間部分制作完整。選擇多邊套索工具繪制如圖所示的選區(qū),填充灰度15%,取消選區(qū)ctrl+d.
10、使用框形選框工具繪制一個矩形,對齊上方參考線,向下移動一個象素,按delete鍵刪除。移至下方參考線上,向上移動一個象素,刪除多余部分。如圖所示:
11,對‘主體’應(yīng)用圖層樣中的“漸變疊加”,設(shè)置如圖:
12,在圖層面板拖動“后”圖層至“主體”層的下方,向左位移20個像素。用多邊套索工具制作如圖選區(qū),并填充剛剛在后層上加的色,取消選區(qū)。
和前幾個步驟一樣,我們繪制一個矩形選區(qū)對紅色的部分進(jìn)行修整。將選區(qū)對齊上方參考線,向下位移一個象素,點(diǎn)delete.移到選區(qū)至下方參考線,向上位移一個象素delete.
13,對后圖層添加和主體圖層一樣圖層樣式。我們選中體圖層,按住alt鍵的同時向下拖至后圖層。這樣我們就能復(fù)制體的圖層樣式至后層。
14,在"前B"圖層的上方新建"高光線."圖層。選擇直線工具,填充像素,描邊8px,繪制如下圖中的線段。
濾鏡,模糊,高斯模糊5個象素。
接下我們對高光線進(jìn)行修整。 按住 ctrl鍵單擊后圖層調(diào)入選區(qū),再同時按住 ctrl和shift鍵單擊“主體”圖層,在選擇菜單中選擇反向(ctrl+shift+i),反轉(zhuǎn)選區(qū),按delete鍵刪除去部分。取消選區(qū)ctrl+D
15,在"主體"層上方新建 "光澤"圖層,拉一個從左方至右方的黑白漸變。
圖像—調(diào)整—曲線,調(diào)整曲線形狀如下圖。
調(diào)好漸變后,按Ctrl+T旋轉(zhuǎn)30度。
因為我們是制作U盤表面的光澤,所以我們需要對光圖層進(jìn)行修整。按住ctrl鍵單擊"主體"圖層 ;再次按住ctrl+alt單擊"前B"圖層,導(dǎo)入選區(qū)。菜單:選擇—反向(ctrl+shift+i),刪除多余部分。更改圖層模式為疊加。
選擇橡皮工具,設(shè)置橡皮工具模式為畫筆,主直徑215,硬度25%。擦除轉(zhuǎn)角處下方的的區(qū)域。
這里有一些色塊在畫布之外,我們剛拉漸變填充的時候是填的整個圖層,在旋轉(zhuǎn)時就超出了畫布區(qū)域,所以就不可見。但在最后當(dāng)我們旋轉(zhuǎn)U盤時,它們就會跑出來,在這里就先把它裁掉。用裁剪工具滿畫布裁一次就行了。
16、接下來我們繪制U盤前面插頭部分。Ctrl-單擊"FrontA "圖層調(diào)入選區(qū),在上A層上方新建"接口."圖層,填充25%的灰。取消選擇(ctrl+D)。 ctrl+t自由變換,設(shè)置寬高各縮小56%,回車提交。
17,復(fù)制"接口"圖層,重命名為"接口前."并向左位移150PX。拖出二根參考線,如下圖。選擇"接口"圖層,使用多邊套索工具繪制如下圖的選區(qū),填充25%的灰色,取消選擇ctrl+D.
18、我們再一次對繪制出來的形狀進(jìn)行修整。使用矩形選擇工具,在畫布繪制矩形,對齊于參線,按向下鍵一次,移動一個象素delete刪除多余部分。同理,對下方的邊緣進(jìn)行修整。這個步驟,大家應(yīng)該很熟悉啦,剛剛我們使用二次了吧。
19,Ctrl-單擊"接口"圖層調(diào)入選區(qū)。選擇漸變工具,設(shè)置前景色為黑色,漸變顏色設(shè)置為前景色至透明,線性。分別拉二次漸變。從下方往上一次,從左上角往右下角一次,如圖所示。拉漸變時候需要注意拖動時的起始點(diǎn)和角度,如有必要,調(diào)整一下顏色的設(shè)置。這樣,我們就制作了插口處上半部分的光影,有了體積和一些金屬質(zhì)感。
添加圖層樣式,雙擊接口圖層,設(shè)置漸變疊加如下圖所示:
20,在接口層上新建"接口光",使用矩形選框工具,繪制如下圖所示的選區(qū)。
選擇漸變工具,打開漸變編輯器,選用已經(jīng)預(yù)設(shè)好的銀色漸變。如果你的編輯器里沒有這一項,請點(diǎn)擊載入,選擇金屬就行了。取消選擇ctrl+D. 打開圖像菜單,調(diào)整,反相。
21,Ctrl T 進(jìn)入自由變換,在水平方向縮小些再旋轉(zhuǎn)30度。
現(xiàn)在在畫層上漸變的光澤層把下面的都擋住了,我們建個圖層蒙板索取自己需要的部分。選擇"接口光"圖層按住 alt鍵把鼠標(biāo)移到光和接口圖層之間,當(dāng)鼠標(biāo)變成圓形的時候點(diǎn)擊。還是在"接口光"圖層上畫一個如圖所示的矩形,用剛剛設(shè)置好的軟橡皮,將多余部分擦除,并設(shè)置圖層模式為濾色。
22,在“接口光澤”圖層上新建圖層“接口高光線”用來繪制高光線。選擇直線段工具,設(shè)置:填充象素,寬度4PX,前景為白色。在“接口高光線”圖層上繪制一條直線。再次設(shè)置線段寬為2象素,繪制另條直線,如下圖所示。對高光線進(jìn)行高斯模糊(菜單:濾鏡—模糊—高斯模糊1.5px)。
CTRL-單擊"接口"圖層調(diào)入選區(qū),反相(菜單:選擇—反向,ctrl+shift+I),將多余部分用delete刪除。設(shè)置"接口 高光線"這個高光線圖層的透明度為60%。
23,現(xiàn)在我們來制作接口的內(nèi)壁部分。Ctrl+單擊"接口前"圖層調(diào)入選區(qū)。菜單:選擇—修改—收縮,收縮2個象素。在"接口前"上方新建圖層"接口孔",填充灰度25%,應(yīng)用圖層樣式漸變疊加,透明度40%,黑至白漸變,線性,角度-90度,縮放13%。移動漸變至合適的位置,如圖所示。
24,在"接口孔"圖層上方新建圖層"接口孔陰影",使用多邊套索工具繪制如下圖的選區(qū),填充黑色,取消選區(qū)ctrl+D。濾鏡—模糊—高斯模糊15PX。Ctrl-單擊"接口孔"圖層調(diào)入選區(qū),反相選區(qū)(菜單:選擇—反相;shift+ctrl+i),delete刪除多余部分。在這里,你可調(diào)整圖層的透明度,直至你認(rèn)為滿意為止。
25,在"接口孔"圖層上新建圖層"白"。 ctrl-單擊"接口孔"圖層,使用矩形選框工具移動選區(qū),如下圖所示。Ctrl+alt+shift-單擊"接口孔"圖層,從原來的選區(qū)中選出重疊部分,填充白色,取消選區(qū)ctrl+D.選擇移動工具,選擇鍵盤上的向右鍵,移動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ù)制"接口"圖層,重命名為"接口投影"拖動它到"前A"圖層上面,往右移動,如圖所示。
濾鏡—模糊—高斯模糊3象素。為了讓接口的影子呆在USB前頭那部分,那我們就來制作一個圖層蒙板。按住Alt時將鼠標(biāo)移動到"接口光," 和"前A"之間,當(dāng)鼠標(biāo)變成圓形時單擊。更改"接口投影"圖層的透明度,沒有數(shù)值,你認(rèn)為可以就行了。
29,做到這里我們再來整理一下圖層。按shift選中U盤主體的多個圖層ctrl+E合并,重命名為體。這樣一來,是不在明了多了?但有一點(diǎn)提醒大家一下,合并完之后,就不會像剛剛多圖層那樣容易更改,所以不在你已經(jīng)滿意之止,別這么輕易合并。我一般是將文件保存一個副本備份,屬個人習(xí)慣。
30,接下來我們在接口上方制作二個方形小孔。在最上方新建圖層“孔上”。使用矩形選框工具,樣式:固定大小,寬、高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ū),移動選區(qū)向左向下各1個象素。Ctrl+alt+shift-再次單擊"小孔"圖層,選擇出重疊區(qū)域,填充黑色,取消選區(qū)(ctrl+d).這一步使我們剛剛在接口上打的小孔就擁有了厚度。
31,復(fù)制剛制作的小孔,移動它至合適的位置,可以參照接口處的邊緣,將二個方塊的邊緣跟它對齊,如同所示。同時選中這二層,鏈接,往左移動,如圖。
32,接下來我們制作U盤上的字。我選了Trebuchet MS字體,大小為35點(diǎn),并設(shè)置前景色為# ee3232,輸入文字(你要讓這個U盤有多少的容量,它就有多少。呵呵,100G夠不夠?)。ctrl+t自由變移,水平傾斜30度。重命名文字圖層為“文字”。
應(yīng)用圖層樣式:漸變疊加。設(shè)置為:模式濾色,透明度50%,銀色漸變,線性,角度30,縮放75%。
設(shè)置文字的投影:模式正片疊底,透明度60%,角度90度,距離和大小為2PX。
效果如下圖:
33,我們現(xiàn)在畫的U盤是飄浮在空中的,它的背面在地板上有一個清晰的投影,背面和正面還有一些小小的區(qū)別。接下來,我們繪制U盤的背面.
復(fù)制“主體”圖層,得到一個副本。我們選中如下圖所示的除副本之外的基它圖層進(jìn)行合并(CTRL+E),重命名為USB,將它隱藏。
34,再次使用文字工具,設(shè)置前景色為# ee3232,輸入文字你想輸入的字,我這里輸入STUTDSP。輸入之后,編輯—變換—水平翻轉(zhuǎn)/垂直翻轉(zhuǎn)各一次。ctrl+d進(jìn)入自由變換,水平傾斜30度。
給文字添加圖層樣式,數(shù)值如圖。每個人的情況都不同,請大家調(diào)整到自己合適的數(shù)值。
合并主體副本和文字圖層。將這個U盤的背面更命為投影。
35,打開“接口備份”組的眼睛,移至圖層面板的最上方。打開組,將“白上”層刪掉。把“白”圖層上的對象上移,如下圖所示。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,同時選中USB和USB投影這個圖層,ctrl+t旋轉(zhuǎn)-30度 。單獨(dú)選中投影層,移至如圖所示的位置,執(zhí)行濾鏡—模糊—高斯模糊3px,并設(shè)置不透明度為20%
39,復(fù)制“USB投影”圖層,命名為“陰影”,ctrl+u打開色相/飽和度面板,將明度拉到-100,使陰影變成黑色。濾鏡—模糊—高斯模糊40PX。設(shè)置不透明度為50%。適當(dāng)?shù)膶﹃幱拔恢眠M(jìn)行調(diào)整,如下圖所示:
U盤我們已經(jīng)完成啦,給它添上一個背景,如果對U盤還有什么不滿意用曲線適當(dāng)調(diào)整一下,總之做我們做這么辛苦,就是希望它漂亮羅。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- Photoshop鼠繪U盤