Photoshop繪制一款精美手機(jī)

2024-01-20 17:21:40 來(lái)源/作者： / 己有：1人學(xué)習(xí)過(guò)

Photoshop繪制一款精美手機(jī) 作者：楊斌教程來(lái)源：藍(lán)色理想
本教程所用軟件為Photoshop CS2。
手機(jī)的繪制
我國(guó)擁有近四億的手機(jī)用戶，居全世界第一。手機(jī)在我國(guó)已成了常見(jiàn)的通訊工具。本小節(jié)將帶著讀者一起用Photoshp CS2繪制一臺(tái)手機(jī)。
本小節(jié)完成的效果圖。（圖4.1-1）

圖4.1-1 手機(jī)繪制完成效果圖
本新聞共16
本小節(jié)實(shí)例制作步驟如下：
按下鍵盤上的Ctrl N組合鍵，或執(zhí)行菜單欄上的“文件→新建”命令打開(kāi)“新建”對(duì)話框，設(shè)置參見(jiàn)圖4.1-2所示。

圖4.1-2 新建對(duì)話框的設(shè)置
新建圖層，按下鍵盤上的Ctrl R組合鍵打開(kāi)標(biāo)尺，創(chuàng)建一條垂直輔助線。以該輔助線為對(duì)稱中心線，用“矩形選框工具”（快捷鍵M），根據(jù)手機(jī)形狀創(chuàng)建一個(gè)矩形選區(qū)，如圖4.1-3所示。

圖4.1-3 以輔助線為對(duì)稱中心線創(chuàng)建的矩形選區(qū)
選擇“橢圓選框工具”（快捷鍵M）工具，設(shè)置選項(xiàng)欄上的布爾模式為“添加到選區(qū)”，如圖4.1-4所示。

圖4.1-4 橢圓形選框工具在選項(xiàng)欄上的設(shè)置
在選區(qū)下邊與垂直輔助線相交位置處（如圖4.1-5所示）開(kāi)始拖拉，出現(xiàn)圓形后不要松開(kāi)鼠標(biāo)，同時(shí)按下鍵盤上的Alt和Shift鍵，就可以該點(diǎn)為圓心創(chuàng)建一個(gè)與矩形選區(qū) “合集”的圓形選區(qū)，如圖4.1-6所示。

圖4.1-5 圓形選區(qū)的中心起點(diǎn)

圖4.1-6 與矩形選區(qū)合集的圓形選區(qū)
執(zhí)行菜單欄上的“選擇→修改→平滑”命令，將矩形選區(qū)直角平滑一定像素。

圖4.1-7 平滑命令設(shè)置對(duì)話框

圖4.1-8 矩形選區(qū)平滑后的效果
本新聞共16
確認(rèn)“橢圓選框工具”仍被選擇，右擊文檔窗口，在彈出的菜單中選擇“建立工作路徑”命令，將選區(qū)轉(zhuǎn)換為路徑。
調(diào)整路徑到如圖4.1-9所示效果——使上邊窄一些，兩側(cè)線條要具有一定弧度。

圖4.1-9 調(diào)整后路徑的效果
選擇任意路徑工具（比如“鋼筆工具”），右擊文檔窗口，在彈出的菜單中選擇“建立選區(qū)”命令，轉(zhuǎn)換路徑為選區(qū)。設(shè)置前景色為灰色（色彩接近即可），按下鍵盤上的Alt BackSpace組合鍵填充前景色。將該圖層命名為“上蓋”，如圖4.1-10 所示。

圖4.1-10 填充灰色后的圖形
按下鍵盤上的Ctrl鍵，同時(shí)單擊該圖層在圖層調(diào)板的縮略圖，使該層中圖形外緣作為選區(qū)載入。選擇“矩形選框工具”，右擊文檔窗口，在彈出的菜單中選擇“變換選區(qū)”命令。按下鍵盤上的Alt鍵，以選區(qū)中心為變換中心，變換該選區(qū)到圖4.1-11所示效果。

圖4.1-11 變換選區(qū)后的效果
本新聞共16
新建圖層，命名為“銀色裝飾物”。選擇“漸變工具”快捷鍵（G），在選區(qū)內(nèi)添加“漸變”效果（只是為了效果預(yù)覽，后面還要更改），如圖4.1-12所示。

圖4.1-12 漸變的設(shè)置
不取消選區(qū)，新建圖層，變換選區(qū)到圖4.1-13所示效果。

圖4.1-13 變換選區(qū)后的效果
填充如圖4.1-14所示顏色（色彩接近即可，手機(jī)廠家稱這個(gè)顏色為“水手藍(lán)”），命名該層為“水手藍(lán)”。同時(shí)另建圖層，命名為“軸”。畫出如圖4.1-14所示上邊的形狀。

圖4.1-14 填充藍(lán)色的效果
在該層上創(chuàng)建一個(gè)矩形選區(qū)，填充上面設(shè)置的“水手藍(lán)”色，如圖4.1-15所示。

圖4.1-15矩形選區(qū)填充后的效果
新建圖層，用“鋼筆工具”（快捷鍵P）繪制如圖4.1-16所示路徑。

圖4.1-16 用鋼筆工具繪制的路徑
本新聞共16
選擇“路徑選擇工具”，按下鍵盤上的Alt鍵，同時(shí)按下鼠標(biāo)左鍵，拖拽該路徑復(fù)制一個(gè)。選取該復(fù)制路徑，按下鍵盤上的Ctrl T組合鍵，執(zhí)行菜單欄上的“編輯→變換→水平翻轉(zhuǎn)”命令，變換路徑到相應(yīng)的形狀，并移動(dòng)到另一邊相應(yīng)的位置。
設(shè)置前景色為上面設(shè)置的“灰色”。選擇畫筆工具（快捷鍵B），在文檔窗口單擊右鍵，在彈出的調(diào)板中設(shè)置畫筆參數(shù)，如圖4.1-17所示。

圖4.1-17 “畫筆工具”筆觸設(shè)置
新建一個(gè)圖層，選擇該兩條路徑，右擊文檔窗口，在快捷菜單中選擇“描邊路徑”命令，設(shè)置“描邊路徑”對(duì)話框如圖4.1-18所示。

圖4.1-18 描邊路徑命令對(duì)話框
雙擊該圖層在圖層調(diào)板上的縮略圖，設(shè)置彈出的圖層樣式對(duì)話框，如圖4.1-19所示。

圖4.1-19 圖層樣式對(duì)話框
本新聞共16
下面繪制攝像頭部分（這個(gè)部位在后面的透視變換的操作比較復(fù)雜，要具體處理，先把位置固定一下）。
新建圖層，先繪制一個(gè)白色的圓形，再用“鋼筆工具”（快捷鍵P）繪制如圖4.1-20的路徑。將路徑轉(zhuǎn)換為選區(qū)后填充白色，命名該層為“攝像頭”。

圖4.1-20 攝像頭形狀的路徑
下面繪制“揚(yáng)聲器孔”。新建圖層，用矩形選框工具創(chuàng)建矩形選區(qū)后，平滑矩形選區(qū)的直角，并填充黑色，如圖4.1-21所示。

圖4.1-21 繪制其中一個(gè)揚(yáng)聲器孔
不取消選區(qū)，選擇“移動(dòng)工具”，按下鍵盤上的Alt鍵不放，用鼠標(biāo)左鍵拖拽，在同一層上復(fù)制出兩個(gè)“揚(yáng)聲器孔”，如圖4.1-22所示。

圖4.1-22 復(fù)制出另外兩個(gè)“揚(yáng)聲器孔”
雙擊該圖層在圖層調(diào)板上的縮略圖，在“圖層樣式”對(duì)話框中設(shè)置“斜面和浮雕”為“枕狀浮雕”，具體參數(shù)設(shè)置如圖4.1-23所示。

圖4.1-23 設(shè)置“揚(yáng)聲器孔”圖層樣式
新建圖層，命名為“外屏邊框”。按上面所講的方法繪制手機(jī)顯示屏的圓角矩形選區(qū)，填充黑色。執(zhí)行菜單欄上的“選擇→存儲(chǔ)選區(qū)”命令，為該選區(qū)命名為“圓角矩形”，儲(chǔ)存該選區(qū)。再將該選區(qū)放大到如圖4.1-24所示效果。

圖4.1-24 放大圓角矩形選區(qū)后的效果
本新聞共16
執(zhí)行菜單欄上的“濾鏡→扭曲→球面化”命令，參照?qǐng)D4.1-25所示設(shè)置。

圖4.1-25 球面化命令對(duì)話框
新建圖層，命名為“外屏”。執(zhí)行菜單欄上的“選擇→載入選區(qū)”命令，載入“圓角矩形”選區(qū)，調(diào)整大小后填充白色占位，如圖4.1-26所示。

圖4.1-26 載入選區(qū)并填充白色后的效果
下面的步驟要做出手機(jī)的透視效果。
選擇圖層調(diào)板最上面的圖層所略圖，按下鍵盤上的Shift鍵，同時(shí)用鼠標(biāo)單擊背景層上面縮略圖，選擇該兩個(gè)圖層，及其中間的圖層。按下鍵盤上的Ctrl G 組合鍵，將圖層編組，命名為“手機(jī)上蓋”。
按下鍵盤上的Ctrl T組合鍵，自由變換該組，按下鍵盤上的Ctrl鍵不放，拖拽變換控制點(diǎn)到如圖4.1-27所示效果。

圖4.1-27 自由變換“手機(jī)上蓋”組產(chǎn)生透視效果
在“手機(jī)上蓋”組上新建圖層，畫手機(jī)上蓋的暗部。按下鍵盤上的Ctrl鍵，用鼠標(biāo)左鍵點(diǎn)擊圖層調(diào)板上的“手機(jī)上蓋”組中“上蓋”圖層縮略圖，使其圖形外緣作為選區(qū)載入。按鍵盤上的“方向鍵”將選區(qū)向左上方向輕移幾個(gè)像素。按下鍵盤上的Shift Ctrl I 組合鍵反選，按下鍵盤上的Alt Ctrl D將選區(qū)羽化較多像素。
設(shè)置“畫筆工具”（快捷鍵B）為主直徑較大，硬度較低的筆觸。設(shè)置前景色為深灰色（色彩接近即可），用“畫筆工具”沿手機(jī)選區(qū)外側(cè)按圖4.1-28所示方式畫上陰影。

圖4.1-28 用畫筆工具繪制的陰影
本新聞共16
按下鍵盤上的Ctrl D組合鍵，取消選區(qū)。再次載入“上蓋”選區(qū)，輕移到合適位置后，羽化較少的像素，按上面的方法反選，按下鍵盤上的Delete鍵刪除多余的部分，得到如圖4.1-29所示效果。

圖4.1-29 刪除多余部分后的效果
下面我們來(lái)細(xì)致刻畫攝像頭部分。
雙擊“手機(jī)上蓋”組中“攝像頭”圖層在圖層調(diào)板中的縮略圖，在彈出的“圖層樣式”對(duì)話框中選擇“內(nèi)陰影”，編輯等高線曲線，如圖4.1-30所示。

圖4.1-30 編輯等高線曲線

圖4.1-31 “攝像頭”圖層添加“內(nèi)陰影”效果
新建圖層，繪制一個(gè)橢圓形選區(qū)，填充灰色。不取消選區(qū)，自由變換到如圖4.1-32所示效果。

圖4.1-32 橢圓形自由變換效果
本新聞共16
確認(rèn)“矩形/橢圓選框工具”被選擇，右擊文檔窗口，在快捷菜單中選擇“描邊”命令，設(shè)置參見(jiàn)圖4.1-33所示。

圖4.1-33 橢圓形選區(qū)描邊對(duì)話框
用“加深/減淡工具”（快捷鍵O）擦出大體明暗。
新建圖層，按上面方法繪制如圖4.1-34所示形狀，在圖層調(diào)板上調(diào)整該圖層的“不透明度”為50%。

圖4.1-34 圖層降低不透明度后的效果
用“加深/減淡工具”配合“橢圓選框工具”按前面所講方法繪制出鏡頭周圍的裝飾物。再新建圖層，載入攝像頭選區(qū)，用“畫筆工具”繪制陰影，如圖--4.1-35所示。

圖4.1-35 裝飾物完成的效果
再選擇“攝像頭”圖層，為它加上“枕狀浮雕”的樣式。新建圖層，配合“橢圓選框工具”，用“畫筆工具”在攝像頭位置繪制出白色反光，如圖4.1-36紅圈中表示的部位。
新建圖層，創(chuàng)建一個(gè)橢圓形選區(qū)后填充漸變，如圖4.1-36所示。

圖4.1-36 橢圓形選區(qū)添加漸變效果
縮小橢圓形選區(qū)后填充深灰色，用“加深/減淡工具”依實(shí)際擦出明暗（圖4.1-37），繪制反光凸鏡的效果。

圖4.1-37 反光凸鏡完成的效果
用“減淡工具”擦出白色反光，如圖4.1-38所示。

圖4.1-38 圈中即為繪制反光的位置
本新聞共16
下面，我們來(lái)完善手機(jī)外屏幕部分。
選擇“手機(jī)上蓋”組中“銀色裝飾物”圖層，將圖形外緣選區(qū)載入。填充如圖4.1-39所示漸變，設(shè)置“圖層樣式”為“枕狀浮雕”，如圖4.1-39所示。

圖4.1-39 選區(qū)填充漸變、添加枕狀浮雕樣式的效果
不取消選區(qū)，將上半部分用“筆畫工具”涂上白色，用鋼筆工具繪制路徑后用灰色畫筆“描邊路徑”，鉤選“模擬壓力”，完成效果如圖4.1-40所示。

圖4.1-40 為圖形添加光澤
選擇“外屏幕邊框”圖層，為其加上枕狀浮雕效果。選擇“白色屏幕”圖層，按上面所述方法載圖形邊緣的選區(qū)，用“畫筆工具”涂抹如圖4.1-41所示灰色（色彩接近即可）。

圖4.1-41畫筆工具涂抹外屏幕的效果
新建圖層，將“白色屏幕”選區(qū)向下移動(dòng)若干像素，用“畫筆工具”涂抹墨綠色，如圖 4.1-42所示。

圖 4.1-42 畫筆工具涂抹新建圖層的效果
再次載入“白色屏幕”層圖形外緣選區(qū)，按下鍵盤上的Shift Ctrl I 組合鍵，反選后按Delete鍵刪除新建層多余的部分，如圖 4.1-43所示。

圖 4.1-43 外屏幕的效果
本新聞共16
選擇“上蓋”層，載入它的圖形邊緣選區(qū)，填充如圖4.1-44所示設(shè)置的漸變。

圖4.1-44為上蓋層添加的漸變?cè)O(shè)置

圖4.1-45 上蓋層添加漸變后的效果
在“圖層樣式”中為“揚(yáng)聲器孔”圖層中的圖形加上“外斜面浮雕”效果，如圖4.1-46所示。

圖4.1-46 “揚(yáng)聲器孔”的“外斜面浮雕”效果
下面的步驟繪制藍(lán)色塑料裝飾物里面的小格子。
在“水手藍(lán)”圖層上建一層，設(shè)置前景色為黑色，背景色為白色，創(chuàng)建一個(gè)矩形選區(qū)。執(zhí)行菜單欄上的“濾鏡→紋理→拼綴圖”命令，設(shè)置參見(jiàn)圖4.1-47所示。