Photoshop的3D功能繪制游戲手柄
自從Photoshop有了3D功能后,很多同學幾乎從來就沒碰過。老同學往往也會認為Photoshop的3D功能很雞肋。但是,西方有一個叫迪米吹斯基的童鞋則用行動證明Photoshop的3D功能不是雞肋,只是你們不會用而已。
原圖如下:
迪米吹斯基,是大名鼎鼎的SoftFacade俄羅斯分公司的創(chuàng)意總監(jiān)(同學們可以谷歌一下然后看下他們前陣子
剛搬到紐約的公司總部,那叫一個口水直流),這位斯基給我們展示了怎樣用PS多快好省的制作一個大型的3D矢量圖
標,其中的一些技術運用可以加快你的設計過程。
整個過程其實很簡單——只需要區(qū)區(qū)5個簡單的形狀。完美的投影、材質(zhì)、光源與透視都將在photoshop中與illustrator中完成。
這同時也最節(jié)省時間——整個icon的制作過程只需要1個小時。同時,又是完美的質(zhì)量——當然,你不能把透
視和投影搞錯了。
1、 開始準備
先來杯鐵觀音或者可樂,再打開豆瓣FM或者任何你喜歡的音樂,然后打開老朋友Photoshop——像往常一樣,
畫一個灰色漸變和微弱噪點的800x700的背景。當然,你也可以弄成黑色或者白色的填充圖層用以快速測試你
的圖標在不同背景下的顯示情況。
2、 手柄主體部分
然后就正式開始制作手柄的主體部分了。先使用鋼筆工具盡可能用最少的錨點畫出游戲手柄的左半邊,然后復制
粘貼你剛畫好的形狀,接著用變形>水平翻轉(zhuǎn),非常簡單的得到手柄的右半邊,但要注意讓左右兩邊的形狀相交,
使形狀更加飽滿從而避免露餡。
3、 擴大形狀
雖然在Photoshop里也可以做,但等比擴張形狀這個操作真心還是AI比較給力。先將兩個半邊的形狀變成一個形狀,
復制并且粘貼在AI的畫布上,然后使用對象>路徑>偏移路徑,這里咱們就給它2個像素吧。
4、 給形狀編組
復制這個新的擴張后的路徑并復制到PS里(在PS的彈出框中選擇復制形狀)。給形狀的圖層編成組,使用咱們一開始在
Photoshop里畫的形狀建立選區(qū),然后用這個選區(qū)給整個組一個遮罩。這樣,你就獲得了一個比較大的路徑在組里,而
這個組又是以原始路徑作為遮罩的狀態(tài)。不明白這步是神馬用的?沒事兒,您接著往下瞧。
5、讓手柄主體立體化
在Photoshop頂部上有個3D選項,我知道你可能從來沒點擊過它,但今天會讓你一次玩兒夠本。選中形狀,
依次點擊:3D>凸紋> 圖層蒙板,在材質(zhì)中,選擇“無紋理”,在凸紋形狀預設中選擇“膨脹邊”。在場景設置里選擇的網(wǎng)
格質(zhì)量里選擇“最佳”。然后,點擊“確定”??聪聢D,平面的東西就這么圓鼓鼓的立體了!
6、平滑這個3D形狀
此時你就可以明白為什么前面干嘛要給這個組弄一個蒙板。正如你看到的那樣,默認的3D渲染邊緣鋸齒很多,但使用
了遮罩后,就可以讓邊緣平滑。當然,你也可以選擇高質(zhì)量渲染,但那樣速度會很慢。
7、 材質(zhì)顏色
改變形狀前膨脹材質(zhì)(3D材質(zhì)下選擇)為:
漫射:藍黑色(譯者這里用的顏色是#21242b)
光澤:100%
閃亮:65%
環(huán)境色:青色(譯者這里使用的是#3fd4ff)
當然,你也可以在附件的PSD里找到我使用的顏色,但是你此時此刻應該沒有心情關心這個,你可以放到后面去弄。
8、 光源設置
下一個決定咱們的3D模型是不是“倍兒帥”的就是光源了。這里是我的光源設置。這看起來有一點點復雜,但是你只需
要添加一個主要的藍色無限光:一個在頂部,一個在底部,還有一些則在手柄側(cè)面,這樣看起來更像那么回事兒。