探求超寫(xiě)實(shí)建筑可視化的實(shí)時(shí)演示思路

使用軟件：Unreal Engine 4.4

Ronen Bekerman：Lasse Rode在探求使用實(shí)時(shí)渲染工具表現(xiàn)照片級(jí)場(chǎng)景的過(guò)程中，利用虛幻引擎做了一些頗為有益的嘗試。表現(xiàn)對(duì)象則是一間唯美的，幾乎是純白色的柏林公寓，很多人在論壇里已經(jīng)看過(guò)了。在展示作品之后，Lasse還會(huì)為我們講解虛幻4引擎的入門知識(shí)，希望大家喜歡！

作者簡(jiǎn)介

Lasse Rode / Studio XOIO
總部在柏林的xoio工作室成立于2006年，創(chuàng)始人是Peter Stulz和Lasse Rode。這家工作室非常擅長(zhǎng)創(chuàng)作打動(dòng)人心的建筑表現(xiàn)和工業(yè)設(shè)計(jì)表現(xiàn)作品。工作室的成員全部擁有建筑專業(yè)背景或工業(yè)設(shè)計(jì)背景。因此這個(gè)團(tuán)隊(duì)能夠在表現(xiàn)過(guò)程中體現(xiàn)出對(duì)作品深刻的理解力，也為解決設(shè)計(jì)層面的問(wèn)題提供了強(qiáng)而有力的保障。

開(kāi)場(chǎng)白

大家好，我是Lasse Rode，xoio工作室的成員。我們是專職為建筑行業(yè)和產(chǎn)品營(yíng)銷提供建筑表現(xiàn)和工業(yè)產(chǎn)品表現(xiàn)服務(wù)的小事務(wù)所。通常我們會(huì)使用“傳統(tǒng)”的三維工具，比如3ds Max之類的來(lái)做作品。我們一直在不斷地嘗試新的渲染器，目前主要使用的是Corona渲染器，V-Ray和Octane。每個(gè)渲染器都有它們的專長(zhǎng)，我們一直本著物盡其用，發(fā)揮專長(zhǎng)的原則來(lái)使用它們。

在我看來(lái)可視化行業(yè)所追求的主流無(wú)非如是：追求照片級(jí)的的寫(xiě)實(shí)，以及更快的渲染速度（如果不是實(shí)時(shí)畫(huà)面的話）。不用每次眼巴巴的等渲染農(nóng)場(chǎng)把圖渲出來(lái)，一直是我們的夢(mèng)想，特別是渲動(dòng)畫(huà)的時(shí)候！

實(shí)時(shí)渲染最大的缺點(diǎn)就是畫(huà)面質(zhì)量比不上預(yù)先渲染的靜幀和動(dòng)畫(huà)所能達(dá)到的極致。所以盡管它很吸引人，在可視化產(chǎn)業(yè)中應(yīng)用實(shí)時(shí)渲染似乎還是很難想象的——說(shuō)實(shí)在的，那種游戲畫(huà)面一樣的質(zhì)感，大部分有品位的建筑設(shè)計(jì)和產(chǎn)品設(shè)計(jì)甲方是不買賬的。

但是這種局面改變得非�？�。實(shí)時(shí)引擎能夠達(dá)到的極致是非常漂亮而且可信的。

為什么用虛幻引擎呢？

虛幻4引擎的發(fā)售引起了業(yè)內(nèi)不小的關(guān)注，未來(lái)的可能性也似乎是無(wú)限的。PBR（Physically Based Rendering）物理材質(zhì)系統(tǒng)和易用的模型導(dǎo)入接口都是吸引我們進(jìn)行嘗試的原因——更不要說(shuō)輸出結(jié)果的質(zhì)量上限非常之高！如果你看過(guò)Koola的作品（在虛幻商城可以找到），幾周前幾乎是病毒式傳播——估計(jì)你也會(huì)和我們一樣，確信虛幻4引擎畫(huà)面可以達(dá)到令人嘆服的質(zhì)量。

在接下來(lái)的文章中我會(huì)為你們簡(jiǎn)介一下我制作柏林公寓的工作流程，這個(gè)場(chǎng)景文件你們可以在虛幻商城下載到，然后分享一下我在創(chuàng)作過(guò)程中總結(jié)的經(jīng)驗(yàn)和技巧。有些是我自己悟出來(lái)的，有的是從網(wǎng)絡(luò)上的資料中借用過(guò)來(lái)的。虛幻引擎官方論壇和官方幫助文檔是非常有用且豐富的學(xué)習(xí)資料，同樣有用的還有引擎自帶的新手幫助信息以及虛幻商城中可以找到的各種場(chǎng)景和資源。

柏林公寓

從2013年初我就開(kāi)始為這套公寓創(chuàng)作了一系列的圖片，這是柏林的一間老房子，使用的軟件是3ds Max和Corona渲染器。這款渲染器在處理顏色曝光映射方面非常地靈活，所以很有助于我表現(xiàn)圖面的那種白色氣氛。這同樣也是我選擇這個(gè)公寓進(jìn)行UE4引擎實(shí)驗(yàn)的原因。

我注意到UE4在表現(xiàn)陰暗場(chǎng)景和豐富材質(zhì)的場(chǎng)景方面很出色。所以我就懷疑它不能在場(chǎng)景亮度很高的時(shí)候得到很準(zhǔn)確的投影和間接光。事實(shí)的確如此：非常不容易！

以上是我之前用3ds Max和Corona渲染器制作的場(chǎng)景原圖。

最初場(chǎng)景

整個(gè)模型都是使用3ds Max建立的，由于追求快，所以我只把最終鏡頭中看得見(jiàn)的地方做了細(xì)節(jié)。但是如果客戶能使用實(shí)時(shí)瀏覽引擎觀察模型的每一個(gè)角落的話，這招就不能用了。為了把這個(gè)模型重新調(diào)整為虛幻引擎能用的場(chǎng)景，我不得不縮小了一點(diǎn)表現(xiàn)范圍，因?yàn)槿绻�要把每一個(gè)家具和細(xì)節(jié)都雕琢好就太費(fèi)時(shí)間了，有違我做測(cè)試的初衷。

我決定只導(dǎo)出兩個(gè)房間：就是截圖中靠下的兩間。

為虛幻引擎導(dǎo)出場(chǎng)景模型

如果你牢記幾件事的話，這一步其實(shí)非常簡(jiǎn)單！

導(dǎo)出會(huì)讓模型有點(diǎn)分裂。因?yàn)閘ightmass靜態(tài)全局光照是每個(gè)物體分成幾塊計(jì)算的，遇到大面積平面比如天花地板的時(shí)候最好小心地控制參數(shù)。也因?yàn)檫@一點(diǎn)，我只導(dǎo)出了我們看得到的內(nèi)墻面。

另外我還給墻面上下延伸了一些，將來(lái)會(huì)和天花板交叉。我發(fā)現(xiàn)這是防止“漏光”的好辦法——“漏光”一般是因?yàn)閷?shí)體不閉合或者模型面不交叉。這些瑕疵在昏暗場(chǎng)景或者材質(zhì)豐富的場(chǎng)景也許不起眼，但是因?yàn)槲覀兊膱?chǎng)景非常明亮，因此要盡一切可能保證灰階著色的精確，特別是角落。

第二件重要的事情就是為存儲(chǔ)GI的通道創(chuàng)建UV展開(kāi)坐標(biāo)系，這個(gè)通道是用來(lái)存儲(chǔ)虛幻引擎算出的lightmass靜態(tài)全局光照的。在3ds Max中的話，就是UV通道2。

通道1是用來(lái)放其他紋理的，比如固有色（diffuse）啦，粗糙度（roughness）啦，法線（normal）啦等等。虛幻引擎的通道數(shù)從0開(kāi)始計(jì)數(shù)，所以一開(kāi)始可能有點(diǎn)懵，但是一旦熟悉了，就沒(méi)什么了。

注意：UV展開(kāi)僅僅是對(duì)于光照貼圖（Light-map）通道很重要！普通貼圖通道什么投影方式都無(wú)所謂，立方體，圓柱體投影都行。大部分情況下，3ds Max展開(kāi)命令里最基本的“展平（flatten mapping）”就可以很有效地建立UV坐標(biāo)系！

如果你想在虛幻引擎里把場(chǎng)景按照3ds Max場(chǎng)景原樣組裝起來(lái)，那么最好整個(gè)空間原樣導(dǎo)出，這樣最后的坐標(biāo)是更容易對(duì)齊。單獨(dú)的物件比如椅子和家具，最方便的做法是只導(dǎo)出一次，然后把它在虛幻引擎中設(shè)為關(guān)聯(lián)組件。為了這個(gè)目的，你最好把這些小組件移動(dòng)到3ds Max的原點(diǎn)處，因?yàn)樽詈筮@個(gè)物體在虛幻引擎里的控制點(diǎn)就在那。

你肯定能注意到我使用了一個(gè)高精度模型，沒(méi)有進(jìn)行任何的LOD（Level Of Detail）遠(yuǎn)中近景別簡(jiǎn)化。這種情形當(dāng)然僅僅是在這種小型場(chǎng)景才推薦使用的，而且由于我追求非常平滑的場(chǎng)景表現(xiàn)，不希望有一丁點(diǎn)鋸齒在鏡頭中出現(xiàn)，所以這個(gè)操作對(duì)我自己來(lái)說(shuō)是適用的。但是我絲毫不會(huì)懷疑這個(gè)模型有很大的優(yōu)化空間。

確保你的每一個(gè)家具都拼合成了一個(gè)個(gè)的獨(dú)立物件，并且賦予了不同的材質(zhì)材質(zhì)ID，將來(lái)就可以在虛幻引擎中調(diào)材質(zhì)了。

好，接下來(lái)就把模型保存成*.fbx格式，然后就可以進(jìn)入到虛幻引擎編輯器了！

導(dǎo)入虛幻4引擎

FBX文件導(dǎo)入虛幻4引擎的過(guò)程是非常順利的，導(dǎo)入過(guò)程我分成了若干次。

為了拼合場(chǎng)景，我分別做了幾個(gè)文件：

• 房間模型單獨(dú)是一個(gè)fbx文件。
• 不同的家具分成不同的文件，每個(gè)文件里有幾件家具。

一定要確保取消“拼合網(wǎng)格（Combine Meshes）”的勾選，這樣能讓物件彼此分開(kāi)，否則就都塌陷成一個(gè)網(wǎng)格模型了！

材質(zhì)編輯

我是個(gè)非常干脆利落的人，非常熱衷于簡(jiǎn)單明了的步驟！這多少有點(diǎn)人生哲學(xué)的意思，但是用最簡(jiǎn)化的步驟得到最好的結(jié)果，絕對(duì)不等于使用那些只有你才能懂的野路子，或者是半年再看到這個(gè)文件卻再也想不起來(lái)的昏招兒。

這個(gè)材質(zhì)的例子非常簡(jiǎn)單，一張固有色貼圖，降了飽和度，和黑色混合在一塊，同一張貼圖調(diào)色以后反相，放在了材質(zhì)的粗糙度（roughness）通道里。完成。

這個(gè)材質(zhì)的凹凸用法線貼圖的話就有點(diǎn)過(guò)火了，但是你自己在探索的時(shí)候可以隨便試試。

上圖中你可以看到木材材質(zhì)被賦予了桌椅——深黑的染色木質(zhì)，帶著清爽的啞光反射，反映出了木質(zhì)的天然紋理。

在這張圖中你還可以看到兩個(gè)比較有用的材質(zhì)，窗簾是被陽(yáng)光從背面照亮的——這是一個(gè)雙面材質(zhì)。

為了獲得半透明效果，你必須把材質(zhì)類型設(shè)置成“次表面（Subsurface）”材質(zhì)，然后把一個(gè)小于1的常數(shù)節(jié)點(diǎn)輸入到材質(zhì)的不透明度參數(shù)一欄。

前景的玻璃罐材質(zhì)非常簡(jiǎn)單：

玻璃材質(zhì)的固有色層明度很暗，完全沒(méi)有粗糙度（roughness）數(shù)值，反射度（specular）設(shè)置得很高。我還設(shè)置了一個(gè)1.5的菲涅爾節(jié)點(diǎn)來(lái)控制不透明度和折射。想要生成逼真的玻璃材質(zhì)還需要更復(fù)雜的設(shè)置，方法也很多，但是說(shuō)實(shí)話我有點(diǎn)沒(méi)搞定，而且現(xiàn)在這個(gè)簡(jiǎn)單版的玻璃也還湊合用。

注意，我在左側(cè)的細(xì)節(jié)參數(shù)面板中勾選了“雙面（Two Sided）”，并把透明度光照模式設(shè)成了“TLM Surface”。

還有一個(gè)我想要介紹的材質(zhì)是地板，因?yàn)檫@是唯一一個(gè)用到了法線貼圖的材質(zhì)。

你可以看到材質(zhì)由固有色，凹凸貼圖和法線貼圖組成。固有色就是一個(gè)淺灰，由四個(gè)參數(shù)控制。

凹凸貼圖稍微有點(diǎn)復(fù)雜：左邊你可以看到同一張圖，通過(guò)貼圖坐標(biāo)（TexCoord）節(jié)點(diǎn)被調(diào)成三種不同的尺度。然后每張圖的紅通道都拿出來(lái)正片疊底到一起，作為一個(gè)alpha通道輸入到線性解析（Lerp）節(jié)點(diǎn)中把數(shù)值混合到一起。這個(gè)例子中的0.3和0.2是為了在地板上得到微妙的反光。最后這個(gè)圖層被輸入到了乘方（Power）節(jié)點(diǎn)中，來(lái)調(diào)整最終需要的凹凸大小。

法線貼圖也是通過(guò)貼圖坐標(biāo)（TexCoord）節(jié)點(diǎn)調(diào)整大小，然后通過(guò)“法線拍平（FlattenNormal）”節(jié)點(diǎn)中的數(shù)值控制最終的效果。

制作家具

在把家具丟到場(chǎng)景里之前，最好是先在物件編輯器里先把材質(zhì)附好。這幾乎是個(gè)一勞永逸的工作，而且以后你想在主場(chǎng)景里修改也是可以的。這是個(gè)很高效的過(guò)程：你會(huì)發(fā)現(xiàn)當(dāng)時(shí)事先把材質(zhì)ID區(qū)分開(kāi)是多么的方便。

拼合場(chǎng)景

很簡(jiǎn)單一句話：該怎么拼就怎么拼。首先你需要把房間模型丟進(jìn)來(lái)。最好的方法就是一次選中所有需要的模型，然后拖動(dòng)到空白場(chǎng)景中。然后就是把家具配景都一一擺布進(jìn)來(lái)。

這里你看到墻面消失了，是因?yàn)閱纹瑝Φ姆ň�背面朝著你，我之前解釋過(guò)了：這樣對(duì)進(jìn)行靜態(tài)全局光計(jì)算有好處。

為了同樣的目的，你也最好把大面積物件的光照貼圖分辨率設(shè)置高一些，比如我的墻面就設(shè)置的是2048。

上文也提到過(guò)，漏光可能會(huì)很討厭。為了防止漏光，我用黑盒子把屋子包起來(lái)了。雖然從外面看亂七八糟，里面可是干凈多了。

布光和靜態(tài)全局光照

布光同樣也是很簡(jiǎn)單的步驟：我用了Koola的方法——結(jié)合太陽(yáng)和放在窗前的面狀光源來(lái)模擬天光，很有效而且很好控制。

到目前這一步，計(jì)算全局光照時(shí)，只有個(gè)別幾個(gè)參數(shù)是重要的：

我大量提高了光線反彈次數(shù)和間接光質(zhì)量。而且我還把間接光平滑度下降到了0.6.這樣一來(lái)細(xì)節(jié)就表達(dá)好多了，而且陰影也不會(huì)很含糊。

我還把直接光照設(shè)置成了動(dòng)態(tài)陰影，這樣陰影質(zhì)量會(huì)更好。而且這是后期動(dòng)畫(huà)中可移動(dòng)光源的重要條件。

最后，在點(diǎn)擊“建立”之前，要把光照質(zhì)量設(shè)置為“產(chǎn)品級(jí)（Production）”。

這樣設(shè)定的話，每個(gè)地方的光影就會(huì)很柔和了。

說(shuō)實(shí)在話，第一次做到這一步的時(shí)候，我激動(dòng)得都抖了！這就是這個(gè)引擎最精髓的地方，真的能讓你激動(dòng)起來(lái)。能夠?qū)崟r(shí)地在自己的“渲染”里瀏覽實(shí)在是太讓人興奮了！

“后期處理”

一項(xiàng)非常棒的功能就是，引擎允許你直接在編輯器中后期添加顏色校正和鏡頭特效。添加一個(gè)后期處理范圍模塊（PostProcessVolume）就可以控制全局的后期參數(shù)。我微調(diào)了飽和度，鏡頭暗角，光暈，然后把曝光的最大最小值都設(shè)置成了1來(lái)禁用自動(dòng)曝光，然后把曝光偏移設(shè)成了1.42左右來(lái)大幅增加室內(nèi)亮度。我還添加了一個(gè)鏡頭光暈特效，因?yàn)槲野l(fā)現(xiàn)這個(gè)效果在實(shí)時(shí)情況下非常出彩。

設(shè)計(jì)動(dòng)畫(huà)

能夠在場(chǎng)景中自由移動(dòng)使得動(dòng)畫(huà)制作過(guò)程變得簡(jiǎn)單有趣，因?yàn)樗�有的結(jié)果都是實(shí)時(shí)反饋的。我已經(jīng)是視頻軟件的老手了，所以很快就上手了引擎內(nèi)置的Matinee動(dòng)畫(huà)編輯器。

首先要添加一個(gè)Matinee Actor。

打開(kāi)Matinee以后，你會(huì)看到一個(gè)多軌編輯界面以及一個(gè)路徑曲線編輯器。

相機(jī)創(chuàng)建和動(dòng)畫(huà)設(shè)定都是非常直覺(jué)化的。動(dòng)畫(huà)由關(guān)鍵幀控制，路徑曲線也和其他動(dòng)畫(huà)軟件大同小異。剪輯工作也是一同在Matinee編輯器里完成。

我在空間里創(chuàng)建了若干個(gè)相機(jī)緩緩地平移拍攝：在你能實(shí)時(shí)看到鏡頭的效果的時(shí)候，再去調(diào)整鏡頭的運(yùn)動(dòng)速度和軌跡就方便太多了。

你可以在編輯器里看到攝像機(jī)的軌跡，還可以隨意臨時(shí)修改！在Matinee中完成了初步剪輯以后，我把全部動(dòng)畫(huà)導(dǎo)出成*.AVI文件，最終在Premiere里細(xì)致剪輯了一下，把它和背景音樂(lè)對(duì)齊。

結(jié)語(yǔ)

從3ds Max導(dǎo)出模型，再倒入虛幻引擎4，調(diào)整材質(zhì)和布光，輸出動(dòng)畫(huà)，一直到發(fā)布動(dòng)畫(huà)在Youtube上，全部的時(shí)間只花了我一天左右。這種速度是在建筑表現(xiàn)行業(yè)聞所未聞的，也揭示了在建筑表現(xiàn)業(yè)應(yīng)用虛幻4引擎的巨大潛力。

消滅了“渲圖”的時(shí)間，一下子就讓創(chuàng)作過(guò)程變得靈活起來(lái)。實(shí)時(shí)的反饋機(jī)制是革命性的。

我們一直在嘗試和思考在實(shí)際工作和生活中使用這個(gè)工作流程的可能性。

還有很多類似的軟件，我們非常樂(lè)意去嘗試。

希望我在本文中把創(chuàng)作思路和步驟講解得足夠清晰，希望讀者朋友們喜歡我的案例。