如何設計游戲中的斜45°角建筑物?

實際上這篇文章不是關于如何設計游戲中等構建筑的本質的,而是為你在這個特別的領域提供了一些有用的技巧,可以幫助你的等構建筑的概念設計可以更好地適應生產線。

編輯軒轅2014年05月12日 17時48分

Novtilus Art的CEO Junxue Li在Gamasutra上發(fā)表博客《How to Design Isometric Buildings》分享在游戲開發(fā)中設計斜45°角建筑物的經驗,著眼點較為有趣,或許對于年輕開發(fā)者來說有一定參考價值。觸樂網將該博客全文編譯,作為他山之石,供有興趣的讀者參考。

140514301

編者注:“isometric”指的是在平面圖紙上繪制三維物體的一種透視方法,稱為“isometric projection”,可以譯為“等角投影”。這種透視方法用平行斜線表現(xiàn)立體和空間感,圖像不受視點和消滅的影響,大部分圖像的x、y、z三軸互相以120°角相交,即我們經常提到的斜45°視角。在建筑學和工程領域,采用這種透視方法的工程圖稱為“軸測圖”,它同時也是我們高中學習立體幾何畫正方體時所采用的透視方法。該透視方法經常被應用于2D游戲開發(fā)之中,如《部落沖突》等。感謝讀者老爺出井緒指正。

 

140512322

其實有點兒標題黨了,實際上這篇文章不是關于如何設計其本質的,比如如何使用顏色、形式,如何繪圖……這些在美院的長期訓練中都可以掌握。相反,這篇文章為你在這個特別的領域提供了一些有用的技巧,可以幫助你的斜45°角建筑的概念設計可以更好地適應生產線。

開始之前

你有三個事情需要考慮清楚:

1、靈感來源

你最好能將你的設計立足于現(xiàn)實中存在的東西,比如說啟發(fā)自新奧爾良或開羅貧民窟中的建筑。這會讓你的設計更有生氣。哪怕你的游戲是個幻想主題的,你也別純靠想象來繪制。

140512301

140512302

我最近發(fā)現(xiàn)PS2神作《汪達與巨像》很大程度上受到了印度建筑的啟發(fā),如下圖:

140512303

在這一步中,你要盡量收集相關的圖片資料。我們在自己的項目中從各種渠道收集了邁阿密、開羅、布拉格的圖片,如果你有預算,甚至可以直接安排旅行。

2、風格和產品美術的質感

這是你計劃達到的目標。你可以學習市面上游戲的斜45°角建筑,找出你想要的風格和質感,比如:

140512304

140512305

如果現(xiàn)有案例不能滿足你,你可以請你的團隊做些基于經驗的創(chuàng)造,設計出一兩個范例來作為項目目標。

3、等構網格設計

像這樣對稱、均勻的斜45°角設置,你只需要選擇角A的值或a/b的值。

140512306

對于這樣的不對稱設計,你當然不可能隨手畫出網格。如果使用這樣不符合透視的線條,那如果你打算設計三維建筑,它就不可能與玩家視角匹配。

140512307

一般來說這種網格是游戲設計團隊和客戶提供的,你不需要擔心這樣無聊的事!所以當你接手這份工作時第一件事就是去找他們要網格。

設計期間

1、決定建筑的尺寸

在你有了網格之后就要設計建筑尺寸了。比如電話亭是1x1的,而超市是3x3的。還要設計建筑的高度,是一個單位還是兩個單位?

140512308

2、匹配細節(jié)尺寸

當你將建筑放在地圖上時,所有的細節(jié)都應該是匹配的。最需要注意的是門和窗戶,如果你發(fā)現(xiàn)一個建筑上的門是人類的尺寸,而另一建筑上的門卻像是給哥布林設計的,那就不合理且非常奇怪了。

如圖,房子前有一排小紅人兒,我們將其作為“標準人”。他們在所有建筑設計中與網格的比例關系都是不變的。當我們做設計時,我們將其視為真人,所有的建筑都要合乎這個比例。

140512309

偶爾我們也會打破這個標準,比如當我們設計足球場這樣實在太大的建筑時。如果依然遵循標準,那么這個足球場可能大得蓋滿或超過屏幕。你看在實際游戲中,這個虛擬人要大于“標準人”,你知道這是為什么。

140512310

3、色指定

如圖,設置色指定,它在你之后將建筑量產的時候會是很好的指導,尤其對于色彩豐富的建筑來說。

140512311

4、指定材料

你需要像這樣制定建筑中每一個部分的材料:

140512312

而對于顯而易見的事情,比如窗戶是玻璃的,椅子是木頭的之類的,就不用去管了。

5、繪圖角度

通常,適合網格的繪圖看起來會很好,像這樣:

140512313

此外,你還可以畫一個更平的視圖:

140512314

這可以讓團隊的美術人員(包括2D和3D)更好地理解建筑。

另一件需要考慮的事情是,你需要在游戲中像這樣翻轉建筑嗎?

140512315

如果是,你就需要畫更多角度。如下圖,游戲不需要翻轉角度,所以原畫師只需要畫一幅圖,你只會看到這個3D建筑的前面,而后面是空的(沒必要管永遠不會被看見的畫面)。

140512316

6、研究空間

做些空間和建筑的研究,確保你的繪圖在現(xiàn)實中可行(除非你的游戲像《紀念碑谷》那樣打算創(chuàng)造一種視覺誤差),否則人們將你的概念圖用于游戲中時會產生困難。

7、動畫

你會希望在建筑中增加一些變化來讓它更有生氣,比如輪盤旋轉、風向標轉向、旗幟飄揚。斜45°角建筑有兩類動畫,一是固態(tài)部分的變化,二是燈光閃爍或河水流動這樣的特效。處理燈光時,畫一張燈光全部亮起的圖片。

140512317

8、“建成”動畫

一些游戲中你可以看到建筑建成的過程,是由建筑中不同進程的畫面構成的?,F(xiàn)實中蓋樓時,先起鋼骨,再上混凝土,最后裝飾外觀。在設計建筑進程概念圖時,你可以用倒序。首先畫好完成建筑的概念圖,然后移去一部分,畫出暴露的部分,再畫出鋼骨……

140512318

9、加入3D模型

找到3D渲染圖片(或照片)并加入設計中比自己畫要更快,這是我們的工程實例:

卡車:

140512319

船:

140512320

椅子:

140512321

10、可再利用圖片

在設計一個項目時,會有很多重復使用的元素:椅子、雨傘、窗戶等。謹慎處理這些圖片,可以節(jié)省你很多畫同樣圖片的時間。

[ 本文編譯自:Gamasutra.com | 原作者:Junxue Li ]

0

編輯 軒轅

Sunflower.xiang@me.com

而我是不存在的。

查看更多軒轅的文章
關閉窗口