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

2024-01-22 17:23:09 來源/作者: / 己有:3人學(xué)習(xí)過

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

原圖如下:

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)

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

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

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

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

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

視和投影搞錯了。

1、 開始準(zhǔn)備

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

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

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

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)

2、 手柄主體部分

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

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

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

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)

3、 擴(kuò)大形狀

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

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

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)

4、 給形狀編組

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

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

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

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)

 

5、讓手柄主體立體化

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

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

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

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)

6、平滑這個3D形狀

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

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

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)

7、 材質(zhì)顏色

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

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

光澤:100%

閃亮:65%

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

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

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)

8、 光源設(shè)置

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

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

Photoshop繪制藍(lán)色風(fēng)格的游戲手柄,PS教程,16xx8.com教程網(wǎng)