Fei Giap?將 SketchUp 3D 建模工具與 Photoshop 著色技術(shù)相結(jié)合，創(chuàng)造出動(dòng)漫風(fēng)格的背景插圖。

位于市中心的一家舒適的小咖啡館，周圍環(huán)繞著植物和樹(shù)木——就像吉卜力工作室或新海誠(chéng)電影中的場(chǎng)景。這是我計(jì)劃環(huán)境研討會(huì)時(shí)的最初想法。在這里，我將分享我如何使用 SketchUp 的 3D 建模工具來(lái)幫助我創(chuàng)建一個(gè)有趣的背景插圖。我總是喜歡看到不同高度的建筑物，人們必須使用樓梯才能到達(dá)不同的高度。這使得城市看起來(lái)與我們的日常環(huán)境略有不同，這有助于讓它感覺(jué)更有趣。

在收集了一些相關(guān)的照片參考后，我將首先在 Photoshop 中勾勒出構(gòu)圖，直到我對(duì)場(chǎng)景的設(shè)計(jì)感到滿意為止。然后我將繼續(xù)在 SketchUp 中建模。當(dāng)我想繪制稍微復(fù)雜的建筑物時(shí)，該程序會(huì)派上用場(chǎng)。它使我能夠探索不同的攝像機(jī)角度并準(zhǔn)確地投射陰影。我認(rèn)為與其他 3D 建模軟件相比，它更易于使用。我在 SketchUp 中構(gòu)建主要建筑結(jié)構(gòu)，然后將其輸出為干凈的線條藝術(shù)圖像。

我的著色技術(shù)受到日本 2D 動(dòng)畫電影背景的影響，例如在吉卜力工作室、新海誠(chéng)和細(xì)田守電影中看到的那些。我喜歡研究他們?nèi)绾问褂妙伾?、捕捉光線和某種情緒。在本次工作坊中，我將分享一些我自己的著色技巧和技巧。

構(gòu)圖素描

在開(kāi)始素描之前，我會(huì)收集建筑物和街道的照片參考，以確保我了解設(shè)計(jì)。我在 Photoshop 中使用我的素描筆來(lái)繪制我的構(gòu)圖草圖。我通常將紙張尺寸保持較小以避免繪制太多細(xì)節(jié)。草圖幫助我完成構(gòu)圖，并規(guī)劃我的光影。

在 SketchUp 中建模

我沒(méi)有在 Photoshop 中繪制輪廓，而是使用 SketchUp 根據(jù)我的構(gòu)圖草圖構(gòu)建基本結(jié)構(gòu)。使用 3D 建?？梢詭椭姨^(guò)透視構(gòu)建過(guò)程。我在這里構(gòu)建的模型是基本的，但足夠清晰，可以暗示建筑物的基本形式。紋理和植物等細(xì)節(jié)將在稍后的著色階段添加。

在 SketchUp 中投射陰影

SketchUp 中另一個(gè)有用的工具是陰影設(shè)置。它使我能夠根據(jù)特定的時(shí)區(qū)和一天中的時(shí)間設(shè)置不同的光源角度。為了創(chuàng)建更大區(qū)域的投射陰影，我在相機(jī)外建立了一個(gè)高結(jié)構(gòu)并用它來(lái)投射我的陰影。在此之后，我將模型導(dǎo)出為兩個(gè)不同的 JPEG：一個(gè)有陰影，另一個(gè)沒(méi)有。

色彩規(guī)劃

我在 Photoshop 中打開(kāi)建模 JPEG 并開(kāi)始我的色彩規(guī)劃。在這里，我將使用不透明的涂漆方法，并且我將再次以小尺寸工作以避免過(guò)度細(xì)節(jié)。這個(gè)階段主要是捕捉背景的關(guān)鍵顏色。我將在明亮區(qū)域使用暖色，在陰影區(qū)域使用冷色。如果我要?jiǎng)?chuàng)建有效的景深，色調(diào)值很重要。

生成表面紋理

我通常在焦點(diǎn)上開(kāi)始著色。我創(chuàng)建了可以在目標(biāo)表面上復(fù)制和遮罩的普通表面紋理，例如木材或鋅。保留原始的普通副本，以便將來(lái)使用。對(duì)于陰影區(qū)域，我只需選擇該區(qū)域并使用圖像>調(diào)整>色相/飽和度>亮度來(lái)使色調(diào)變暗。然后我用刷子修飾它們，使它們看起來(lái)更自然。

畫懸垂的樹(shù)葉

我想描繪被各種植物包圍的咖啡館，我的自定義葉子畫筆工具在這一步非常方便。我開(kāi)始繪制樹(shù)葉的輪廓，然后在第二層上添加稍暗的色調(diào)，然后用較淺的色調(diào)。一旦我達(dá)到了基本形狀，我混合了一些部分以使其看起來(lái)不那么僵硬，然后在葉子之間畫一些投射陰影，使它們看起來(lái)更自然。

用物品填充咖啡館的貨架

咖啡館的內(nèi)部需要包含許多不同的物品，所以我創(chuàng)建了一些庫(kù)存物品，例如杯子、飲料和容器。然后我編輯他們的一些顏色以增加多樣性。我將這些物品放在不同的柜子上，并在咖啡館后面使物體變暗以創(chuàng)造深度。

詳細(xì)說(shuō)明焦點(diǎn)區(qū)域

我繼續(xù)為焦點(diǎn)區(qū)域著色，因?yàn)?3D 輪廓只是基本形式 (A)。在這個(gè)階段，我參考了一些咖啡館內(nèi)部的照片參考，以便我知道要添加哪些對(duì)象（B）。我還需要注意建筑物的深度。光影在這里起著重要的作用，我想避免入口和出口看起來(lái)一樣（C）。一旦我對(duì)我在這里的進(jìn)步感到滿意，我就可以繼續(xù)其余的背景。

改變樹(shù)葉

咖啡館前的植物是這幅畫中最重要的元素之一。我希望他們讓建筑在視覺(jué)上變得有趣并抓住觀眾的注意力，所以他們的設(shè)計(jì)需要更加多樣化。我為每種植物使用不同的刷子來(lái)改變它們的葉子形狀，并稍微調(diào)整它們的顏色和色調(diào)以突出它們的差異。

填滿自動(dòng)售貨機(jī)并將它們?nèi)谌胫車h(huán)境

這個(gè)場(chǎng)景中最具挑戰(zhàn)性的部分之一是給自動(dòng)售貨機(jī)上漆。我首先設(shè)計(jì)了各種罐頭和瓶子設(shè)計(jì)，然后用不同的顏色來(lái)展示各種飲料口味。然后我把它們放在自動(dòng)售貨機(jī)里。為了創(chuàng)造深度，我減輕了飲料的色調(diào)，并在櫥柜內(nèi)添加了燈光效果。兩臺(tái)自動(dòng)售貨機(jī)上的投影有助于將它們與背景融為一體。

引入公寓樓以喚起懷舊之情

在馬來(lái)西亞，有一些老舊的三四層公寓，我很懷念，所以我想把一個(gè)放在背景中。我使用基色來(lái)定義 3D 結(jié)構(gòu) (A)。由于建筑物與觀察者的距離稍遠(yuǎn)，因此色調(diào)值的對(duì)比度可能較小 (B)。然后我在窗戶和陽(yáng)臺(tái)上添加投射陰影和更多細(xì)節(jié)，以捕捉我所追求的懷舊感 (C)。

在構(gòu)圖中畫遠(yuǎn)處的建筑物

在繪制背景建筑物時(shí)，我會(huì)將它們與天空的顏色混合，并使用較少對(duì)比度的色調(diào)值，而不會(huì)影響其設(shè)計(jì)的清晰度。在這里，與公寓和咖啡館相比，我保持他們的設(shè)計(jì)簡(jiǎn)單，這樣觀眾的注意力就會(huì)留在焦點(diǎn)區(qū)域。在背景建筑物上應(yīng)用一點(diǎn)高斯模糊（濾鏡>模糊>高斯模糊）將創(chuàng)建景深。

在建筑物和物體之間產(chǎn)生霧氣

整個(gè)著色過(guò)程幾乎完成。我根據(jù)圖層的深度距離對(duì)圖層進(jìn)行分組，這有助于我使用圖像>調(diào)整>色階快速調(diào)整它們的色調(diào)。為了增強(qiáng)建筑物和物體之間的深度，我在組之間創(chuàng)建了一個(gè) Screen 層，并使用軟刷來(lái)繪制霧效果。這是一種用于創(chuàng)建動(dòng)漫風(fēng)格背景的常用繪畫技術(shù)。

添加角色和最后潤(rùn)色

背景完成后，我會(huì)進(jìn)行一些一般的顏色和色調(diào)調(diào)整。為了讓風(fēng)景看起來(lái)更生動(dòng)，我得到了跑蝸牛工作室的角色藝術(shù)家賈怡的幫助，他在我的作品中畫了一些角色。我對(duì)最終的結(jié)果很滿意，嘉怡的漫畫風(fēng)格讓這幅作品看起來(lái)像日本動(dòng)畫的截圖。我希望你喜歡這個(gè)研討會(huì)！