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

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

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

原圖如下:

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

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

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

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

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

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

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

1、 開始準(zhǔn)備

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

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

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

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

2、 手柄主體部分

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

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

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

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

3、 擴(kuò)大形狀

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

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

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

4、 給形狀編組

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

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

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

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

 

5、讓手柄主體立體化

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

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

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

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

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

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

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

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里找到我使用的顏色,但是你此時(shí)此刻應(yīng)該沒(méi)有心情關(guān)心這個(gè),你可以放到后面去弄。

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

8、 光源設(shè)置

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

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

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