Photoshop的3D功能繪制游戲手柄
自從Photoshop有了3D功能后,很多同學(xué)幾乎從來就沒碰過。老同學(xué)往往也會認(rèn)為Photoshop的3D功能很雞肋。但是,西方有一個(gè)叫迪米吹斯基的童鞋則用行動證明Photoshop的3D功能不是雞肋,只是你們不會用而已。
原圖如下:
迪米吹斯基,是大名鼎鼎的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的畫布上,然后使用對象>路徑>偏移路徑,這里咱們就給它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)擊過它,但今天會讓你一次玩兒夠本。選中形狀,
依次點(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ì)量渲染,但那樣速度會很慢。
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è)面,這樣看起來更像那么回事兒。