用Photoshop繪制產(chǎn)品效果圖

1、用Photoshop繪制產(chǎn)品效果圖Photoshop是我們十分熟悉的一款平面設(shè)計類軟件，功能強(qiáng)大，集修圖、繪圖、拼版于一體，平面設(shè)計類的所有工作都可以借助這個平臺完成。我們在計算機(jī)輔助三維設(shè)計課程中學(xué)習(xí)了如何使用rhino創(chuàng)建產(chǎn)品模型，然后使用3Dsmax環(huán)境下的vray插件進(jìn)行渲染。使用這種方式我們可以獲得模擬三維空間下的仿真景象，但是步驟略顯繁瑣，對使用者的使用技巧要求也比較高。如果在較短的時間內(nèi)，想要對某種產(chǎn)品做一個快速的表達(dá)，使用二維軟件不失為是一種更好的方式。比如photoshop、coreldraw、illustrator、painter等等。在二維環(huán)境下繪制三維產(chǎn)品效果圖需要一定

2、的美術(shù)功底，把握好亮度、色彩、陰影、材質(zhì)各方面的變化，才能繪出真實感強(qiáng)的效果圖。初學(xué)這門技巧我們從描摹圖片開始，一邊觀察圖片中產(chǎn)品的特征，一邊繪制。以上面的圖片為范例，我們一起一步步繪制出右邊的效果圖。打開photoshop（范例中使用的是pscs4版本），新建一個1600X1200,分辨率72的畫布。然后找到硬盤中存儲的“范例圖片.jpg”，將其打開。JT瞞用能精選范本，供參考!將范例圖片拖動到新建的未標(biāo)題-1畫布上如印范例圖片.jpg等25%但GB/中-3x將“范例圖片.jpg”關(guān)閉掉，按下alt鍵，同時在畫布上拖動這張圖片，即復(fù)制出一份。拖動過程按住shift可以保證水平復(fù)制。復(fù)制出的一

3、份我們用于作為背景圖在其上描摹外形，原來的一份供我們提取色彩、作為樣例使用。此時在圖層欄可以看到，已經(jīng)有了三個圖層。按下右圖按鈕，新建一個圖層，命名其為外廓（改名在圖層2字樣上雙擊即可）。英文輸入狀態(tài)下按下鍵盤的Z鍵，啟用放縮功能，將視圖調(diào)整到便于觀察的位置，在外廓圖層里使用鋼筆工具勾出該產(chǎn)品最外的輪廓（鋼筆工具快捷鍵為P）。注意打開鋼筆工具后，需要在設(shè)置上修改為路徑模式，如下右圖所示.P，文件®編輯®圖上描摹過程有一些技巧，需要同學(xué)們多多練習(xí)來掌握，完成后可以按鍵盤的A鍵對各個節(jié)點進(jìn)行調(diào)整，確信無誤后，按鍵盤的ctrl+enter鍵，將這個路徑轉(zhuǎn)化為選區(qū)。選中外廓圖層，按

4、鍵盤快捷鍵alt+delete,將選區(qū)填充為默認(rèn)的前景色黑色，然后按ctrl+D,取消選區(qū)。在圖層欄，將外廓圖層的不透明度調(diào)整為10%,這樣這個圖層就變的很淡，不會影響我們觀察背景圖。接下來新建圖層來繪制手機(jī)的藍(lán)色面板部分叵圖層1副本圖信蹴I醉IV正常鎖定； JT 4* A值充:|1皿%| |莖層，通道i器役IV同樣的步驟，不再復(fù)述，完成后也調(diào)整不透明度調(diào)整I 1三不透明度;接下來繪制顯示屏的邊緣，新建圖層，使用鋼筆工具。注意將視圖放大來觀察顯示屏周邊的小倒角。最后新建圖層繪制下端的兩個話筒口。完成后如下。接下來一層層的調(diào)整，使其反映出實物的特征，由下而上，首先是外廓圖層。將外廓圖層的不透明度

5、改回100,選中后按下shift再按一鍵三下，將其平移三個單位，方便我們對照圖片調(diào)整，調(diào)完后再移回。為防其他圖層干擾，可以將暫時不用的圖層前門的眼睛關(guān)閉掉,鍬定：/中I I話筒麴克：藍(lán)色面頓在外廓圖層的空白位置雙擊，打開圖層樣式，選中漸變疊加前面的方格，點擊漸變疊加，打開漸變編輯頁面。點擊圖示部分，在彈出的漸變編輯器里進(jìn)行如下設(shè)置。圖層洋式由上而下依次點擊這三個紅框所示部分，改顏色為同理調(diào)整又變白色色塊顏色為：日甌其他設(shè)置如下:點擊確定退出，將圖層移回原位后隱藏這一圖層，打開其上的藍(lán)色面板圖層，調(diào)整不透明度100。同理外移左邊色塊調(diào)整為右邊,其他如下:同上也是打開漸變疊加,將圖層移回，隱藏，打

6、開顯示屏圖層，外移并加入漸變。設(shè)置如下，完成后移回16CIrr：rG:|210r包Ss最后來處理話筒的部分，將其移出，對比原圖進(jìn)行漸變疊加。設(shè)置如下，完成后移回現(xiàn)在關(guān)閉掉下部的圖片,顯示所有新建圖層，觀察畫好的部分已經(jīng)有了大致的效果，但是缺乏細(xì)節(jié)，接下來就為效果圖增添細(xì)節(jié)，使看上去更加逼真。在外廓圖層之上新建一個圖層，改名為金屬邊框。然后按住ctrl,鼠標(biāo)點擊藍(lán)色面板前的縮略圖，觀察視窗中的變化。按鍵盤的M鍵，鼠標(biāo)移到虛線框范圍內(nèi)，點鼠標(biāo)右鍵，點擊描邊，設(shè)置如下。繪出的白邊是沿著藍(lán)色面板外廓的,與透視的原則并不十分相符，所以接下來對這個白邊做一下調(diào)整，按鍵盤V鍵，使用選取工具，并在選區(qū)邊上點右

7、鍵，選擇如下命令按住右上角的那個控制點，略向內(nèi)縮，觀察圖形使之看上去透視正確，調(diào)整完成按enter鍵觀察實物照片，在金屬邊框周圍還有細(xì)細(xì)的分隔線F面把金屬邊框內(nèi)部的分隔線畫上去。在金屬邊框圖層之上新建一個圖層，命名為分割線。按住ctrl,鼠標(biāo)點擊藍(lán)色面板前的縮略圖，按鍵盤的M鍵，鼠標(biāo)移到虛線框范圍內(nèi)，點鼠標(biāo)右鍵,點擊描邊，設(shè)置如下畫好后感覺分割線有些太重，個別的位置需要減淡一些，才更真實。使用橡皮擦工具，或按鍵盤E鍵，調(diào)整設(shè)置如下模式；商第71不透叫度模式I，I流量E。式|卜|戌r悚到歷史觀然后在分隔線圖層上慢慢涂抹，將手機(jī)右上角部分的黑線擦淡一些。擦除的位置參考下圖接下來完成這一部分的反射細(xì)

8、節(jié)，在外廓圖層之上建立一個新圖層，改名為反射部分。在這個圖層上用鋼筆工具繪制如下圖的區(qū)域，然后ctrl+enter變換為選區(qū)。將前景色改為r r： so- r g： （口 r B： |130|,Alt+delete填充這一選區(qū)，然后使用濾鏡-模糊-高斯模糊，設(shè)置為1確定，然后ctrl+f再重復(fù)一次。O使用橡皮擦命令將頭尾部分擦除幾下（不透明度和流量調(diào)低），使之與外廓自然的結(jié)合起來。PFI畫筆:口 模式正常司不透明度:使用畫筆工具，點上一個高光，設(shè)置如下（色彩為白色）同理在外廓靠下的位置再畫這樣一條反射帶，建立新圖層反射部分2。按鍵盤的D鍵恢復(fù)前景色黑后色白，ctrl+delete,填充白色。按

9、鍵盤M鍵在選區(qū)上點右鍵描邊，設(shè)置如下。C |20r G: 17r b：網(wǎng)然后使用橡皮擦，同上將邊緣部分擦除減淡，使之融于外廓接下來休整顯示屏部分的細(xì)節(jié)，新建一個圖層,按住Ctrl點擊顯示屏前面的縮略圖。點鍵盤M,右鍵描邊，設(shè)置如下。增加漸變疊加并按如下設(shè)置國層樣式樣式混合選項:默認(rèn)廠內(nèi)阻影廠外發(fā)光廠內(nèi)枝光廠斜面和浮雕廠等高線廠紋理光澤廠顏色疊加i-麻變會加確定取消 豺建樣式加）.Q預(yù)置區(qū)）&漸變疊加廠圖案疊加廠描述將圖層的不透明度調(diào)為50,并使用橡皮工具將邊角略微休整，使之自然。觀察整體，感覺外廓部分最下面顏色不夠深，修改這個圖層，按Ctrl點擊外廓的縮略圖，建立選區(qū)，在選區(qū)內(nèi)拉漸變，

10、將底部色彩加深。點漸變工具或按鍵盤G,按如下四個紅框部分進(jìn)行修改，將兩個色塊都調(diào)為黑色。在外廓圖層上新建一個外廓陰影圖層，然后在視圖上拉直線生成漸變，隨時觀察效果。最后一步，給這個手機(jī)加一點光照效果，在最頂部使用淡淡的白色漸變來凸顯產(chǎn)品的光感建立圖層后按Ctrl點藍(lán)色面板的縮略圖，按鍵盤M,修改如下:點鍵盤G,打開漸變，調(diào)整為:模式：聲漸變類型同上，兩色塊調(diào)為白色。然后修改這個圖層的透明度使之看上去柔和自然整個到這里就完成了!注言.逋道,路V|HAHA位對比一下，是不是很有成就感呢？o（n_n）o平面環(huán)境下的三維效果圖可以方便我們進(jìn)行平面設(shè)計，隨意的加入一些倒影、配圖、配色方案，增加產(chǎn)品的宣傳

11、效果。（嘗試以下操作時注意首先將分層的psd文件保存起來，然后另起名存一份，以免圖層信息丟失。）1、 加入倒影。打開另存的文件，選擇所有剛剛新建的所有圖層（除背景和兩個圖片背景外的所有圖層），按鍵盤的ctrl+e,合為一層。改其名為效果圖。按住效果圖圖層將其拖動到下方按鈕處，復(fù)制出新的一份效果圖圖層。在效果圖副本的控件邊緣上點右鍵，垂直翻轉(zhuǎn)一份。自由變換碗旋轉(zhuǎn)斜切扭曲透視刻向容翊U比例旋轉(zhuǎn)160度旋轉(zhuǎn)90度加5時針旋轉(zhuǎn)90度徑時針）水平翻轉(zhuǎn)垂直翻轉(zhuǎn)按住shift將其下移，按enter確定作為桌面投影要淡淡的，呈現(xiàn)漸變消逝效果。在這里我們使用與背景色白色相符的白色漸變來把作為倒影的圖層漸隱掉。選擇副本圖層，點M界定一個區(qū)域（防止?jié)u變影響到效果圖主體）_|UkJ二口模式：I正常三不透明度:拉漸變的過程中按住shift可保證漸變水平或垂直完成后如上圖，也可以更換背景色彩，比如下圖效果。或者給手機(jī)下面加一點陰影，都是增加其立體感的技巧。