Aylinn Nguyen 創(chuàng)作風(fēng)格化《特拉德洛塔的水果和蔬菜市場(chǎng)》場(chǎng)景環(huán)境
你好!我叫Aylinn Nguyen,來(lái)自加拿大溫哥華。在我們開(kāi)始之前,這里有一個(gè)關(guān)于我自己的小介紹,以及我是如何走到今天的!

在高中時(shí),我報(bào)名參加了一個(gè)動(dòng)畫(huà)班,當(dāng)時(shí)沒(méi)有意識(shí)到這是3D動(dòng)畫(huà)而不是2D。然而,我很快發(fā)現(xiàn),我非常喜歡三維藝術(shù)所涉及的藝術(shù)和技術(shù)方面的融合。

畢業(yè)后,我決定追求3D,并申請(qǐng)了Think Tank,在那里我被錄取并學(xué)到了很多。我發(fā)現(xiàn)我特別喜歡游戲的環(huán)境藝術(shù),而現(xiàn)在我在這里了。

目標(biāo)
我發(fā)現(xiàn)了Kiara Leneuf的Tladlokta城的概念,并愛(ài)上了它!但是,這個(gè)概念的范圍太小了!然而,這個(gè)概念的范圍對(duì)我來(lái)說(shuō)太大。相反,我決定只做城市概念中的水果市場(chǎng)。我采用了概念藝術(shù) 并給它添加了一個(gè)背景。
我希望觀眾的注意力集中在建筑上,因?yàn)樗忻利惖男螤詈图?xì)節(jié),我非常喜歡。我不想有一個(gè)脫離結(jié)構(gòu)的背景,所以我用云和山來(lái)框住并引導(dǎo)人們的目光投向建筑。

在這個(gè)項(xiàng)目中,我想追求的是一種更加風(fēng)格化、繪畫(huà)化、吉卜力工作室式的外觀。為了理解這種外觀,我研究了幾個(gè)項(xiàng)目:
威廉-塔特的《玫瑰旅館》、賈斯敏-哈貝扎伊-費(fèi)克里的《陽(yáng)光市場(chǎng)入口》和米克-瓊特的《巫師塔》。
ArtStation上也有很多風(fēng)格化的紋理,我也有參考。我覺(jué)得我的關(guān)鍵是注意到不同參考資料中我喜歡的東西,然后將這些元素應(yīng)用到我自己的作品中。
在我開(kāi)始之前,我發(fā)現(xiàn)在一定程度上計(jì)劃好我要做的事情是非常有用的。特別是工具包和識(shí)別不同的材料。

我從概念中剪下一些片斷,并把它們放在一邊,以便對(duì)我可以制作的套件有一個(gè)直觀的認(rèn)識(shí)。有了一個(gè)心理計(jì)劃,項(xiàng)目就不那么令人生畏了,也就更容易深入進(jìn)去了
這是收集了所有我需要的東西后,我的PureRef的視圖:

搭建和模型
我一開(kāi)始就把我的建筑的主要形狀擋住了。我一直在看參考資料,并努力使比例正確,感覺(jué)良好。
我的過(guò)程中的一個(gè)關(guān)鍵部分是不斷參考場(chǎng)景中的人類(lèi)網(wǎng)格,以確保我的建筑的所有部分的比例是合理的。同樣重要的是,在你開(kāi)始的時(shí)候,不要過(guò)于糾結(jié)于不必要的細(xì)節(jié);從基本的形狀開(kāi)始,然后從那里建立起來(lái)。
一旦你接近基礎(chǔ)搭建的終點(diǎn),潛入你的場(chǎng)景中某些你不確定如何處理的東西也無(wú)妨。例如,在我的項(xiàng)目中的金屬板,我做了一個(gè)快速的波紋模型,只是為了了解我將來(lái)如何正確地處理它,并看看真正要做的是什么樣子。





另一個(gè)建議是在你的圖塊上涂上簡(jiǎn)單的顏色,以了解你要做的不同材料,這樣你就可以開(kāi)始做相應(yīng)的計(jì)劃了

在完成基礎(chǔ)后,我覺(jué)得很舒服,可以開(kāi)始做詳細(xì)的模型,并用我最終確定的網(wǎng)格來(lái)填充場(chǎng)景。在大多數(shù)情況下,在場(chǎng)景上的工作是相當(dāng)簡(jiǎn)單的。我的場(chǎng)景中的許多東西的過(guò)程是用更多的細(xì)節(jié)對(duì)場(chǎng)景中的部分進(jìn)行建模,然后用所述的網(wǎng)格取代基礎(chǔ)。風(fēng)格化工作的一個(gè)重要提示是倒角。
與尖銳的邊緣相比,大塊的邊緣顯得更柔和,更有風(fēng)格。不要在較小的細(xì)節(jié)上迷失了方向;較大的形狀也是非常重要的!我還會(huì)在文章中更詳細(xì)地介紹我的道具、水果和蔬菜以及木制套件的制作過(guò)程!
材料、可鋪設(shè)的紋理、風(fēng)格化
我覺(jué)得我的環(huán)境中的紋理是真正讓我的場(chǎng)景變得生動(dòng)的東西。當(dāng)涉及到創(chuàng)建一個(gè)風(fēng)格化的外觀時(shí),材料與你的照明、調(diào)色板和紋理的互動(dòng)方式應(yīng)該是一個(gè)很大的焦點(diǎn)。在本節(jié)中,我將介紹我用來(lái)創(chuàng)建場(chǎng)景中的紋理的技術(shù)和方法。
在我制作紋理的過(guò)程中,最大的幫助是看了其他人的風(fēng)格化場(chǎng)景。注意顏色范圍、顏色變化和形狀。研究其他的紋理也很好,可以看到你喜歡的東西,并把它們落實(shí)到你的紋理中。
在我深入研究我的紋理制作過(guò)程之前,我想先介紹一下材料層。我按照這個(gè)教程進(jìn)行了材質(zhì)設(shè)置:https://youtu.be/UZghyZLzRyM。RGBA遮罩對(duì)于讓墻壁看起來(lái)完全符合我的要求是最有用的。在這樣大的物體上完全控制污垢和灰塵的位置是非常強(qiáng)大的。我覺(jué)得如果沒(méi)有材質(zhì)分層,我就不可能達(dá)到這樣的效果。
正如你在下面的視頻中看到的,我展示了我的RGBA遮罩。我在Substance Painter中創(chuàng)建了這個(gè)遮罩。我的過(guò)程是烘烤墻壁,并在Painter中創(chuàng)建面具的不同層。在我的材質(zhì)中,我給自己用頂點(diǎn)繪畫(huà)的方式給墻體著色的能力。通過(guò)材料層和頂點(diǎn)繪畫(huà)的結(jié)合,我能夠?qū)ξ业膲w有很大的控制。

我還在我的場(chǎng)景中的大型物體上使用了材質(zhì)層方法,比如我的船。


我將通過(guò)我是如何制作磚頭紋理來(lái)展示我的一般過(guò)程。
從高度貼圖開(kāi)始,我確保添加大量的高度變化和輕微的尺寸變化。這使得紋理更有活力,與完美尺寸和放置的磚塊相比,看起來(lái)更有趣。
你的環(huán)境背后有一個(gè)完整的故事! 重要的是要確保你的場(chǎng)景不會(huì)讓人覺(jué)得是在機(jī)器中建造的,相反,要讓人覺(jué)得它是生活在其中的。我還把磚塊做了一些斜面,因?yàn)樗o人一種更有風(fēng)格的、更柔和的感覺(jué)。在磚塊上添加了一些碎裂的邊緣,使磚塊的形狀更加有趣,還有一些凹痕和小斑點(diǎn)。另外,注意到損壞最普遍的是那些最突出的磚塊。



這是一個(gè)環(huán)境遮蔽的視圖,可以更好地看到磚塊的樣子!

現(xiàn)在是反照率的問(wèn)題。我開(kāi)始用一個(gè)梯度圖,把我的高度圖插入其中,然后選擇磚塊的整體顏色。同時(shí)為不同的磚塊添加顏色的變化。我覺(jué)得顏色的變化給材料增加了更多的興趣,也是很多風(fēng)格化紋理的關(guān)鍵部分。


我還添加了碎裂和灌漿。我想指出的主要內(nèi)容是我在紋理中加入的額外的顏色變化。它增加了一個(gè)較小層次的細(xì)節(jié),使它看起來(lái)非常有趣和有繪畫(huà)性。



添加的弧度突出了邊緣,給磚塊帶來(lái)了很多形狀。我還把磚塊上的規(guī)格做成與曲率相同的顏色。我覺(jué)得這為磚塊增加了一個(gè)更小的細(xì)節(jié),更多的興趣和變化。我用苔蘚質(zhì)地來(lái)完成它,因?yàn)槲业膱?chǎng)景的氣候是潮濕的,我想象磚塊之間會(huì)有污垢堆積。



這里是我建立粗糙度的一個(gè)流程。我從一個(gè)噪波圖開(kāi)始,然后從我的圖上疊加不同的蒙版。

水果和蔬菜
從水果和蔬菜開(kāi)始,我做了一個(gè)籃子的代理,以及一個(gè)人的網(wǎng)格,這樣我可以得到正確的比例。


當(dāng)我在創(chuàng)建我的水果時(shí),我牢牢記住了我可以做什么來(lái)優(yōu)化它。在這個(gè)例子中,我重用了我的蘋(píng)果網(wǎng),并創(chuàng)建了不同的葉子來(lái)創(chuàng)建番茄和柿子。

我把我的塊狀圖帶入zBrush并進(jìn)行雕刻。我使用的主要畫(huà)筆來(lái)自Michael Vicente的標(biāo)志性球體畫(huà)筆包。
我使用了粘土堆積和移動(dòng)筆刷來(lái)創(chuàng)建形狀,用球狀極度拋光來(lái)平滑網(wǎng)格,用球狀裂紋來(lái)創(chuàng)建某些蔬菜的切口。

接下來(lái),我對(duì)雕塑進(jìn)行了刪減,并將其帶回Maya為我的低多邊形進(jìn)行重新拓?fù)?。我把低聚物和高聚物帶入Substance Painter進(jìn)行烘烤和紋理處理。至于紋理,請(qǐng)注意我在很多水果上添加的梯度(例如參考胡蘿卜),顏色的變化,以及我選擇的顏色中的振動(dòng)。

木材套件
我制作木質(zhì)套裝的過(guò)程與我制作水果和蔬菜資產(chǎn)的工作流程相似。有幾件事我想強(qiáng)調(diào)一下。
首先,我參考了Damian Kijowski關(guān)于如何雕刻木紋的有用的分類(lèi)(可在
https://www.artstation.com/artwork/nQmRPK)。雖然我的過(guò)程非常相似,但我決定突出木紋上的凹槽,以增加更明顯和突出的紋理。


隨著木材的放置,在可信度和美學(xué)之間取得平衡是很重要的。真正的木制建筑往往有輕微的缺陷和不規(guī)則,增加了特色和一些故事。我在放置木頭時(shí),重點(diǎn)是避免對(duì)稱(chēng)和完美。改變了厚度、長(zhǎng)度和旋轉(zhuǎn)。


道具
創(chuàng)造一個(gè)沉浸式環(huán)境的一個(gè)關(guān)鍵部分是使用道具和其他小細(xì)節(jié)。它們有助于填補(bǔ)空白,并增加大量的視覺(jué)趣味。它們也可以在講故事和構(gòu)建世界方面發(fā)揮重要作用。我特別注意了整個(gè)場(chǎng)景中道具的擺放和種類(lèi)。試著想象這個(gè)環(huán)境是由真實(shí)的人居住的,并把我的道具作為傳達(dá)世界和居民信息的一種方式。
例如,在這個(gè)側(cè)面區(qū)域,我在桶的頂部放置了一個(gè)帶罐子的凳子。對(duì)我來(lái)說(shuō),它被解讀為一個(gè)小的休息區(qū),這個(gè)場(chǎng)景中的居民在這里坐下來(lái)休息,同時(shí)敲擊一些罐子。地上放了一些防水布,還有一些繩子。我還在水果攤附近放置了額外的空籃子,表示他們有多余的籃子,可能是補(bǔ)貨的。我試圖暗示的另一個(gè)小故事是木桿上的草帽。我的意圖是讓觀眾認(rèn)為有人在下船后把它留在那里。甚至門(mén)前的人字拖也告訴觀眾,有一些人住在這個(gè)場(chǎng)景中,并且在這個(gè)建筑中。


在甲板上的一個(gè)洞上留下一個(gè)圓錐體,警告顧客要小心走路的地方! 地上有從攤位上掉下來(lái)的土豆。這些道具不需要太多制作,卻將場(chǎng)景提升到一個(gè)完全不同的層次。


植物
我覺(jué)得樹(shù)葉可以給環(huán)境帶來(lái)很多東西;給建筑帶來(lái)更多的生命力,給場(chǎng)景帶來(lái)微妙的運(yùn)動(dòng),確實(shí)增強(qiáng)了我的很多鏡頭。在我的場(chǎng)景中可以看到的葉子有常春藤、百合和草。

首先,我將介紹一下常春藤。制作常春藤的方法是將各種葉子群制作成紋理,相互堆疊,形成適當(dāng)?shù)娜S常春藤束。紋理本身被稱(chēng)為地圖集。在我開(kāi)始之前,我創(chuàng)建了一個(gè)不同集群的草圖以獲得一個(gè)想法。

在Substance Designer中開(kāi)始一個(gè)新的紋理可能有點(diǎn)挑戰(zhàn)性。開(kāi)始的時(shí)候是有點(diǎn)掙扎的,思考如何去做。我解決了如何使我的葉子以我想要的方式與不同的集群格式化,并想與你分享我是如何做到的!關(guān)鍵是使用SVG節(jié)點(diǎn)!
關(guān)鍵是使用SVG節(jié)點(diǎn)來(lái)畫(huà)出我想要的葉子形狀的遮罩。能夠使用SVG節(jié)點(diǎn),畫(huà)出以及完全控制葉子形成的位置是非常好的。我把SVG遮罩插入一些模糊和層次中,以創(chuàng)建不同層次的葉子群。我還創(chuàng)建了兩個(gè)葉子的形狀;一個(gè)是簡(jiǎn)單的圓形,另一個(gè)是我用定向翹曲創(chuàng)建的心臟形狀。我使用了一個(gè)Tile Sample節(jié)點(diǎn)來(lái)插入蒙版并分散我的葉子。

在加入顏色并將葉子分層后,我最終得到了這個(gè)結(jié)果

至于建模,我想復(fù)制概念中的常春藤的位置,因?yàn)槲曳浅O矚g藝術(shù)家畫(huà)的形狀。首先,我把紋理涂在一個(gè)平面上,然后把它剪下來(lái)。在剪完葉子后,我還在平面上添加了一些形狀,以便在我開(kāi)始把它們放到我的場(chǎng)景中之前使我的外觀更有活力。

用我做的小常春藤套件,我把我的常春藤放入場(chǎng)景中。最后,植被在Maya中看起來(lái)是這樣的!我還用這種方法在常春藤上烘烤了我的頂點(diǎn)法線。

接下來(lái)是百合花! 我決定將這些植物創(chuàng)建為適當(dāng)?shù)木W(wǎng)格,而不是使用單面平面,因?yàn)槲蚁M@些植物的葉子有一定的厚度。
我開(kāi)始在Maya中做了一個(gè)遮擋。我決定制作4個(gè)不同的網(wǎng)格來(lái)散布在我的場(chǎng)景中,因?yàn)槲矣X(jué)得4個(gè)網(wǎng)格會(huì)給我?guī)?lái)足夠的多樣性,當(dāng)我把它們放到場(chǎng)景中時(shí)。

接下來(lái),我把這些網(wǎng)格帶入zBrush。我雕刻了葉脈,撫平了網(wǎng)格,并完善了葉子的形狀。

然后,我把網(wǎng)格去掉,并把它導(dǎo)入到Maya中進(jìn)行再拓?fù)洹?/p>
我花了很多時(shí)間來(lái)放置我的百合花,并確保其形狀是非常動(dòng)態(tài)和有趣的!


對(duì)于草,我用一個(gè)平面創(chuàng)建了草的葉片,這個(gè)平面被切割了好幾次,如下圖所示:

確保UV的方向是草的底部朝下的地方。當(dāng)將SimpleGrassWind應(yīng)用于您的著色器時(shí),這對(duì)于虛幻中的遮蔽是很重要的。

說(shuō)到著色器,我已經(jīng)設(shè)置了一個(gè)基本的著色器,它使用紋理坐標(biāo)上的梯度作為WindWeight的遮罩。

對(duì)于常春藤和百合花,我使用了SimpleGrassWind(插入世界位置偏移)來(lái)實(shí)現(xiàn)風(fēng)的運(yùn)動(dòng),并能夠在我想要的地方頂點(diǎn)繪制WindWeight。

以及結(jié)合FuzzyShading的次表層散射。

世界建筑與細(xì)節(jié)
我的環(huán)境中的建筑無(wú)疑是我的場(chǎng)景的焦點(diǎn),它的設(shè)計(jì)和顏色吸引了人們的目光。然而,與建筑本身一樣重要的是,周?chē)木坝^在場(chǎng)景中也有很大的作用,因?yàn)樗鼮槲业膱?chǎng)景提供了背景,并為我提供了建立構(gòu)圖的機(jī)會(huì)。我將我的云朵放置在一個(gè)可以將人們的目光引向我的建筑的地方,創(chuàng)造出一種焦點(diǎn)和方向感。
場(chǎng)景中的部分動(dòng)畫(huà)增加了活力和視覺(jué)趣味,為一個(gè)靜態(tài)的世界注入了活力。在我的環(huán)境中,我加入了動(dòng)畫(huà)元素,如搖曳的樹(shù)葉、搖曳的小船、搖曳的油布和揮舞的衣服,增加了一層深度,創(chuàng)造了一個(gè)更有沉浸感的體驗(yàn)。添加動(dòng)畫(huà),無(wú)論是微妙的還是明顯的,都可以使場(chǎng)景感覺(jué)更真實(shí),更有吸引力。我已經(jīng)介紹了如何使我的植被移動(dòng),所以我將簡(jiǎn)要介紹一下我的場(chǎng)景中的其他動(dòng)畫(huà)元素。
對(duì)于懸掛的衣服,我使用了虛幻引擎的布料模擬。使用虛幻的風(fēng)來(lái)控制我的衣服如何移動(dòng)是非??斓?,而且當(dāng)涉及到衣服如何搖擺時(shí)有一個(gè)非常好的效果。這個(gè)視頻介紹了這個(gè)過(guò)程。

至于防水布,我創(chuàng)建了一個(gè)新的材料層,放在我的防水布上面,以產(chǎn)生微妙的運(yùn)動(dòng)。

對(duì)于水,我使用了虛幻的水插件。我對(duì)虛幻的著色器所做的唯一改動(dòng)是掩蓋了我的船內(nèi)的水和水接觸。
水的遮罩利用了一個(gè)使用距離場(chǎng)作為遮罩的著色器。

為了正確地遮蔽出船的內(nèi)部,我建立了一個(gè)填充船內(nèi)部的網(wǎng)格。有了遮罩網(wǎng)格,進(jìn)入你的船的細(xì)節(jié),找到 "距離場(chǎng)替換網(wǎng)格 "并應(yīng)用你的遮罩網(wǎng)格?,F(xiàn)在,發(fā)動(dòng)機(jī)正在使用遮蔽網(wǎng)格來(lái)遮蔽水。

水的接觸也使用了船的距離場(chǎng)。

至于山,我雕刻了一個(gè)兩面的大山網(wǎng)格,這樣我就可以把它分散在背景中,而不至于讓人看出是同一個(gè)網(wǎng)格。

我應(yīng)用了一個(gè)世界投影的紋理,在上面投射出草,讓山體上有一絲植被。這給了我很大的自由來(lái)旋轉(zhuǎn)我的山,而不用擔(dān)心草會(huì)出現(xiàn)在它不應(yīng)該出現(xiàn)的地方。
貼花是我的場(chǎng)景中許多部分的重要裝飾。他們中的很多人被用來(lái)為我的建筑的某些部分添加特征和一些顏色。裂縫和裂痕貼紙對(duì)于為我的石膏墻增加損傷和興趣特別有用。

照明和渲染
照明、渲染和場(chǎng)景的展示是真正能夠提升一個(gè)場(chǎng)景的東西。這些東西真正展示和突出了你所有的努力工作,在項(xiàng)目的這個(gè)過(guò)程中,你花一些時(shí)間和精力是很重要的。我的照明沒(méi)有什么特別之處,然而,我可以分享一些我一路走來(lái)的技巧和資源。
我的場(chǎng)景是動(dòng)態(tài)照明,以及使用距離場(chǎng)陰影。這個(gè)來(lái)自虛幻引擎的視頻,展示了《堡壘之夜》的實(shí)時(shí)照明技術(shù),對(duì)我來(lái)說(shuō)是一個(gè)非常有用的資源。我還發(fā)現(xiàn)我的一些陰影過(guò)早地被剔除了,我通過(guò)運(yùn)行r.shadow.radiusthreshold命令解決了這個(gè)問(wèn)題。


使用照明通道來(lái)控制我的照明的某些方面,同時(shí)也偽造了一些照明。我還放置了彩色的燈光來(lái)偽造透過(guò)防水布的光線。

最后,我沒(méi)有使用Unreals Sequencer,而是使用Movie Render Queue插件來(lái)渲染我的鏡頭。這個(gè)視頻系列由?
William Faucher的系列視頻是一個(gè)很好的開(kāi)始時(shí)參考的地方。
結(jié)尾
這個(gè)項(xiàng)目對(duì)我來(lái)說(shuō)是一個(gè)重要的學(xué)習(xí)過(guò)程。它讓我接觸到各種挑戰(zhàn),并幫助我熟悉了創(chuàng)建環(huán)境的過(guò)程。如果沒(méi)有周?chē)说闹С郑貏e是我的導(dǎo)師Jason Cheng,我不可能做到這一點(diǎn)。


