當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps繪畫教程>鼠繪教程>教程內(nèi)容

Photoshop鼠繪仿真索愛(ài)S550i手機(jī)(10)

來(lái)源:作者:夜之子 來(lái)源:eNet 作者:bbs.16xx8.com 學(xué)習(xí):548人次

先看一下最終效果:
 

  

Photoshop繪制立體逼真的索愛(ài)S550i手機(jī)_webjx.com

  1.新建畫布,設(shè)置寬度和高度都為500像素,背景色為默認(rèn)白色,然后用鋼筆工具勾勒出如下圖所示的外形。

  

  2.新建圖層,選擇位于下方的路徑點(diǎn)擊右鍵選擇“填充路徑”選項(xiàng)填充顏色"#9E9E9E",然后再新建圖層,將上部路徑填充顏色"#202020",接著再用鋼筆工具在上面板勾勒出如下圖所示的形狀。

  


 

  3.選擇新建路徑,點(diǎn)擊右鍵在彈出的菜單中選擇“建立選區(qū)“選項(xiàng),然后再新建圖層,用漸變工具拉出一個(gè)由灰色到黑色的線性漸變,如下圖所示:

  

  4.選中漸變所在的圖層,用多邊形選區(qū)做出一個(gè)斜向的選區(qū),然后刪掉選區(qū)內(nèi)的部分,接著再用鋼筆工具勾出圖中所示的外形,然后轉(zhuǎn)化為選區(qū),刪掉黑色機(jī)身多余的部分,如下圖所示:

  

  5.新建一個(gè)圖層,用路徑工具勾勒出圖中所示的形狀,填充路徑,顏色為"#CECECE",然后用加深減淡工具對(duì)其暗部和亮部進(jìn)行涂抹,畫出立體感,如圖所示:

  


 

  6.接下來(lái)做出手機(jī)滑蓋部分的間隔,用路徑勾出圖中所示的形狀,新建圖層,填充路徑,顏色設(shè)置為"#565656",如圖所示:

  

  7.用鋼筆工具根據(jù)手機(jī)下部的外形勾出路徑,然后新建圖層,填充路徑為黑色,如下圖所示:

  

  8.按住Ctrl單擊手機(jī)外形所在圖層載入其選區(qū),然后反選選區(qū),刪掉多余的黑色部分。接下來(lái)制作手機(jī)的按鍵,選擇圓角矩形工具,設(shè)置半徑為4個(gè)像素,然后拉出按鍵的外形,按下"Ctrl+T"鍵使用自由變換工具調(diào)整按鍵的透視,接著復(fù)制三個(gè),按圖中所示的方式進(jìn)行排列,如圖所示:

  


 

  9.選擇上一步中創(chuàng)建的矩形路徑,點(diǎn)擊右鍵在彈出的菜單中選擇“建立選區(qū)“選項(xiàng)將路徑轉(zhuǎn)為選區(qū),新建圖層,選擇漸變工具,設(shè)置如圖中所示,然后拉出一個(gè)由淺至深的漸變,如下圖所示:

  

  10.接下來(lái)制作面板上的拉絲效果,新建一個(gè)文件,執(zhí)行"濾鏡" "雜色" 下的"添加雜色"濾鏡命令,然后添加"動(dòng)感模糊"的濾鏡,角度選項(xiàng)為90度,距離為156像素,如下圖所示:

  

  11.將拉絲效果全部選擇,然后復(fù)制到手機(jī)所在文件中,按下"Ctrl+T"用自由變換工具對(duì)角度和大小進(jìn)行調(diào)整,將拉絲所在圖層的圖層模式改為"疊加"。

  

  12.選擇按鍵所在的路徑,新建圖層,然后對(duì)路徑進(jìn)行描邊操作,顏色為黑色,大小為1個(gè)像素,如下圖所示:

  


 

  13.用鋼筆工具勾出如下圖所示的外形,接著填充路徑,顏色為亮灰色,再用橡皮工具對(duì)其邊緣進(jìn)行擦除,產(chǎn)生一個(gè)過(guò)度的效果,如圖所示:

  

  14.用鋼筆工具勾出圖中所示路徑,填充顏色值為"#E1DFE2",做出手機(jī)邊緣的厚度效果,如圖所示:

  

  15.接下來(lái)制作手機(jī)按鍵中的裝飾物,先用直線和橢圓工具畫出如圖所示的外形,新建圖層,將直線工具描黑色邊,然后給橢圓填充黑色,如下圖所示:

  

  16.選擇其中一個(gè)橢圓填充,復(fù)制一份,然后用加深減淡工具進(jìn)行涂抹,加深金屬裝飾物的邊緣,再用減淡工具提亮中間部分,畫出金屬的高光效果,然后將其復(fù)制7個(gè),排列如下圖所示:

  


 

  17.手機(jī)的鍵盤面板顏色太灰,選擇鍵盤面板所在圖層,執(zhí)行“色相/飽和度”命令,將其飽和度提高,效果如圖所示:

  

  18.接下來(lái)是鍵盤上數(shù)字和符號(hào)的制作,數(shù)字部分是用文字工具結(jié)合自由變換工具進(jìn)行調(diào)整,而符號(hào)則是用路徑來(lái)進(jìn)行繪制,再按規(guī)律排列于按鍵之上。

  

  19.使用橢圓工具拉出一個(gè)圓形,按"Ctrl+T"鍵調(diào)出自由變換工具對(duì)其進(jìn)行變形,然后將橢圓復(fù)制兩個(gè),依次用自由變換工具調(diào)整大小,形成三個(gè)同心圓,如下圖所示:

  

  20.新建圖層,選擇最外邊的圓形路徑進(jìn)行描邊操作,接著將位于中間的路徑填充亮灰色,最后將最小的圓形路徑填充深色,然后執(zhí)行"濾鏡" "雜色"下的"添加雜色"濾鏡,在彈出的對(duì)話框中設(shè)置"數(shù)量"為5%,并將"單色"復(fù)選框選中,效果如下圖所示:

  


 

  21.使用與上一步相類似的方式畫出四個(gè)同心的圓形,然后按"Ctrl+T"調(diào)出自由變換工具,對(duì)其外形進(jìn)行調(diào)整,效果如下圖所示:

  

  22.選擇最外層的路徑,新建圖層然后填充黑色,然后選擇鄰近的路徑填充綠色,再用加深工具表面隨意的涂抹,最終形成凹陷的立體效果:

  

  23.選擇最內(nèi)層的圓形路徑,單擊工具箱中的"漸變工具",設(shè)置彈出的"漸變編輯器"對(duì)話框如下圖所示,并設(shè)置漸變類型為"角度漸變",然后從中心向四周拉出下圖所示的漸變。

  


 

  24.選擇工具箱中的圓角矩形工具,先設(shè)置半徑值為3像素畫出長(zhǎng)條形的按鍵,然后填充中灰色,并用減淡工具涂抹出高光,接著設(shè)置半徑值為2個(gè)像素畫出兩個(gè)圓角的矩形按鈕并填充黑色。

  

  25.將三個(gè)按鈕所在圖層鏈接起來(lái),并執(zhí)行"圖層"下的"合并鏈接圖層"命令,將三個(gè)圖層合并,再用路徑工具畫出標(biāo)志的外形,然后點(diǎn)擊右鍵在彈出的菜單中選擇"描邊路徑",工具一欄選擇“畫筆”方式,按鍵上的標(biāo)志制作完成。

  26.然后將合并后的按鍵圖層復(fù)制一份,使用移動(dòng)工具移動(dòng)到左邊的位置,用之前相同的制作方式制作出左邊的標(biāo)志,如下圖所示:

  


 

  27.選擇工具箱中的圓角矩形工具,先設(shè)置半徑值為"10"像素畫出長(zhǎng)條形的聽(tīng)筒外形,再將半徑值設(shè)置為"8"像素,畫出屏幕的邊框,然后按下"Ctrl+T"鍵調(diào)出自由變換工具分別調(diào)整聽(tīng)筒和屏幕邊框的位置和透視,使其能與機(jī)身角度相統(tǒng)一。

  

  28.手機(jī)屏幕的圖案可以用路徑工具結(jié)合漸變工具簡(jiǎn)單的繪制一些圖案,也可以導(dǎo)入一張自己喜歡的圖片來(lái)制作,選擇屏幕邊框路徑點(diǎn)擊右鍵選擇"描邊路徑"選項(xiàng),用"畫筆"方式描出1個(gè)像素大小的黑邊,并用橡皮工具擦掉左部和下部的邊框,形成屏幕凹陷的效果。接著再用文字工具在屏幕上部和下部添加一些如圖所示的文字。

  

  29.新建圖層,拖動(dòng)圖層使其位于所有手機(jī)圖層的下方,選擇鋼筆工具根據(jù)手機(jī)的外形勾出如下圖所示的外形,然后點(diǎn)擊右鍵選擇”填充路徑”選項(xiàng),顏色設(shè)置為"#2A2A2A",然后執(zhí)行"濾鏡" "模糊" "高斯模糊"濾鏡,在彈出的菜單中設(shè)置半徑為"2.2"像素。

  

  30.擴(kuò)大畫布的空間,然后對(duì)手機(jī)在畫布的位置進(jìn)行調(diào)整,用"裁切"工具對(duì)畫面進(jìn)行裁切,修改一些不如意的地方,完成。

  

 Photoshop繪制立體逼真的索愛(ài)S550i手機(jī)_webjx.com


學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
nan59286352009-06-29 08:12
擦··· 我用的就是這個(gè)手機(jī) 曾經(jīng)我學(xué)設(shè)計(jì)時(shí) 老師還讓我做來(lái)著 跟你做的簡(jiǎn)直沒(méi)法比
7406113562009-06-20 01:31
挺好的 啊 有的還學(xué)不會(huì)
小小三2009-06-11 09:59
學(xué)不會(huì)。。。
ndzzz2009-06-10 05:56
可惡,我看不了~~~~~
sgnoway2009-06-09 11:57
很強(qiáng)大啊.......

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!