Blizzard Entertainment 的資深 3D 美術(shù)Dan Cox,就如何創(chuàng)造簡(jiǎn)約視覺(jué)風(fēng)格游戲主要注意的三個(gè)原則：對(duì)比、層次、平衡。如何進(jìn)行合理的運(yùn)用，做出了講解。
講者 Dan Cox 做游戲美術(shù)已經(jīng)超過(guò)十年，目前是 Blizzard Entertainment 的資深 3D 美術(shù)，他也曾在 Capybara Games 以及 Ubisoft 工作過(guò)。
他在此講座分享在創(chuàng)作簡(jiǎn)約視覺(jué)風(fēng)格的游戲時(shí)，需要注意什么，以及如何有意識(shí)地運(yùn)用美學(xué)設(shè)計(jì)，并且如何將這些概念運(yùn)用在 3D 中。
此篇適合 2D 或 3D 游戲美術(shù)設(shè)計(jì)，能幫助美術(shù)設(shè)計(jì)更了解如何做視覺(jué)設(shè)計(jì)上的選擇。
過(guò)去他參與的制作有擬真的游戲，也有簡(jiǎn)約視覺(jué)風(fēng)格的游戲，當(dāng)他在做《Below》這款游戲時(shí)，他更多思考如何簡(jiǎn)化視覺(jué)上的呈現(xiàn)，并為了達(dá)到最好的效果，需要更有意識(shí)地去設(shè)計(jì)。
當(dāng)創(chuàng)作簡(jiǎn)約視覺(jué)風(fēng)格的游戲，我們簡(jiǎn)化游戲中的視覺(jué)元素，呈現(xiàn)經(jīng)過(guò)簡(jiǎn)化的現(xiàn)實(shí)，而不是為了要重現(xiàn)現(xiàn)實(shí)。
很多以這種風(fēng)格呈現(xiàn)的游戲，如《異星探險(xiǎn)家》，有時(shí)候選用這種風(fēng)格是由于制作上的考量，因?yàn)榈拇_，像在《異星探險(xiǎn)家》不需要花那么多的時(shí)間在上材質(zhì)，就可以花時(shí)間、花心力在其他制作層面上。講者 Dan John Cox 認(rèn)為由于制作時(shí)程上的需要而選擇做簡(jiǎn)潔的視覺(jué)很好，是很棒的考量，但他在次講座更想談的是主題上的考量。制作一個(gè)有簡(jiǎn)約視覺(jué)風(fēng)格的游戲時(shí)，可以分成兩點(diǎn)來(lái)討論：氣氛的呈現(xiàn)，以及抽象化。
氣氛的呈現(xiàn)
簡(jiǎn)約的視覺(jué)風(fēng)格讓我們可以更聚焦在情緒、氛圍上的表達(dá)，《秘境探險(xiǎn)4：盜賊末路》呈現(xiàn)一個(gè)非常擬真的環(huán)境設(shè)計(jì)，一座雄偉的山；但當(dāng)我們以簡(jiǎn)化過(guò)的視覺(jué)呈現(xiàn)山，水墨使山呈現(xiàn)朦朧、迷蒙的感覺(jué)。然而，過(guò)度的簡(jiǎn)化，就又無(wú)法表達(dá)出感覺(jué)，例如一個(gè)單純的三角形，觀者無(wú)法接收到創(chuàng)作者想要表達(dá)的感覺(jué)是什么，但只要改變一點(diǎn)點(diǎn)，就又能讓觀者理解這是一座山，又保持極簡(jiǎn)的風(fēng)格。
這是他過(guò)去參與的制作《縱橫諜海：黑名單》的場(chǎng)景之一，他覺(jué)得自己這個(gè)場(chǎng)景沒(méi)有做得很好。這個(gè)場(chǎng)景的目的是展現(xiàn)一個(gè)混亂、爆炸的感覺(jué)，但他制作時(shí)的參考圖是煉油廠，他想做出那些管線、那些高塔，但在他想呈現(xiàn)真實(shí)感的同時(shí)，失去了這個(gè)場(chǎng)景應(yīng)該要表達(dá)出的情緒及感覺(jué)。
事實(shí)上，這場(chǎng)景的概念設(shè)計(jì)圖更好地呈現(xiàn)了這個(gè)場(chǎng)景的感覺(jué)，爆炸、火焰、建筑，講者說(shuō)比起他所做的，概念設(shè)計(jì)圖更精準(zhǔn)的呈現(xiàn)情緒氛圍。簡(jiǎn)約的視覺(jué)風(fēng)格可以幫助我們更聚焦在要呈現(xiàn)出什么樣的氛圍、感覺(jué)，而不是單純重現(xiàn)現(xiàn)實(shí)。
抽象化
當(dāng)我們要呈現(xiàn)現(xiàn)實(shí)時(shí)，我們或多或少會(huì)使其變得抽象，換句話說(shuō)，也就是會(huì)舍棄掉某些特征。講者拿了 Scott McCloud 所寫(xiě)的《漫畫(huà)原來(lái)要這樣看》（Understanding Comics）中的一張圖作為解釋?zhuān)@是具象、符號(hào)化、抽象化的三角關(guān)系圖。
在具象的一端，例如照片、擬真的畫(huà)；越往抽象那一端，越無(wú)法辨識(shí)這是一張臉，某種程度來(lái)說(shuō)它可以呈現(xiàn)更深沉的意義，但難以理解；越往符號(hào)化一端，越簡(jiǎn)化、符號(hào)化，非常好懂就是一張臉，但這符號(hào)無(wú)法表達(dá)什么意義。
講者舉了幾個(gè)例子，例如：《秘境探險(xiǎn)4：盜賊末路》中的山景，非常的清楚看到山的樣子非常擬真；抽象化那端，它真的是一幅風(fēng)景畫(huà)，只是它是幅抽象的風(fēng)景畫(huà)，如果細(xì)看可以看到很多有趣的元素，但對(duì)觀者而言需要花時(shí)間理解，難以親近；符號(hào)化的山，很簡(jiǎn)單明了地看得出來(lái)就是座山，但沒(méi)有表達(dá)什么情緒、感覺(jué)或氛圍，沒(méi)什么有趣之處。所以，我們需要在三者之間達(dá)到一個(gè)平衡，像是《Journey》就是很好的一個(gè)例子，抽象但又容易理解，他們找到三者之間的平衡，產(chǎn)生非常有趣的視覺(jué)。抽象化使場(chǎng)景的情緒、感覺(jué)、氛圍更容易被看見(jiàn)。
制作簡(jiǎn)約視覺(jué)風(fēng)格的游戲時(shí)，為了達(dá)到最大效益，我們要有意識(shí)地去設(shè)計(jì)。
那么，我們?nèi)绾胃幸庾R(shí)地去設(shè)計(jì)呢？他提出三點(diǎn)：
接下來(lái)會(huì)談到視覺(jué)設(shè)計(jì)原則中的對(duì)比、層次、平衡，以及在技術(shù)上如何實(shí)際運(yùn)用：鏡頭視角、輪廓、燈光、形狀的象征意義。
對(duì)比與張力
對(duì)比簡(jiǎn)單而言就是白與黑、亮與暗的對(duì)比，視覺(jué)很容易就被引導(dǎo)到亮的地方。主角的衣服是紅的，對(duì)比其他是黑白的，以及白色的臉與極黑的頭發(fā)，主角就很能容易地跟背景分別出來(lái)。
對(duì)比能夠產(chǎn)生張力。我們的眼睛喜歡去分析、比較，有對(duì)比就有張力。例如規(guī)律跟凌亂的對(duì)比，兩個(gè)一模一樣的正方形，因?yàn)橐荒Ｒ粯訜o(wú)從比較，沒(méi)有什么有趣之處；但一個(gè)正方形一個(gè)圓形，就增加了一點(diǎn)點(diǎn)的變化，方形跟圓形相加、相減、交集、排除、旋轉(zhuǎn)等等，不完全一樣但是之間是有關(guān)聯(lián)的，我們可以有所聯(lián)想，顯得就有趣一點(diǎn)；但是，如果太多就又讓人無(wú)所適從，并不是說(shuō)凌亂、沒(méi)有章法不好，而是使人難以親近，無(wú)法第一眼就可以接受。
在《Inside》這個(gè)場(chǎng)景，就做了一個(gè)非常好的示范：燈光與形狀的對(duì)比。
讓我們來(lái)分析一下這個(gè)畫(huà)面：
有簡(jiǎn)單的兩面墻、背景，有兩條垂直的線，是相呼應(yīng)、稍微對(duì)稱(chēng)的。但，如果我們想要吸引視線，我們可以畫(huà)個(gè)形狀，完全地打破原來(lái)的方向性，并且不同的大小，產(chǎn)生對(duì)比。我們也可以再加上一些小細(xì)節(jié)，加上小面積的形狀在大面積的形狀上。再加上不同的方向性。也許這樣的張力夠也許不夠甚至太大，要看游戲場(chǎng)景的情境。他們又再加了一個(gè)白色方塊來(lái)柔和整個(gè)張力，那道光不是自然的在那，而是有意的被放置在那，以創(chuàng)造一個(gè)平衡的張力、創(chuàng)造對(duì)比。
在各個(gè)對(duì)比與張力中，可以看到有非常多的細(xì)節(jié)，也可以發(fā)現(xiàn)跟其他的形狀是有某個(gè)程度上的關(guān)聯(lián)性。
層次
層次也是引導(dǎo)視線的方法之一，有大有小，有主要、次要、更次要。我們的視線會(huì)先看到最主要、最大的方塊。
《紀(jì)念碑谷》就呈現(xiàn)了很好的層次：一開(kāi)始會(huì)看先看到整個(gè)塔、背景，再慢慢到小細(xì)節(jié)或塔底的小圈圈，如果設(shè)計(jì)稍微不同，把月亮放大，整個(gè)視覺(jué)上的層次就不見(jiàn)了，讓觀者不知道要先把注意力放在哪一個(gè)元素上。
當(dāng)我們?cè)谠O(shè)計(jì)時(shí)，我們要先了解什么是最重要的、什么是次要的，并且確保元素之間是有對(duì)話、有關(guān)聯(lián)的。
相對(duì)的，在《生化奇兵：無(wú)限之城》中，這個(gè)場(chǎng)景的層次就比較不明顯，我們不知道哪些是重點(diǎn)，我們應(yīng)該看什么，他提醒要制作簡(jiǎn)約視覺(jué)風(fēng)格的游戲時(shí)，更要注意層次的分明，因?yàn)槿绻苓\(yùn)用的元素更少，畫(huà)面會(huì)顯得更凌亂。
講者再次提到他在他參與的制作《縱橫諜海：黑名單》中，他犯的錯(cuò)誤，因?yàn)闊捰蛷S本身沒(méi)有什么層次，在游戲中，沒(méi)有層次的場(chǎng)景會(huì)讓玩家不知道接下來(lái)要去哪，下一步該做什么。
有層次并不只是代表大物件就是最重要的，有時(shí)候很小的東西、有顏色上有對(duì)比，也可以是最重要的元素，要注意的是要有層次在你的畫(huà)面、場(chǎng)景或是世界中。
平衡
講者推薦大家可以參考這本書(shū)《Elements of Design》，這本是學(xué)工業(yè)設(shè)計(jì)的學(xué)生會(huì)看的一本參考書(shū)。這本書(shū)是關(guān)于幾何圖形的構(gòu)圖練習(xí)，例如：方體體積關(guān)系的練習(xí)，三個(gè)大小不同的方體，如何擺放才能有層次、對(duì)比。講者他會(huì)在3D 建模軟體中練習(xí)調(diào)配三個(gè)方體的關(guān)系，并重制書(shū)中那些模范作品在軟體中，他會(huì)去比較他做的跟那些作品的不同，這個(gè)練習(xí)可以幫助我們更多意識(shí)到體積與畫(huà)面的平衡。
接著，他再次以《紀(jì)念碑谷》作為范本，一步步拆解這個(gè)場(chǎng)景的對(duì)比、層次以及平衡。
先簡(jiǎn)化到最基本的樣貌來(lái)看。
這座城堡本身就有些層次、大大小小的。然后我們加上塔頂，但是塔樓看起來(lái)是平面的，畫(huà)面中沒(méi)有可以跟塔頂?shù)那€相呼應(yīng)的形狀，無(wú)法跟其他元素達(dá)到平衡，而顯得生硬。
如果放個(gè)月亮呢？同樣的，月亮是一個(gè)非常大的圓弧曲線，畫(huà)面上沒(méi)有任何規(guī)律可尋，讓我們可以從平面的塔，過(guò)渡到圓弧狀的月亮。
現(xiàn)在，我們把生硬的邊緣，從上到下，變成帶有曲線的，再加上一點(diǎn)細(xì)節(jié)，那些細(xì)節(jié)打破了方正感。
這樣我們就能把塔頂加回來(lái)了，因?yàn)橛星€也有那些細(xì)線，再加上更多的細(xì)節(jié)，最后，放回月亮，全部的元素都相互平衡。
鏡頭視角
鏡頭視角定義了我們工作的難度，有固定視角、可移動(dòng)視角。
固定視角如：《肯德基0號(hào)路》、《The Stillness of the Wind》、《英雄聯(lián)盟》。
可移動(dòng)視角如：《見(jiàn)證者》、《風(fēng)之旅人》、《異星探險(xiǎn)家》。
講者 Dan Cox 認(rèn)為簡(jiǎn)約視覺(jué)風(fēng)格的游戲很適合用固定視角，可以精確地讓玩家看到你所選擇的構(gòu)圖、形狀設(shè)計(jì)、元素之間的關(guān)系，不用去在意物件的背面，也能用一些小技巧，例如《薩爾達(dá)傳說(shuō)眾神的三角神力2》俯瞰完全合理，但全部的元素從側(cè)面看是傾斜的。
如果是可移動(dòng)視角，就必須確保從每一個(gè)角度看都是漂亮的，這就困難很多了，講者推薦可以回去看他在 GDC15的演講Interior Design and Environment Art: Mastering Space, Mastering Place去了解如何在游戲中用室內(nèi)設(shè)計(jì)的概念，讓每一個(gè)角度看起來(lái)都是漂亮的。
輪廓
在角色設(shè)計(jì)中，角色的輪廓非常重要，輪廓決定了角色的可識(shí)別度，在迪士尼動(dòng)畫(huà)中、《絕地要塞2》的輪廓就非常清楚，清楚的輪廓可以讓玩家第一時(shí)間看到那些重要的資訊。
例如這款游戲，如果把螃蟹螯舉起，改變他的輪廓，只是改變他的姿勢(shì)，就更容易讓玩家辨識(shí)出那是只螃蟹、會(huì)做什么、危險(xiǎn)程度有多少。
燈光
我們可以選擇很平面的光、光的形狀、光的質(zhì)地等等。特別是在3D 當(dāng)中，例如這個(gè)小怪獸，我們可以調(diào)整光影曲線，讓光影稍微平面化，如此一來(lái)，我們可以用顏色深淺來(lái)分別出我們想強(qiáng)調(diào)的部份，例如我不想要有下嘴唇底下那么多的陰影，但依然想保留突出的下嘴唇，用這樣調(diào)整光影的方法，換一個(gè)角度，還是有突出的下嘴唇，而下嘴唇的陰影可以用顏色深淺來(lái)調(diào)整。
另一個(gè)例子，在《絕地要塞2》中，如果使用真正的光影，在陰影處玩家會(huì)看不清楚顏色、究竟是在攻擊誰(shuí)，當(dāng)然，如果這是你有意要設(shè)計(jì)成這樣也很好，不過(guò)，《絕地要塞2》原本的光影，讓玩家即使在陰影處還是看得非常清楚誰(shuí)是藍(lán)誰(shuí)是紅的，清楚分辨敵對(duì)及我方，這個(gè)方法在游戲設(shè)計(jì)、美術(shù)設(shè)計(jì)上都非常好用。
形狀所代表的意義
這是 Emilia Schatz——Naughty Dog 的首席游戲設(shè)計(jì)師——所提出形狀在游戲設(shè)計(jì)中，很直觀代表的意義，甚至可以把顏色都拿掉，單純形狀依然可以理解，例如：圓形是無(wú)害的，方形是可以使用的，三角形是要小心、注意的。
我們可以看到在 John Howe 的作品，透過(guò)那些形狀，我們很容易感受得到創(chuàng)作者想表達(dá)的，甚至拿掉顏色，形狀所代表的意義讓我們能夠立刻理解場(chǎng)景的主題跟感受。
同樣的，在《Overland》這款游戲中，他們選擇的形狀，讓玩家可以很清楚地看出那些尖尖刺刺是有害的、是敵人，方形的車(chē)子是你。
可以利用這些形狀來(lái)讓你的玩家知道那些元素代表什么，或是，甚至也可以故意打破這個(gè)規(guī)則，讓玩家陷入困惑當(dāng)中，而創(chuàng)造出有趣的感受。
如何更有意識(shí)地設(shè)計(jì)：要清楚了解你的場(chǎng)景目標(biāo)是想表達(dá)什么感受，了解視覺(jué)美學(xué)原則，并且實(shí)際去練習(xí)、去運(yùn)用。
當(dāng)我們以簡(jiǎn)約視覺(jué)風(fēng)格做游戲時(shí)，要思考兩點(diǎn)：氣氛的表達(dá)、抽象化。當(dāng)我們表達(dá)事情時(shí)，我們無(wú)可避免的會(huì)抽象化現(xiàn)實(shí)物件，讓我們可以專(zhuān)注在情緒、感受上的表達(dá)。
視覺(jué)美學(xué)原則有對(duì)比、層次、平衡，這些在我們?cè)O(shè)計(jì)時(shí)可以更有意識(shí)地去觀察物件彼此之間的關(guān)系。
在技術(shù)上我們可以去思考鏡頭視角、輪廓、燈光以及形狀所代表的意義。
最重要的是：要去練習(xí)、去運(yùn)用這些原則。
本文來(lái)自indienova，本文觀點(diǎn)不代表GameLook立場(chǎng)，轉(zhuǎn)載請(qǐng)聯(lián)系原作者。
聯(lián)系客服
