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

2024-01-15 17:37:10 來源/作者: / 己有:0人學(xué)習(xí)過
Photoshop繪制一款精美手機(jī) 作者:楊斌 教程來源:藍(lán)色理想
本教程所用軟件為Photoshop CS2。
手機(jī)的繪制
我國擁有近四億的手機(jī)用戶,居全世界第一。手機(jī)在我國已成了常見的通訊工具。本小節(jié)將帶著讀者一起用Photoshp CS2繪制一臺手機(jī)。
本小節(jié)完成的效果圖。(圖4.1-1)

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

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

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

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

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

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

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

圖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鍵,同時單擊該圖層在圖層調(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ī)廠家稱這個顏色為“水手藍(lán)”),命名該層為“水手藍(lán)”。同時另建圖層,命名為“軸”。畫出如圖4.1-14所示上邊的形狀。

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

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

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

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

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

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

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

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

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

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

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

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

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

圖4.1-27 自由變換“手機(jī)上蓋”組產(chǎn)生透視效果
在“手機(jī)上蓋”組上新建圖層,畫手機(jī)上蓋的暗部。按下鍵盤上的Ctrl鍵,用鼠標(biāo)左鍵點擊圖層調(diào)板上的“手機(jī)上蓋”組中“上蓋”圖層縮略圖,使其圖形外緣作為選區(qū)載入。按鍵盤上的“方向鍵”將選區(qū)向左上方向輕移幾個像素。按下鍵盤上的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 刪除多余部分后的效果
下面我們來細(xì)致刻畫攝像頭部分。
雙擊“手機(jī)上蓋”組中“攝像頭”圖層在圖層調(diào)板中的縮略圖,在彈出的“圖層樣式”對話框中選擇“內(nèi)陰影”,編輯等高線曲線,如圖4.1-30所示。

圖4.1-30 編輯等高線曲線

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

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

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

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

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

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

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

圖4.1-38 圈中即為繪制反光的位置
本新聞共16
下面,我們來完善手機(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ū)向下移動若干像素,用“畫筆工具”涂抹墨綠色,如圖 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為上蓋層添加的漸變設(shè)置

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

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

圖4.1-47 拼綴圖濾鏡對話框
按上面所介紹的方法,將該圖形自由變換到圖4.1-48效果。

圖4.1-48 自由變換拼綴圖的效果
設(shè)置拼綴圖層的“混合模式”為“正片疊底”,刪除多余部分。
選擇“水手藍(lán)”圖層,為它加上 “內(nèi)陰影”的圖層樣式,如圖4.1-49所示。

圖4.1-49 “水手藍(lán)”圖層的內(nèi)陰影效果
本新聞共16
下面繪制手機(jī)的側(cè)面部分。
在“上蓋”層下復(fù)制該層,移動該復(fù)制層到如圖4.1-50所示位置。

圖4.1-50復(fù)制“上蓋”層并移動后的效果
用“加深工具”加深“上蓋”的復(fù)制層,如圖4.1-51所示。

圖4.1-51 加深復(fù)制的圖層
選擇“上蓋”層,用“模糊工具”(快捷鍵R)將上蓋層邊緣模糊一下,使其過度柔和一些,如圖4.1-52所示。

圖4.1-52模糊處理的邊緣
在“手機(jī)上蓋”組下新建圖層,命名為“寶石藍(lán)”。載入“上蓋”層圖形邊緣選區(qū),移動到如圖4.1-53所示位置后填充“寶石藍(lán)”色(色彩接近即可)。

圖4.1-53 填充寶石藍(lán)色的圖層
本新聞共16
在“寶石藍(lán)”層上面新建一層命名為“倒棱”,用鋼筆工具繪制出如圖4.1-54所示的路徑。

圖4.1-54 用鋼筆工具繪制的形狀
將路徑轉(zhuǎn)換為選區(qū)后填充“藍(lán)灰”色(色彩接近即可),用加深、減淡工具擦出如圖4.1-55所示效果。
不取消選區(qū),將“倒棱”層用較小像素描白邊,如圖4.1-55所示。

圖4.1-55 “倒棱”層填充、描邊的效果
再將“寶石藍(lán)”層描白邊。按上面的方法繼續(xù)繪制其他部分,“倒棱”層下面帶有“寶石藍(lán)”色形狀的圖層命名為“寶石藍(lán)2”,如圖4.1-56所示。

圖4.1-56繼續(xù)刻劃的側(cè)面
本新聞共16
用“選區(qū)描邊”的方法繪制后面充電插孔,方法很簡單,這里就不贅述。如圖4.1-57所示。

圖4.1-57 手機(jī)充電插孔完成的效果
選擇 “寶石藍(lán)2”層,用鋼筆工具繪制出如圖4.1-58所示形狀。

圖4.1-58 用鋼筆工具繪制的側(cè)面路徑
轉(zhuǎn)換路徑為選區(qū)后填充同該層圖形相同的“寶石藍(lán)”色(圖4.1-59)。

圖4.1-59 路徑轉(zhuǎn)換為選區(qū)后填充顏色
用硬度較小的“橡皮擦工具”(快捷鍵E)將“手機(jī)上蓋”組中名為“軸”的圖層邊緣擦掉一點。再用減淡工具在“寶石藍(lán)2”層上擦出如圖4.1-60所示效果。

圖4.1-60 刻劃手機(jī)連接部分圖形
本新聞共16
再將“手機(jī)上蓋”組中名為“軸”的圖層用“加深/減淡工具”擦出如圖4.1-61所示效果。

圖4.1-61 手機(jī)連接部分圖形完成的效果
下面繪制手機(jī)天線。在“手機(jī)上蓋”組上新建圖層,用鋼筆工具鉤出形狀后轉(zhuǎn)換為選區(qū),如圖4.1-62所示。

圖4.1-62 手機(jī)天線外形的選區(qū)
為該選區(qū)添加漸變效果(圖4.1-63)。

圖4.1-63 為手機(jī)天線添加漸變效果
繼續(xù)完善天線,如圖4.1-64所示。

圖4.1-64 手機(jī)天線完成的效果
添加上信號指示燈,和標(biāo)志等。

圖4.1-65 標(biāo)志繪制過程示意圖
本新聞共16
將“標(biāo)志”自由變換變形后,放到相應(yīng)位置,加上投影效果,如圖4.1-66和4.1-67所示。

圖4.1-66 設(shè)置“標(biāo)志”的“圖層樣式”對話框

圖4.1-67 “標(biāo)志”圖層加上投影的效果
最后為手機(jī)加上投影和“上蓋”的白色反光效果,這個繪制手機(jī)的實例就完成了。

圖4.1-68手機(jī)繪制完成的效果簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima

上一篇:ps鼠繪籃球

下一篇:ps鼠繪香水瓶子實例