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

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

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

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

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

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

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

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

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

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

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