如何打造MOBA類“重口味”網(wǎng)頁氛圍

自1960年代美國校園刮起一片游戲颶風之后，各類游戲席卷世界，在那個手游還沒有今天這般成熟的時代，游戲界可謂是被各種重度游戲霸占，2009年，一款WAR3地圖編輯器的產(chǎn)物DOTA，紅的發(fā)紫，大街小巷無人不玩，到今天全民LOL的時代，MOBA類游戲（MOBA：Multiplayer Online Battle Arena Games 的簡寫，意為多人moba聯(lián)機在線競技游戲。一般都會以MOBA GAMES一起書寫

）已經(jīng)伴隨了我們六年。那么，在游戲視覺設計的時候，如何營造"重口味"技氛圍，今天咱們來討論一下。

首先聊聊素材

所謂素材，分兩種：

一、給力的高質(zhì)量素材

二、不給力的粗糙素材

如果你擁有高質(zhì)量的素材，那么恭喜你，這類素材猶如傾國傾城的絕世美人，你只用配以華麗的服飾，稍作修飾，氛圍就會好到爆棚，素材本身不需要過多修飾，你需要做的只是配上好的標題設計以及漂亮的板式，其他的交給素材本身，本身的華麗能讓專題自然升華到史詩級別。如下圖，素材本身已經(jīng)非常細膩，作者對素材進行取舍，合理安排畫面，素材本身的完美已經(jīng)讓專題變得華麗，但是，作者本身超神的主視覺設計，合理的板式，才是成功的關鍵。

其實在設計生活中，可能不是每次運氣都那么好，遇到史詩級素材，有時需要用到指定的素材，有些素材又過于老舊(LOL發(fā)展到今天，許多史詩級的素材，但是在游戲發(fā)展的前期，素材還是比較糟糕的)下面來介紹一下，當需求必須是指定的比較普通的素材，但是又要求要史詩級的效果，該如何處理。

下面是兩組SMITE模型素材(人物比較多，就不一一例舉)，對比前面的素材，沒有動作，人物比較僵硬，沒有原畫那么細膩，雖然模型還不錯，但是細節(jié)遠不及原畫的效果。這次的需求是 世界總決賽第一期 專題，作為一次世界級的競技比賽，所以視覺要求也比較高，那么我們該如何入手呢，首先，世界總決賽既然分為兩期，大概思路就是第一期既要區(qū)別于第二期，又要在同一個基調(diào)里，那么，兩期我準備第一期做成決戰(zhàn)前夕，群雄聚集的感覺，第二期再做成激戰(zhàn)的畫面。想好了大致思路，接下來就要營造畫面了。

如果人物既然細節(jié)不是太好，就采用縮小，單色的處理方案，規(guī)避細節(jié)不完美的缺陷，降低飽和度，提高對比度，能有效提高質(zhì)感。合理擺放英雄位置，從中間LOGO為中心往外發(fā)散的構(gòu)圖，將視覺在總決賽的LOGO上，規(guī)避不好的位置，將視覺集中在成功的地方，這樣一來，不那么完美的素材也能呈現(xiàn)出不錯的效果。

接下來為大家介紹兩款重口味氛圍營造的大殺器

一、光(神說要有光，那么就有了光，在MOBA類專題氣氛營造上，光線是非常好用的工具，下面給大家舉幾個例子)

第①種標題大亮光，在不影響字體識別的情況下，采用強烈的光芒，可使視覺更加集中

第②種根據(jù)結(jié)構(gòu)走勢的細膩發(fā)光，合理在結(jié)構(gòu)上加上光效，可使主視覺更加絢麗，氣氛加分自己設定主光源，然后畫面根據(jù)光源將環(huán)境色和高光反光都表現(xiàn)到位，氣氛融合，大背光剪影也是一種表達神秘氣氛的手段，總之，熟練運用光線，是營造氣氛的利器。

二、漂浮物(碎石，玻璃渣，飄帶，等等等等)

漂浮物可以是很多形式出現(xiàn)，它的作用只有一個---畫龍點睛，試想一下，一個激烈的戰(zhàn)場上，如果沒有飛沙走石，沒有這些細節(jié)，畫面生動和氣氛上就會大打折扣，合理分布漂浮物，在畫面上形成隨機感，能給氣氛加分不少，可以說是必不可少的元素。

最后我們來聊聊畫面元素的層級關系

作者強大的素材處理能力不得不令在下折服，畫面出現(xiàn)多個人物集中，卻顯得有條不紊，絲毫沒有混亂，那么我們該如何做到這一點呢，需要注意畫面素材的層級。

對比下兩張圖，第二張的鱷魚手部加上模糊使手部位居畫面后面，一點小細節(jié)使畫面層次拉開，這里只舉例這一處，上面的作品多次運用了這一手法，加上人物之間的陰影，使畫面豐富而不凌亂，彰顯大神本色。畫面層級應該是標題(這個大家都知道)> 人物(多人物注意區(qū)別，以及各部分的關系)> 背景

好吧，今天就給大家聊這么多，其實畫面氛圍的營造方法千千萬，遠遠不只上面介紹的幾種，其實萬變不離其中，就是細節(jié)，細節(jié)都處理好了，整個氣氛營造就自然成功了，細節(jié)決定成敗，本文中只是總結(jié)一些平時容易用到的簡單方法，其中很多引用亞洲首席jasonshuai的作品，在此感謝。最后，希望我們能在設計這條不歸路上，越走越遠，越走越強大。