遊戲場景透視解析！一次了解場景設計中的透視手法｜遊戲美術入門

前言

嗨嗨，大家好呀，我是Yellow，好久不見啦！

大家聖誕節都去哪裡玩了呢？

筆者我啊，因為天氣寒颼颼，早就決定聖誕節當天要把自己裹得實實的，待在暖暖的被子裡睡上一整天了，畢竟天冷真的好舒服好好睡啊！

雖說沒有經歷確實的聖誕行程，但筆者家的社區倒是早早就裝上了大聖誕樹，只要在空間放上一棵聖誕樹，再加上金勾標～金勾標～♪♫的音樂，就算是個與歡樂扯不上邊的環境，也會瞬間充滿著過節氣氛呢～

話說回來，大家在玩遊戲的時候，除了人物角色之外，有沒有注意過背後的場景呢？

雖然場景不如人物設計常被矚目，卻是建構遊戲世界觀至關重要的元素哦！

就像前面提到空間布置完美塑造了節慶氣氛，場景也是打造遊戲情緒的重要資源，它反映著故事的背景，角色在何時何地，又做著哪些事情，若是缺少場景的存在，遊戲世界將變得空洞，僅剩一片虛無。

那遊戲場景又該怎麼繪製呢？

今天我們就從最基礎的透視圖法開始，一步一步的來認識透視，並看看遊戲中都是如何應用的吧！

透視是什麼？

透視是在繪畫中表現立體空間的方式，又被稱為「遠近法」。

你可以抬頭看看四周，會發現離自己近的東西比較大，遠的東西則較小，這樣的大小差異能夠讓人快速建立認知——我們所處的空間是立體的，而透視法就是幫助我們在平面的紙上塑造立體空間的方法。

使用透視畫法時會需要遵循一定的規則，否則成像會看起來過於平面或不自然。其中兩個重點要素便是「視平線」與「消失點」，也是在白紙空無一物時就必須先設想的兩個元素，有了它們我們才能正式開始繪製透視圖。

視平線

視平線指的是以「看東西的視線高度」為基準的水平線。

以照片來說，就是指相機放置高度的線。

這邊筆者ㄎ一ㄤ走了鄰居Colin TPL的扭蛋們，並為它們拍攝了幾張照片。

這三張照片有何不同呢？

大家應該也能意會到，三者的最大差異處即是拍攝的「高度」與「角度」了，從左至右的3張照片分別是以「平視」、「仰視」和「俯視」的角度拍攝而成。

而這邊相機的高度就是「視平線」的基準位置。

當視平線高度大約「等於」物體位置時，所呈現的物體就會是「平視」角度。

若視平線「低於」物體，向上看物體就會是「仰視」構圖。

而視平線「高於」物體，往下看物體則會是「俯視」構圖。

因此運用透視法繪製物體前，我們得先設定好視平線的位置，模擬視線的高度及物品的相對方向，才能協助我們抓取合適的角度，以畫出符合透視法則的物體。

消失點

消失點又稱「滅點」，意為超過這個點的物體就會消失在遠方。

可以想像消失點就是在視線範圍中最遠的那個點，從下面鐵軌的例子來看，可以發現鐵軌到了視線盡頭，就再也看不見了，實際上鐵軌仍繼續延伸著，不過已經超出了你的視線範圍，而這個盡頭的位置就是消失點。

通過消失點的數量，又可把透視方式分為「一點透視」、「兩點透視」與「三點透視」三種方法。

一點透視

一點透視指的是畫面中只有「1個消失點」，並沿著這唯一的消失點去繪製物體的方法。

在一點透視中我們可以看到方塊僅有單一深度有收縮變化，而高度及寬度則是維持完全的垂直與水平，無論物體在畫面的哪個位置，角度為何，都沒有任何收縮。

在遊戲場景中的應用

一點透視適用於重點表現「角色動作」的遊戲中，通常是橫向卷軸等平台遊戲，像Blasphemous、Moonscars這兩款動作遊戲就是使用一點透視來繪製。

而一點透視應用於CG圖時，尤其適合對稱場景。由於一點透視能簡單讓視線集中在畫面中心，結合對稱畫面自有的正式感，更能傳達出端莊且肅穆的藝術氛圍。

兩點透視

兩點透視是在視平線的最左右設定「2個消失點」，並以此為基準去延伸繪製的方法。

可以看到兩點透視的方塊在兩邊深度上均有收縮變化，僅有高度仍維持垂直，沒有進行任何收縮。

在遊戲場景中的應用

兩點透視適合用來表現建築或空間的「樣貌」，比起感性地塑造氛圍，更適合理性表達故事的環境；此外，使用兩點透視繪製的物件不好進行重複利用，複用時容易不自然，因此較常用於「AVG遊戲」或「CG圖」的單張背景中，或是「概念圖」上作使用。

三點透視

三點透視是以兩點透視再加入「高度」消失點，共「3個消失點」為基準去延伸繪製的方法。

若高度消失點在視平線以上，就會是仰視角度，這個消失點又稱「天點」，指的是往天空望去的視線盡頭；而高度消失點在視平線以下，則會是俯視角度，稱為「地點」，表示向地面望去的視線盡頭。

三點透視由於增加了高度消失點，因此無論是兩邊深度還是高度上都有進行收縮變形。

在遊戲場景中的應用

三點透視主要表現在需要看「整體情況」的遊戲，通常是將第3消失點安排在下方，便於俯視觀察整個環境，以做出應對的運用方式。

而三點透視藉由第3消失點的高度收縮，能將畫面表現地更有張力。就和攝影的鏡頭語言一樣，仰角能給人尊敬、居高臨下、充滿威嚴的震攝感；俯角令視角更開闊，也助於表達脆弱、微不足道或營造無害感。如此結合高度變形的特性，便可進一步提升故事性，使整體感情更加強烈。

結語

不知道大家對於透視有沒有更深入的了解了呢？

透視圖法是繪製場景的第一步，但一開始不太懂得如何應用也是正常的，大家不用急，我們就慢慢從一些小方塊開始練習透視，對各種點透視熟悉後，再嘗試繪製簡單的物品，例如窗戶、櫃子、床鋪等同為長方體的東西，最後進階到複雜的物件，反覆練習，並多觀察別人是怎麼畫的，久而久之就能得心應手了哦，加油！也希望本篇文章有幫助到你～

另外，隨著聖誕節的結束，2022年就快接近尾聲啦～

明年Yellow與全體吉橙成員也會繼續產出各類文章，為大家帶來更多遊戲製作知識，真的非常感謝大家一直以來的支持，我們會繼續努力！

最後，祝閱讀著這篇文章的你新年快樂！也祝福你無論未來的一年遇到了怎麼樣的事，都能夠順順遂遂，並且平安健康哦！

我是Yellow，我們下次見囉，掰噗！

圖片來源

1. 【少女前线】蜜獾圣诞节皮肤剧情——圣诞公主和不笑贝特
2. Railroad in Northumberland County, Pennsylvania.JPG – By Jakec – Own work
3. Blasphemous – Steam
4. Moonscars- Steam
5. ENDER LILIES：Quietus of the Knights – Steam
6. 返校 – Steam
7. Cris Tales – Steam
8. 遊戲夜光　A Light in the Dark
9. Hugh7 – 萊莎 – 遊戲CG圖 – 巴哈姆特
10. 萊莎的鍊金工房～常闇女王與秘密藏身處～ – GAMECITY
11. 第五人格官方網站
12. 英雄聯盟官方網站