達人分享 | 遊戲視覺風格解析——從卡通到寫實








從上到下按照卡通到寫實遊戲風格排列
如果大家對上述遊戲有了解,應該不難發現,卡通型別的遊戲畫面普遍偏暖色系、高飽和度。而寫實風格偏冷色系、低飽和度。
隨著遊戲行業的發展,遊戲的種類越發多元,遊戲的視覺呈現形式也愈加豐富,今天我們便以幾個具有代表性的遊戲為例,按照從卡通到寫實的角度,為大家分享不同遊戲視覺風格的典型特徵。
//《荒野大亂鬥》(Brawl Stars):歐美Q版卡通風格

荒野亂鬥是一款節奏出色、角色多元的射擊遊戲。由Supercell開發,它的遊戲完成度較高,美術風格沿用了Supercell休閒類遊戲輕鬆和明快的展現形式。
角色都擁有鮮明的形象,並且簡約易懂,擁有體塊感較強的歐美Q版風格,成為了系列遊戲的辨識度。同時很注重角色的剪影刻畫,通過剪影來體現人物特點。

扁平風格其實直接帶來的好處是降低了遊戲配置需求,從而使得低端機也能暢玩。玩家在手機螢幕佔比很小的人物上,也能分辨出不同的角色,這是大面積主色平塗的優勢。對於激烈的PVP對戰遊戲尤其適用。

//《我的世界》(Minecraft):畫素風格
“畫素風”的歷史源遠流長,可追溯到古希臘時期。那個時代的“鑲嵌畫”是用各種顏色的小石子、玻璃片或陶瓷片鑲嵌出來的圖案,也被稱為“馬賽克”(Mosaic)。之後也出現了“點彩”風格的繪畫作品。

《大碗島星期天的下午》, 修拉,1884-1886
早期的畫素風格更多的是因為技術不到位,電腦的顯示能力有限:記憶體小、色彩單一、解析度低、不能顯示太多的資訊,所以第一批遊戲開發者只能用極其有限的畫素點組成畫面來節省機能,保證遊戲的流暢執行。

《超級馬里奧》

風靡一時的FC《時代熱血劇》系列
而今,畫素風格的遊戲出現:遊戲本身就是由極度簡單的元素,構成極度複雜的畫面,因此它可以具備無限的創作空間,從而遊走在復古與潮流之間。

《我的世界》就是結合了畫素風格與3D風格的新產物:畫素+3D效果賦予了《我的世界》更多的可能。在原始的表面下,探索、生存以及樂高積木一般的建築要素賦予了遊戲別樣的魅力。

色彩豐富的方塊人世界,將角色和場景抽象化,變成一個個不同的方塊,再用每個方塊來構造出整個世界,獨有的3D畫素風格別具一格。
對於開放世界,塊狀畫素也省去了很多記憶體和顯示消耗,讓遊戲更流暢。
//《塞爾達傳說》(ゼルダの伝說:ブレスァ≈ザワイルド):日式卡通風格

近幾年大火的《塞爾達傳說:荒野之息》主要是以賽璐璐風格展現,應用現代技術,通過3D卡通渲染還原賽璐璐風格。(關於賽璐璐風格,歡迎複習上一期內容)

乾淨清晰的畫面風格,給玩家以輕鬆、明快的代入感。這樣的視覺呈現,既能抽象的展現異世界的美麗,也能給玩家帶來強有力的代入感。
//《堡壘之夜》(Fortnite):美式卡通風格

《堡壘之夜》的藝術風格和人物比例比較卡通,顏色鮮豔,將具象的人物卡通風格化,突出人物各自鮮明的特點,保持人物簡潔的輪廓特點。


並且加深角色的剪影印象,保留可信度和自然的感覺,在多樣化的角色中,提升玩家對角色的辨識度,並且在整體上保持統一。



看到《堡壘之夜》的人物造型,順便提一下美式卡通。《愛,死亡和機器人》系列的短片《機動裝甲》中,這個畫面出現的三個機械,外形做了大小,方圓的剪影區分。

幾個駕駛艙也分為倒梯形、正梯形和圓形。

《愛,死亡和機器人》系列的另外一部動畫《三個機器人》中,三個機器人的梯形也做了極致的區分,簡化為圓形、長方形和三角形。


《馬達加斯加3》美式卡通動畫中,也特意對造型進行了區分。


《瘋狂動物城》也對形體進行了簡化概括。



歸其原因,我們不難發現歐美人物面部區分度高:真人長相差異明顯(真有長這樣的人和體型),因此容易在這樣的現實土壤上誇張創作。



相對來說日式卡通的審美和表現則相當剋制。人物面部的變化非常細微,不像美漫那樣誇張。



即使日漫裡出現歐美人,同樣表現的非常剋制。

順便看一看遊戲海報設計,角色pose擺放的設計:

《堡壘之夜》對角色之間的不同體型做了設計區分
// 賽博朋克2077(Cyberpunk 2077):賽博朋克現實風格

《賽博朋克2077》是以科幻反烏托邦為背景的角色扮演遊戲,展現人類科技文明高度發達的場景。
大部分賽博朋克世界都是陰暗或黑夜的環境,人造光在賽博朋克世界得到了極致的表現,各種霓虹燈的顏色充斥整個畫面。

角色和場景的表現也更加接近現實材質,角色的塑造更加接近真人。角色的身體可以進行各種模組化的自定義,玩家可以通過改造身體來達到增強力量的目的,包括自己的四肢、軀幹、內臟以及神經系統都可以經科技改造。
虛擬場景的構成也結合了許多真實元素,模擬更加真實可信的虛幻場景。對於場景的襯托,一方面反映出這是個反烏托邦腐朽世界,另一方面潮溼的地面反射各種燈光,讓整個賽博朋克世界更加五光十色,盡顯繁華和墮落。

寫實遊戲適合表現基調深沉的畫面和殘酷的世界觀。比如《暗黑破壞神4》,低飽和度的畫面,超寫實的細節表現,奠定了悲涼的基調。


《真人快打 11》次世代寫實畫面則增添了遊戲恐怖的氣氛。


除此之外,一些遊戲選擇結合卡通和寫實兩種表現形式,創造別樣的遊戲風格。

人物卡通,背景寫實的《最後的守護者》


主角卡通,背景寫實的《馬里奧:奧德賽》
分析了這麼多不同視覺風格的遊戲,從一開始概括的卡通表現,到逐步具象化、寫實化的人物場景,以上幾款受到玩家和行業追捧的遊戲作品讓我們看到不同的遊戲美術風格都有著自己的擁躉。
作為遊戲美術從業者,我們既需要找到自己擅長的美術風格深耕技術,也需要涉獵廣泛、吸取各家所長。
來源:光子重慶創新研發基地
原文:https://mp.weixin.qq.com/s/oJfMsYh-hoUqKA5ByI2lwQ
相關文章
- 達人分享 | 賽璐璐風格與《塞爾達傳說》
- 從遊戲文化輸出淺談國產遊戲風格遊戲
- 譯介 | Jonathan Blow 訪談:獨立遊戲、文學及視覺風格(上)遊戲視覺
- 《英雄聯盟》VFX視覺風格指南視覺
- 遊戲策劃視角全方位解析《哈利波特魔法覺醒》遊戲
- “侍道”系列新傳:當寫實風格武士動作遊戲遇到無厘頭遊戲
- 從AFK裡提煉遊戲視覺表現-拆解篇遊戲視覺
- 資料視覺化Seaborn從零開始學習教程(一) 風格選擇視覺化
- 僅用CSS幾步實現賽博朋克2077風格視覺效果CSS視覺
- 畫面好看的遊戲影像解析-視覺構成原理:空間遊戲視覺
- 從零開始:用REACT寫一個格鬥遊戲(二)React遊戲
- 從零開始:用REACT寫一個格鬥遊戲(一)React遊戲
- 硬核乾貨:認識遊戲視覺設計,從理論武裝到實操遊戲視覺
- 【寫實與風格化】技術概述
- 從玩家視角解析“開放世界遊戲”能看到什麼?遊戲
- 創造簡約視覺風格的 3 個原則視覺
- 探索<賽博朋克>風格遊戲美術遊戲
- 遊戲關卡設計方法論(實踐篇)-關卡規劃文件怎麼寫?遊戲
- 《控制》:從遊戲場景中的“視覺享受”到我們可以享受的“遊戲環境設計”遊戲視覺
- 資料視覺化實用乾貨分享視覺化
- 走進遊戲中的美術:遊戲美術風格介紹遊戲
- 軟體編寫風格
- 寫實風視覺小說《青箱》釋出之後的一些總結視覺
- 風場視覺化:風場資料視覺化
- 分享20份大屏視覺化模板,輕鬆實現資料視覺化視覺化
- 視覺衝擊和心理暗示:恐怖遊戲為何讓玩家“人慫癮大”視覺遊戲
- 火柴人正版續作放置卡牌手遊《火柴人覺醒》今日首測!
- 從零開始實現lmax-Disruptor佇列(五)Disruptor DSL風格API原理解析佇列API
- 這可能是最有風格的「哈利波特」遊戲遊戲
- 藝術大師與遊戲的風格碰撞(一)遊戲
- 萬字長文,解析人類求生本能在遊戲關卡設計中的應用遊戲
- c風格讀寫檔案
- 中文寫作排版風格指南
- c/c++實現簡單的貪吃蛇視覺化遊戲C++視覺化遊戲
- Playrix首席遊戲設計師分享:為三消遊戲建立關卡和元素遊戲設計師
- 不會做好看的地圖視覺化?跟著Smartbi學操作,秒變視覺化達人地圖視覺化
- 遊戲界的巴菲特:從手游到掌遊的遊戲風口變遷遊戲
- 手繪風格獨立遊戲《失眠》製作人分享創作靈感和開發歷程遊戲