Photoshop的3D功能繪制游戲手柄

自從Photoshop有了3D功能后，很多同學(xué)幾乎從來就沒碰過。老同學(xué)往往也會(huì)認(rèn)為Photoshop的3D功能很雞肋。但是，西方有一個(gè)叫迪米吹斯基的童鞋則用行動(dòng)證明Photoshop的3D功能不是雞肋，只是你們不會(huì)用而已。

原圖如下：

迪米吹斯基，是大名鼎鼎的SoftFacade俄羅斯分公司的創(chuàng)意總監(jiān)(同學(xué)們可以谷歌一下然后看下他們前陣子

剛搬到紐約的公司總部，那叫一個(gè)口水直流)，這位斯基給我們展示了怎樣用PS多快好省的制作一個(gè)大型的3D矢量圖

標(biāo)，其中的一些技術(shù)運(yùn)用可以加快你的設(shè)計(jì)過程。

整個(gè)過程其實(shí)很簡單——只需要區(qū)區(qū)5個(gè)簡單的形狀。完美的投影、材質(zhì)、光源與透視都將在photoshop中與illustrator中完成。

這同時(shí)也最節(jié)省時(shí)間——整個(gè)icon的制作過程只需要1個(gè)小時(shí)。同時(shí)，又是完美的質(zhì)量——當(dāng)然，你不能把透

視和投影搞錯(cuò)了。

1、 開始準(zhǔn)備

先來杯鐵觀音或者可樂，再打開豆瓣FM或者任何你喜歡的音樂，然后打開老朋友Photoshop——像往常一樣，

畫一個(gè)灰色漸變和微弱噪點(diǎn)的800x700的背景。當(dāng)然，你也可以弄成黑色或者白色的填充圖層用以快速測試你

的圖標(biāo)在不同背景下的顯示情況。

2、 手柄主體部分

然后就正式開始制作手柄的主體部分了。先使用鋼筆工具盡可能用最少的錨點(diǎn)畫出游戲手柄的左半邊，然后復(fù)制

粘貼你剛畫好的形狀，接著用變形>水平翻轉(zhuǎn)，非常簡單的得到手柄的右半邊，但要注意讓左右兩邊的形狀相交，

使形狀更加飽滿從而避免露餡。

3、 擴(kuò)大形狀

雖然在Photoshop里也可以做，但等比擴(kuò)張形狀這個(gè)操作真心還是AI比較給力。先將兩個(gè)半邊的形狀變成一個(gè)形狀，

復(fù)制并且粘貼在AI的畫布上，然后使用對(duì)象>路徑>偏移路徑，這里咱們就給它2個(gè)像素吧。

4、 給形狀編組

復(fù)制這個(gè)新的擴(kuò)張后的路徑并復(fù)制到PS里(在PS的彈出框中選擇復(fù)制形狀)。給形狀的圖層編成組，使用咱們一開始在

Photoshop里畫的形狀建立選區(qū)，然后用這個(gè)選區(qū)給整個(gè)組一個(gè)遮罩。這樣，你就獲得了一個(gè)比較大的路徑在組里，而

這個(gè)組又是以原始路徑作為遮罩的狀態(tài)。不明白這步是神馬用的?沒事兒，您接著往下瞧。

5、讓手柄主體立體化

在Photoshop頂部上有個(gè)3D選項(xiàng)，我知道你可能從來沒點(diǎn)擊過它，但今天會(huì)讓你一次玩兒夠本。選中形狀，

依次點(diǎn)擊：3D>凸紋> 圖層蒙板，在材質(zhì)中，選擇“無紋理”，在凸紋形狀預(yù)設(shè)中選擇“膨脹邊”。在場景設(shè)置里選擇的網(wǎng)

格質(zhì)量里選擇“最佳”。然后，點(diǎn)擊“確定”?？聪聢D，平面的東西就這么圓鼓鼓的立體了!

6、平滑這個(gè)3D形狀

此時(shí)你就可以明白為什么前面干嘛要給這個(gè)組弄一個(gè)蒙板。正如你看到的那樣，默認(rèn)的3D渲染邊緣鋸齒很多，但使用

了遮罩后，就可以讓邊緣平滑。當(dāng)然，你也可以選擇高質(zhì)量渲染，但那樣速度會(huì)很慢。

7、 材質(zhì)顏色

改變形狀前膨脹材質(zhì)(3D材質(zhì)下選擇)為：

漫射：藍(lán)黑色(譯者這里用的顏色是#21242b)

光澤：100%

閃亮：65%

環(huán)境色：青色(譯者這里使用的是#3fd4ff)

當(dāng)然，你也可以在附件的PSD里找到我使用的顏色，但是你此時(shí)此刻應(yīng)該沒有心情關(guān)心這個(gè)，你可以放到后面去弄。

8、 光源設(shè)置

下一個(gè)決定咱們的3D模型是不是“倍兒帥”的就是光源了。這里是我的光源設(shè)置。這看起來有一點(diǎn)點(diǎn)復(fù)雜，但是你只需

要添加一個(gè)主要的藍(lán)色無限光：一個(gè)在頂部,一個(gè)在底部，還有一些則在手柄側(cè)面，這樣看起來更像那么回事兒。