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

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

2、維環(huán)境下繪制三維產(chǎn)品效果圖需要一定的美術(shù)功底，把握好亮度、色彩、陰影、材質(zhì)各方面的變化，才能繪出真實(shí)感強(qiáng)的效果圖。初學(xué)這門技巧我們從描摹圖片開始，一邊觀察圖片中產(chǎn)品的特征，一邊繪制。以上面的圖片為范例，我們一起一步步繪制出右邊的效果圖。打開photoshop（范例中使用的是ps cs4版本），新建一個(gè)16001200，分辨率72的畫布。然后找到硬盤中存儲(chǔ)的“范例圖片.jpg”，將其打開。將范例圖片拖動(dòng)到新建的未標(biāo)題-1畫布上。將“范例圖片.jpg”關(guān)閉掉，按下alt鍵，同時(shí)在畫布上拖動(dòng)這張圖片，即復(fù)制出一份。拖動(dòng)過程按住shift可以保證水平復(fù)制。復(fù)制出的一份我們用于作為背景圖在其上描摹外形，

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

4、trl+D，取消選區(qū)。在圖層欄，將外廓圖層的不透明度調(diào)整為10%，這樣這個(gè)圖層就變的很淡，不會(huì)影響我們觀察背景圖。接下來新建圖層來繪制手機(jī)的藍(lán)色面板部分。 同樣的步驟，不再復(fù)述，完成后也調(diào)整不透明度。接下來繪制顯示屏的邊緣，新建圖層，使用鋼筆工具。注意將視圖放大來觀察顯示屏周邊的小倒角。最后新建圖層繪制下端的兩個(gè)話筒口。完成后如下。 接下來一層層的調(diào)整，使其反映出實(shí)物的特征，由下而上，首先是外廓圖層。將外廓圖層的不透明度改回100，選中后按下shift再按鍵三下，將其平移三個(gè)單位，方便我們對照圖片調(diào)整，調(diào)完后再移回。為防其他圖層干擾，可以將暫時(shí)不用的圖層前門的眼睛關(guān)閉掉， 在外廓圖層的空白位置

5、雙擊，打開圖層樣式，選中漸變疊加前面的方格，點(diǎn)擊漸變疊加，打開漸變編輯頁面。點(diǎn)擊圖示部分，在彈出的漸變編輯器里進(jìn)行如下設(shè)置。由上而下依次點(diǎn)擊這三個(gè)紅框所示部分，改顏色為 同理調(diào)整又變白色色塊顏色為：其他設(shè)置如下：點(diǎn)擊確定退出，將圖層移回原位后隱藏這一圖層，打開其上的藍(lán)色面板圖層，調(diào)整不透明度100。同理外移。同上也是打開漸變疊加，左邊色塊調(diào)整為，右邊，其他如下：將圖層移回，隱藏，打開顯示屏圖層，外移并加入漸變。設(shè)置如下，完成后移回。 最后來處理話筒的部分，將其移出，對比原圖進(jìn)行漸變疊加。設(shè)置如下，完成后移回。 現(xiàn)在關(guān)閉掉下部的圖片，顯示所有新建圖層，觀察畫好的部分已經(jīng)有了大致的效果，但是缺乏細(xì)

6、節(jié)，接下來就為效果圖增添細(xì)節(jié)，使看上去更加逼真。在外廓圖層之上新建一個(gè)圖層，改名為金屬邊框。然后按住ctrl，鼠標(biāo)點(diǎn)擊藍(lán)色面板前的縮略圖，觀察視窗中的變化。按鍵盤的M鍵，鼠標(biāo)移到虛線框范圍內(nèi)，點(diǎn)鼠標(biāo)右鍵，點(diǎn)擊描邊，設(shè)置如下。 繪出的白邊是沿著藍(lán)色面板外廓的，與透視的原則并不十分相符，所以接下來對這個(gè)白邊做一下調(diào)整，按鍵盤V鍵，使用選取工具，并在選區(qū)邊上點(diǎn)右鍵，選擇如下命令。按住右上角的那個(gè)控制點(diǎn)，略向內(nèi)縮，觀察圖形使之看上去透視正確，調(diào)整完成按enter鍵。 觀察實(shí)物照片，在金屬邊框周圍還有細(xì)細(xì)的分隔線，下面把金屬邊框內(nèi)部的分隔線畫上去。在金屬邊框圖層之上新建一個(gè)圖層，命名為分割線。按住ctr

7、l，鼠標(biāo)點(diǎn)擊藍(lán)色面板前的縮略圖，按鍵盤的M鍵，鼠標(biāo)移到虛線框范圍內(nèi)，點(diǎn)鼠標(biāo)右鍵，點(diǎn)擊描邊，設(shè)置如下。 畫好后感覺分割線有些太重，個(gè)別的位置需要減淡一些，才更真實(shí)。使用橡皮擦工具，或按鍵盤E鍵，調(diào)整設(shè)置如下。然后在分隔線圖層上慢慢涂抹，將手機(jī)右上角部分的黑線擦淡一些。擦除的位置參考下圖。接下來完成這一部分的反射細(xì)節(jié)，在外廓圖層之上建立一個(gè)新圖層，改名為反射部分。在這個(gè)圖層上用鋼筆工具繪制如下圖的區(qū)域，然后ctrl+enter變換為選區(qū)。將前景色改為，Alt+delete填充這一選區(qū)，然后使用濾鏡-模糊-高斯模糊，設(shè)置為1，確定，然后ctrl+f再重復(fù)一次。 使用橡皮擦命令將頭尾部分擦除幾下（不透

8、明度和流量調(diào)低），使之與外廓自然的結(jié)合起來。 使用畫筆工具，點(diǎn)上一個(gè)高光，設(shè)置如下（色彩為白色）。同理在外廓靠下的位置再畫這樣一條反射帶，建立新圖層反射部分2。按鍵盤的D鍵恢復(fù)前景色黑后色白，ctrl+delete，填充白色。按鍵盤M鍵在選區(qū)上點(diǎn)右鍵描邊，設(shè)置如下。 然后使用橡皮擦，同上將邊緣部分擦除減淡，使之融于外廓。 接下來休整顯示屏部分的細(xì)節(jié)，新建一個(gè)圖層，按住ctrl點(diǎn)擊顯示屏前面的縮略圖。點(diǎn)鍵盤M，右鍵描邊，設(shè)置如下。增加漸變疊加并按如下設(shè)置。將圖層的不透明度調(diào)為50，并使用橡皮工具將邊角略微休整，使之自然。 觀察整體，感覺外廓部分最下面顏色不夠深，修改這個(gè)圖層，按ctrl點(diǎn)擊外廓的

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

10、的宣傳效果。（嘗試以下操作時(shí)注意首先將分層的psd文件保存起來，然后另起名存一份，以免圖層信息丟失。）1、 加入倒影。打開另存的文件，選擇所有剛剛新建的所有圖層（除背景和兩個(gè)圖片背景外的所有圖層），按鍵盤的ctrl+e，合為一層。改其名為效果圖。按住效果圖圖層將其拖動(dòng)到下方按鈕處，復(fù)制出新的一份效果圖圖層。在效果圖副本的控件邊緣上點(diǎn)右鍵，垂直翻轉(zhuǎn)一份。按住shift將其下移，按enter確定。作為桌面投影要淡淡的，呈現(xiàn)漸變消逝效果。在這里我們使用與背景色白色相符的白色漸變來把作為倒影的圖層漸隱掉。選擇副本圖層，點(diǎn)M界定一個(gè)區(qū)域（防止?jié)u變影響到效果圖主體）。拉漸變的過程中按住shift可保證漸變水平