《紀念碑谷》的遊戲畫面配色有什麼特色?如何學習這種配色風格?

最近大熱的《紀念碑谷》獨立遊戲的畫面異常精美,其中配色別具一格,想請教知乎設計方面的大神來談談紀念碑谷的配色風格,如何才能如遊戲中這樣的顏色搭配風格呢?


康大爺的回答偏重實際應用和遊戲開發,如果只是美術製作更簡單了,這裡分享下實際用Blender製作的類似效果,沒有那麼複雜,色彩也不需要靠燈光,沒圖我說什麼?

製作過程

我在網上找到了一些關於紀念碑谷的圖片,並作為我的製作參考。

確保視覺上的匹配

這個項目最特別的地方就在於,使用到了等距視覺設計,其實這種技術也被廣泛應用於遊戲製作中,包括紀念碑谷。製作方式是,你需要將一個正交攝影機放在一個特定角度(例如 54.726°/0°/45°),這可以為例提供一個矢量感的視角,我的視角設定可能有點調整,因為我不想破壞這種彭羅斯三角形的錯覺效果。


建模

建模其實很簡單,角色也只是一些簡單的球體和圓柱體,這樣的細節其實已經足夠豐富了。

帽子是用一個圓柱體縮放製作的,矩形映射完成貼圖設計,然後加上簡單的光滑細分即可,不過由於後面我會去掉著色的光線效果,所以平滑不會產生高光相關的問題。

視頻封面《紀念碑谷》製作花絮視頻

《紀念碑谷》的官方 MV 視頻中可以看到,一部分模型使用到的工具也是 Blender。

貼圖

所有的模型都做了解算,我將所有的貼圖根據色彩分布做了UV合併,因為我不想創建多個貼圖,UV 拆解映射採用的是簡單的視覺映射,十分方便快捷。貼圖是在 GIMP 下完成的,我從參考圖上取了顏色,由於整個模型沒有高光,所以我用了不同的顏色來模擬高光和暗部色彩。


照明

我一盞燈都沒用


渲染和後期

上次使用 BI 內置渲染已經是很久以前的事了,不過對於這個案例用 BI 再合適不過了,因為我不需要逼真的照片級渲染效果,因此整個畫面渲染在幾秒鐘內就完成了。

最後我在 GIMP 中合成了一個星星背景,完成!


知乎貌似不能上傳附件,所以希望獲得源文件的同學請到我的網站原文底部下載吧

Blender和等距視覺遊戲《紀念碑谷》


這種配色 其實比較簡單 主要還是軟體決定的
首先是沒有高光,看起來比較平面
然後會有一個默認的AO做底,這樣交界處會更深,即使沒有燈光投影,立體感也較好,渲染lightmap即可,開銷不大

貼圖是在一個色系裡面呈現一些深淺變化,色彩的變化不大
色彩主要通過燈光打出,我的估計它用了一到兩盞實時燈光,偏背景色的天光肯定有,可能有一個赭色的ambient light,看暗部粉色和褐色的受光可以分析出, 也許還會有另外一個燈光做hair light或者補色光

另外仔細看了下這張圖裡AO偏綠 ,也可能是刻意為之

這種色彩其實是挺平面化的配色,無非用三維軟體實現,有某種特殊的質感 ,製作起來不難


推薦閱讀:

關於遊戲設計配色?
怎樣才能找到一個靠譜的美工合作?
為什麼 PlayStation 控制器按鈕使用 ○×□△ 圖形而不是字母或數字?

TAG:遊戲 | 設計 | 用戶界面設計 | 配色 | 紀念碑谷遊戲|MonumentValley |