散文網(wǎng) » 科技 »學(xué)習(xí) » 3D圖標(biāo)的流行趨勢分析與案例小結(jié)

3D圖標(biāo)的流行趨勢分析與案例小結(jié)

2021-09-17 09:58 作者:葉子網(wǎng)絡(luò)官方 0人讀過 | 我要投稿

游戲美術(shù)表達(dá)越來越扁平化，游戲內(nèi)的視覺更多依靠人物原畫和精致的圖標(biāo)撐起視覺中心，與以往的2D手繪圖標(biāo)相比，3D渲染圖標(biāo)有一些降維打擊的優(yōu)勢。

這是我們最近的團(tuán)隊內(nèi)部練習(xí)圖

3D渲染圖標(biāo)相對于2D手繪圖標(biāo)，通過打光，渲染計算出得效果、體積和光影層次。相對2D更加細(xì)膩，質(zhì)感細(xì)節(jié)更加豐富，也更加漂亮。說的直白點(diǎn)，是手畫不出來的效果。在品質(zhì)上相對2D也有明顯的優(yōu)勢。

我等人類高質(zhì)量設(shè)計師，為了對美的追求，主(bei)動(po)營業(yè)，拿起3D軟件，開心的擁抱新時代。

前有《明日方舟》、《戰(zhàn)雙帕彌什》、《解神者》，近有網(wǎng)易的《王牌競速》，我們正在參與或負(fù)責(zé)3D圖標(biāo)的在研項(xiàng)目也不少，可以說3D圖標(biāo)是行業(yè)最新流行趨勢，大家都在摸索和總結(jié)階段，我斗膽總結(jié)了一下我的設(shè)計經(jīng)驗(yàn)。

1、3D圖標(biāo)的大輪廓簡約，并有些細(xì)節(jié)很寫實(shí)。

無論是原畫、UI還是圖標(biāo)，一個項(xiàng)目的審美和設(shè)計特點(diǎn)，整體應(yīng)該是統(tǒng)一的。時下最流行的簡約扁平主機(jī)風(fēng)，圖標(biāo)造型上也遵循整體偏扁平、簡約、時尚的流行趨勢；又因?yàn)?D渲染非常適合做出真實(shí)感，所以3D圖標(biāo)設(shè)計的簡化公式：簡約的大輪廓再加一些寫實(shí)的細(xì)節(jié)。

a. 簡約的大輪廓??? ?? ? ??

《戰(zhàn)雙帕彌什》商場中的卡牌禮盒，基本以簡單的正方形輪廓的設(shè)計，極其簡約，現(xiàn)代感撲面而來。?

《明日方舟》中抽卡的包包同樣也是簡單的外輪廓。

我把造型用紅色描了出來，這些3D 圖標(biāo)都遵循了外輪廓簡約概括的特點(diǎn)。

b. 寫實(shí)的細(xì)節(jié)

在設(shè)計細(xì)節(jié)上，結(jié)構(gòu)之間的比例關(guān)系和文字排版，都遵循寫實(shí)的特點(diǎn)規(guī)律。

舉例子：

《王牌競速》中，鎖扣在整體中的比例偏寫實(shí)，結(jié)構(gòu)之間的分模線設(shè)計，還有黑色箱面上特殊的紋理，卡片上文字的排版和鐳射，都是極其瑣碎的寫實(shí)細(xì)節(jié)，如果純用手畫，做不到如此動人的感覺。?

《明日方舟》包包中的拉鏈細(xì)節(jié)，縫合線，包包上的圖文排版，都是非常寫實(shí)、詳盡的細(xì)節(jié)輪廓。

金剛杵上的紋理材質(zhì)，背景板上的細(xì)密經(jīng)文，也都是很寫實(shí)的細(xì)節(jié)。

2、高質(zhì)量渲染才能撐起畫面

既然設(shè)計上我們追求簡約、大氣，那在質(zhì)感上追求更高質(zhì)量的渲染效果，才撐的起畫面。于是下面兩個問題就是我們要重點(diǎn)解決的：

a. “現(xiàn)代感”的材質(zhì)有哪些？

首先使用3D圖標(biāo)的游戲基本是近現(xiàn)代的背景設(shè)定，例如，賽車、戰(zhàn)爭、近未來等故事背景。

所以，設(shè)計圖標(biāo)時用到的材料是現(xiàn)代材料，或是現(xiàn)代工藝的材料。

例如：玻璃、合金、塑料、油漆等。

塑料這種材質(zhì)近現(xiàn)代才出現(xiàn)，顏色變化也很漂亮，就很有現(xiàn)代感。

玻璃心臟，雖然古代也有玻璃，但還是能看出是一種現(xiàn)代玻璃。除了造型設(shè)計的因素，從材質(zhì)上講，是因?yàn)樗浅８蓛?，通透。古代玻璃達(dá)不到這么高通透的工藝水平，所以即使是玻璃也能體現(xiàn)現(xiàn)代感。

結(jié)構(gòu)之間的接縫很緊密，噴漆后也是光滑高反光的現(xiàn)代感。

金屬也是同樣的道理，金屬的光滑程度很高，也能體現(xiàn)“現(xiàn)代感”。

圖上給出了制作時的材質(zhì)參考，其中光滑的黃色金屬，白色的合成材料，半透明的膠帶，使用的都是一些“現(xiàn)代”材質(zhì)。

b. 又愛又恨的金屬材質(zhì)

金屬在3D渲染的過程中是一個很容易出效果的材質(zhì)，但是也特別難控制。多數(shù)情況為了效果會采用夸張金屬特征，但如果環(huán)境過于復(fù)雜，或者打光沒打好，就會像下圖一樣（渲染試稿），控制不好就會花和臟，金屬質(zhì)感要在體現(xiàn)出效果和質(zhì)感的同時，保持色彩的穩(wěn)定。

左邊的金屬中放射的內(nèi)容太多，就顯得很花，右邊調(diào)整以后下面太黑，又顯得很臟。

大量的使用金屬材質(zhì)，是可以很好的發(fā)揮出3D渲染的優(yōu)勢，可以通過調(diào)節(jié)金屬的粗糙度、金屬性等參數(shù)，表現(xiàn)出不一樣效果的金屬材質(zhì)，達(dá)到豐富畫面和增加層次的效果。

在這個案列中就使用了大量金屬材質(zhì)，但通過材質(zhì)參數(shù)的不同，體現(xiàn)出4種不同的材質(zhì)效果，材質(zhì)細(xì)節(jié)豐富到催人尿下。

3、3D圖標(biāo)的設(shè)計步驟

3D圖標(biāo)的制作過程和2D大同小異。由于中間加入了3D步驟，有些地方需要重點(diǎn)檢查。

1. 首先根據(jù)需求，設(shè)定制作出草圖方案。

2. 給方案配色和配材質(zhì)，這步需要2D繪制出一個大概的效果，如果3D渲染材質(zhì)不是很了解，需要繪制的完成度盡量高一些，減少和3D設(shè)計師的交流成本，也避免發(fā)生肢體碰撞。

3. 根據(jù)項(xiàng)目需求，用3D軟件建出模型。在素模階段，需要對比例多次進(jìn)行審核調(diào)整，因?yàn)?D設(shè)計圖的透視和結(jié)構(gòu)比例是根據(jù)個人經(jīng)驗(yàn)刻畫的，3D模型最后呈現(xiàn)的效果可能和2D草圖有出入，所以要在模型階段進(jìn)行比例的調(diào)整。

4. 設(shè)置材質(zhì)參數(shù)，打光等。

5. 渲染好的圖片需要再次進(jìn)行2D的精修。我常做的是加強(qiáng)體積、添加顏色等工作，在ps中框選某些區(qū)域進(jìn)行調(diào)整是很方便的，但是3D渲染牽一發(fā)而動全身，所以在渲染的質(zhì)量還不錯的情況下，通常會使用p圖的方式處理一下，我們這些2D出身的設(shè)計師還是喜歡后期修圖，渲染非常優(yōu)秀的同學(xué)，可以完全直出。

2D方案→3D建模→渲染→2D精修