說明天氣及其對室內場景的影響
介紹
天氣是特定地點和時間的大氣狀態。天氣是周期性的短,它發生的地方通常只覆蓋相對較小的區域。在某些地方,天氣狀況可能會大不相同。例如,一個城市可能正在下雨,但其郊區可能有晴朗的晴天。
天氣類型受大氣本身的溫度、濕度、降水和其他條件的影響。這些元素的任何微小變化都可以在相對較短的時間內改變天氣。由於這些變化,早上的某個陰雨天氣可能會在下午晚些時候變成晴天,反之亦然。
由於大氣是戶外的代名詞,我們可以說天氣是一樣的。在描繪任何戶外場景時,幾乎總是需要包括天氣條件,但是,室內場景呢?如果你想告訴觀眾在外面下雨時某個角色在教室裡的行為怎麼辦?或者,如果您想在溫暖的客廳與冬季寒冷的雪天之間形成對比,該怎麼辦?即使是在室內場景中,我們也可能想要包括天氣條件的原因有很多。
考慮到這一點,在本教程中,我們將嘗試探索如何描繪天氣,以便可以使用它為您想要說明的任何室內場景添加某種情緒。我們將在 CLIP STUDIO PAINT 中使用默認畫筆以及來自 CLIP STUDIO ASSETS 的畫筆。讓我們開始!
準備
天氣條件有很多種,但在本教程中,我們將重點關註三種常見但非常不同的天氣類型:晴天、雨天和下雪天。我們可以在它們之間繪製一些其他天氣,例如陰天,這可能是晴天和雨天之間的過渡。
在開始繪製草圖之前,我們需要首先確定兩個重要要求,以便為任何室內場景描繪天氣。為了能夠描繪任何室內場景的天氣,我們需要:
1. 至少有一個與外界環境相通的開口,利用窗戶、門或其他元素,向觀看者提供天氣狀況本身的信息。這聽起來很明顯,但除非觀眾之前已經知道天氣狀況的線索(例如在動畫中,天氣可能通過音頻或之前的戶外場景來描繪),否則幾乎不可能在沒有任何線索的情況下講述它們對外部環境的開口。
2. 特定的顏色和照明條件,以便能夠傳達由天氣引起的預期情緒。
對於第一個要求,我們將使用一個窗口來打開外部環境。您可以使用其他元素,例如門,或者如果您願意,也可以使用開放式牆壁。隨意嘗試最適合您的插圖的方法。
對於顏色和照明條件,我們將使用彩色燈光和彩色陰影。這將在下面解釋。
也許你聽說過“暖光冷陰影”和“冷光暖陰影”這個詞。它通常被理解為看起來溫暖的光源會投射出看起來很酷的陰影,而看起來很酷的光源會投射出看起來溫暖的陰影。
您可以嘗試在晴天或雨天在戶外觀察這種現象。陽光明媚的日子裡的太陽會在地面上投下涼爽的陰影,因為太陽本身就是一種溫暖的光源。下雨的時候,太陽被雨雲擋住了,一般來說,來自它的光線是一種看起來很酷的光源。這將導致投射陰影相對於周圍的燈光顯得溫暖。
雖然這個概念不是絕對的,但我們可以在本教程中使用它,因為它是一種非常好的方法,可以從任何類型的天氣中傳達任何室內場景的情緒。
繪製室內場景
讓我們從創建一個新文檔開始。我們將使用 2000x2000 像素 72 dpi 的文檔。它被稱為方形格式,非常適合中性插圖。您還可以使用它在社交媒體上充分展示您的藝術作品,因為它不會被裁剪。
我們將從繪製房間內部開始。房間的概念很簡單:它是一個閱讀/放鬆的房間,裡面有很多書。房間內將有一個中型窗戶,用於描繪天氣,書架和櫥櫃,以及用於放鬆和閱讀的沙發。
您可以使用 3D 圖元/3D 對象來構建房間內部,也可以手動繪製。由於我在之前的教程中介紹瞭如何使用 3D 圖元構建複雜的對象,因此我們將使用舊的透視尺手動繪製它。這並不意味著我們不能使用 3D 基元來幫助我們,如下所示。
我們可以使用一個很好的技巧來創建透視標尺,而無需手動設置它。如果您在畫布上拖放 3D 圖元,您可能會注意到它會自動在新創建的 3D 圖層上創建一個新的透視標尺。
默認情況下禁用,但您可以使用 [設置標尺範圍] 在 [圖層屬性] 面板上啟用它。
如果您在 3D 圖層上移動相機,透視尺將自動匹配該圖層上的 3D 圖元。這是一個節省時間的方法,因為使用這個技巧設置透視標尺要簡單得多。
您可以使用任何 3D 圖元來執行此操作,但我建議使用立方體,因為您可以同時看到它的三個側面。
通過使用這個技巧,我們現在可以為插圖設置透視標尺。使用三分法,我們可以將透視尺的水平線定位在底部三分之一處。這樣做是為了讓我們可以專注於天氣發生的天空。
接下來,我們可以禁用網格(首先使用[操作]子工具上的[對象]單擊標尺圖標)並通過禁用可見性選項[子工具]隱藏立方體(使用相同的子工具單擊3D圖層縮略圖) detail] 調色板([Tool property] 調色板上的扳手圖標)。
之後,我們可以將 3D 圖層放在一個新的圖層文件夾(草圖圖層文件夾)中以便更好地組織,並將標尺設置為 [在所有圖層上顯示]。我們還可以鎖定 3D 圖層,這樣它就不會被意外更改。繪圖前不要忘記在[查看]菜單上啟用[對齊特殊標尺]。
首先,我們可以將窗戶勾畫為通往外部環境的開口。您可以使用任何您喜歡的畫筆來繪製草圖(我使用了 6 px 大小的 [粉筆] 畫筆)。
在這裡,我選擇了一個中等大小的窗口並將其放置在畫布的左上三分之一處。
接下來,我們將嘗試通過使用室內元素將觀看者的眼睛引導到窗戶開口。在這裡,我使用了一個櫃子,上面放著書,櫃子上方有一個木板架。如果您願意,可以嘗試使用其他室內元素。
之後,我們可以在畫布上畫出更多細節,如沙發和牆裙。
之後,我們將嘗試通過在畫布右側添加一個高書架來阻止觀看者的眼睛在畫布右側徘徊太遠。這樣做是為了給窗口打開更多的注意力,因為它將是我們插圖的主要焦點。
我在窗台上添加了一種裝飾植物,以使房間充滿活力,因為它感覺有點太光禿了。隨意添加更多您喜歡的室內元素,只要它不將主要焦點放在窗戶開口上。
最後,我們可以為外部環境添加一個戶外元素。我為此添加了一個基本樹,但如果您願意,您可以添加更多戶外元素。雖然看起來很簡單,但描述天氣非常有效,我們將在本教程的後續步驟中看到。
草圖現已完成。
創建藝術線條、平面著色和基本渲染
對於線稿,我們將使用矢量圖層和 6 px 大小的 [Milli pen]。
首先,讓我們在草圖文件夾上方創建一個新的圖層文件夾(lineart 文件夾),然後在其中創建一個新的矢量圖層。之後使用 [更改圖層顏色] 將草圖文件夾設置為淺藍色,並將其不透明度降低到 30%。
接下來,我們可以通過參考下方的草圖在矢量圖層上繪製線稿。使用 [Vector] 橡皮擦擦除不需要的線條。
你可能會注意到我沒有為植物畫線稿。這是因為我們將在下一步稍後使用特定的畫筆繪製它們。
這是關閉草圖和透視尺的最終線稿。
接下來,我們可以使用[Fill]工具類別上的[Refer other layers]子工具來進行平面著色。啟用 [Refer multiple] 選項並首先將其設置為“參考層”。
在填充顏色之前,我們可以將線稿設置為以後平面上色的參考層。這是我們首先繪製線稿的一個原因,定義平面著色過程的邊界非常有用。
之後,我們可以在 linet 文件夾下新建一個純色圖層文件夾。您可以在單個柵格圖層或多個柵格圖層上填充顏色。我使用了多個柵格圖層,以便在需要時調整顏色。
由於主要焦點是天氣發生的窗口,因此我們需要選擇不會引起太多關注的內部顏色,同時還要為主要焦點提供支持。在這裡,我為所有內部元素使用了相當中性的顏色(主要是棕色,除了牆壁和書籍,因為它們需要一些變化)。
完成平面著色後,我們現在可以開始對內部進行基本渲染。
首先,我們將為木製元素添加紋理。我們將在 CLIP STUDIO ASSETS 上使用這款令人驚嘆的木質紋理筆刷。
在木質填充顏色上方創建一個新的柵格圖層,並將其設置為“剪輯到下面的圖層”。沿著木質元素的方向繪製紋理,並將窗框的圖層不透明度設置為 65%,將書架和櫥櫃的圖層不透明度設置為 54%。為此,請使用不太大的畫筆大小。
添加木質紋理後,我們可以為書籍添加更多細節,因為它們看起來太普通了。
接下來,我們可以為線稿文件夾上方的陰影和照明創建一個新的圖層文件夾。將其設置為“通過”。
我們可以算出,主陰影將主要投射在與主光源(窗戶)相反的一側。通過使用 [Refer other layers] 填充子工具和 [Soft] 噴槍子工具,我們可以在陰影文件夾內的新柵格圖層上填充陰影。使用中性 70% 灰色作為陰影本身,並將圖層設置為“相乘”。
接下來,我們可以在新的柵格圖層上使用[前景到透明]漸變子工具在牆壁、書架和櫥櫃上垂直添加陰影漸變。這樣做是為了增加室內的真實感。
在添加漸變之前,先將圖層設置為“正片疊底”,不透明度設置為 70%。之後,在其上創建一個圖層蒙版並使用相同的[參考其他圖層]填充子工具屏蔽所有元素(上述除外)。您可以使用子工具將顏色設置為透明並擦除/填充元素。
之後,我們將在房間中添加環境光遮蔽 (AO) 效果。環境光遮蔽基本上是發生在環境光無法到達的表面上的柔和陰影。它通常用於現代 3D 渲染,以賦予它們更逼真的外觀。
要添加環境光遮蔽效果,我們可以先複製線稿圖層並對其進行柵格化。然後,我們可以使用 [Filter]→[Gaussian blur] 將柵格化圖層模糊化,並將值設置為“10”。
之後,我們可以將模糊線稿層的不透明度降低到 35%,將原始線稿層的不透明度降低到 15%。
為了使效果更強,我們可以通過使用 [Soft] 噴槍在模糊的線稿圖層上添加更多的環境光遮蔽效果。在這裡,我在環境光可能無法到達的區域上繪製了效果。之後,我將其不透明度設置為 60%。
至此,房間的基本渲染現已完成,我們可以繼續下一步繪製天氣。
描繪天氣:晴天
在開始繪製天氣之前,讓我們先建立圖層文件夾結構以便更好地組織。圖層文件夾的結構如下:
1. 裝飾植物文件夾(用於繪製裝飾植物,因為它的性質會因天氣而異。它也位於最上面,以免干擾線稿。)
2. Glow 文件夾(根據每種天氣繪製室內的照明效果。我們將使用準備步驟中描述的彩色燈光彩色陰影概念。)
3. 線稿(和環境光遮蔽效果)文件夾
4. Weather文件夾(繪製天氣本身。我們可以將所有與它相關的圖層,例如天空,雲層和外面的樹放在這個文件夾中。)
5. 基礎光影文件夾(根據天氣類型添加基礎光影。我們也將在這裡使用彩色燈光彩色陰影的概念。它也用於之前的渲染步驟。)
6.平面彩色文件夾
7.透視尺和草圖文件夾
將所有圖層文件夾模式設置為“通過”,除了植物、平面顏色和透視尺/草圖文件夾。此外,為天氣文件夾創建一個遮罩,並遮蓋除窗戶上的開口之外的所有內容。我使用相同的 [Refer other layers] 填充子工具,將顏色設置為透明來執行此操作。
在本教程中,此圖層文件夾結構將用於渲染所有類型的天氣。
正如本節標題所建議的那樣,我們將嘗試描繪室內陽光明媚的天氣。這是我在本教程的這一部分中使用的顏色。
首先,在天氣圖層文件夾中創建一個新的柵格圖層,並用天空顏色填充圖層。
之後,我們可以在下方添加一個白色漸變,在天空上方添加一個深藍色漸變。將它們添加到不同的柵格圖層上,然後將白色漸變圖層的不透明度設置為 60%。
接下來,我們可以使用白色的[Clouds]筆刷繪製遠處的雲彩。您也可以讓它沒有云,以在非常炎熱的晴天描繪無雲的天空。
之後,我們可以繪製外部環境中的樹。為此,我們可以在 CLIP STUDIO ASSETS 上使用這個很棒的樹枝畫筆。
要繪製樹,我們將首先製作它的基本結構。我們將不同層的樹枝和樹葉分開。當我們稍後繪製一種特定類型的天氣時,這種分離將很有用。
首先在天氣圖層文件夾內的柵格圖層中繪製主幹,然後繼續使用黑色添加樹枝和較小的樹枝。
畫完基本結構後,我們可以通過【濾鏡】→【修正】→【調整線寬】,讓它看起來更鋸齒更自然。將其設置為 [Narrow] 並將其值設置為“2.00”。
接下來,我們可以使用 [Leaves] 畫筆繪製葉子。我先關閉了[子工具細節]上[顏色抖動]選項上的[更改畫筆筆尖顏色]。之後,我使用之前描述的顏色(陰影、中間調和高光)來繪製它們。
首先從陰影開始創建基本輪廓。之後,在陽光照射的葉子上稀疏地添加中間調。
最後,在中間調上方繪製高光並將其圖層不透明度設置為 85%。
我們也可以用同樣的刷子給裝飾植物上色。在這裡,我沒有繪製高光,因為我們可以稍後使用發光層添加它們。
當我們描述其他天氣類型時,樹木和裝飾植物可以在以後重複使用。
畫完植物後,我們可以在窗戶的玻璃部分添加白色色調,這樣它就不會看起來沒有玻璃了。
接下來,我們可以為插圖繪製彩色燈光和彩色陰影。
對於陽光明媚的天氣,我們可以使用“暖光冷影”的概念,因為從窗戶射進來的陽光看起來很暖和。這意味著我們將需要使用看起來很酷的陰影來補充它。
讓我們先添加彩色陰影。在基礎燈光和陰影文件夾中創建一個新圖層,並將其設置為“正片疊底”。將其放置在基礎渲染陰影層之上。
我們將使用深藍色作為冷陰影。將圖層不透明度設置為 70%,並用顏色填充圖層。這將導致內部看起來更冷,因為陰影的藍色色調。
接下來,我們將主要在應該受到外部環境照明影響的部分上添加非常輕的內部照明。在基礎光影文件夾內的新光柵層上使用飽和的淺橙色繪製它,並將其設置為“發光減淡”。將柵格圖層的不透明度調整為 50~70%。我為此使用了一個圖層文件夾而不是單個柵格圖層,因為我想靈活地進行調整。
之後,我們可以在窗戶上添加發光燈以增加效果。在發光文件夾內的新光柵層上使用相同的顏色進行繪製,並將其設置為“添加(發光)”,不透明度為 10%。此外,使用相同的“添加(發光)”圖層設置,但不透明度為 15%,在裝飾植物上繪製發光燈。
你可以這樣留下來給人一種陰天晴天的印象,或者你可以畫出從窗戶射進來的燈光,給人一種晴天下午晚些時候的印象。
為此,請先關閉陰天發光層。之後,使用“硬度”設置為最大的 [Soft] 噴槍繪製更強的光線,並將其繪製在您想要陽光照射的區域。在設置為“添加(發光)”和不透明度為 45% 的新光柵層上繪製它。然後,將裝飾植物上發光層的不透明度增加到 40%。
接下來,我們可以添加更強的發光效果來補充更強的燈光。在強光圖層上方創建兩個新的柵格圖層。將第一層設置為“添加(發光)”,並將其不透明度設置為 10%。使用更飽和的淺橙色繪製窗戶上的發光燈。
將第二層設置為“發光減淡”,並將其不透明度設置為 45%。在窗框上畫燈。這將對其產生更強的發光效果,因為它應該更靠近光源。
這是本教程這一部分的最後一層排列。
陽光明媚的房間插圖現已完成。
描繪天氣:陰雨天氣
在本節中,我們將嘗試描繪室內的陰雨天氣。我們將從先描繪多雲天氣開始,然後過渡到陰雨天氣。最後,我們將嘗試通過從雨天過渡來描繪雷暴。這是我在本節中使用的顏色。
對於陰雨天氣,我們可以從為天空創建一個新的柵格圖層開始。將圖層放入天氣文件夾並用灰色填充。我建議為此選擇藍灰色。
之後,我們可以使用 [Cloud] 筆刷在天空圖層上方的新柵格圖層上繪製較重的深色雨雲。在這裡使用非常深的灰色來繪製它們。此外,重要的是仍然遵循此處的透視投影(您可以使用之前製作的透視尺),否則云看起來太平了。
接下來,我們可以在烏雲之上添加較輕的雲。使用非常淺的灰色繪製它們。
之後,我們可以重用上一節製作的樹。由於原始顏色與這裡的情緒不匹配,我們需要通過使用 [Hue-Saturation-Lightness] 校正圖層將其顏色調整為更冷的藍綠色配色方案。您也可以使用[編輯]→[轉換為繪圖顏色]直接更改顏色,並使用本節開頭所述的顏色。
我們還需要通過使用 [Hue-Saturation-Lightness] 色調校正(或者如果您願意,可以使用校正層)來調整這裡的裝飾植物顏色。
完成後,我們可以添加基礎照明和陰影顏色。我們可以使用在晴朗天氣步驟中創建的相同圖層,並通過直接更改其顏色或使用[編輯]→[色調校正]菜單上的[色相/飽和度/亮度]進行調整。
由於我們正在繪製雨天,我們可以使用“冷光暖陰影”的概念。我們將使用冷色燈,而不是使用暖色燈。而且,我們將使用暖色陰影,而不是使用冷色陰影。
為此,我們需要將基礎陰影的顏色更改為深棕色,並將其圖層不透明度調整為 85%。您可以重複使用晴天部分的陰影圖層並使用[編輯]→[轉換為繪圖顏色]更改其顏色。一旦完成,由於陰影的棕色色調,它將使內部看起來更溫暖。
對於室內照明,我們需要將其顏色更改為非常淺的藍色。使用開頭描述的顏色或為此使用 [色相-飽和度-亮度] 校正層。我還調整了圖層文件夾和其中圖層的不透明度以匹配陰影。
添加回窗口色調後,您可以在這裡完成陰天的印象。
為了添加下雨效果,我們將使用手動方法來創建下雨,因為它非常簡單。
為此,您可以在天氣文件夾上創建一個新的柵格圖層,並使用 [Spray] 噴槍塗上白色的雨滴。
之後,我們可以在【濾鏡】→【模糊】菜單中使用【動態模糊】。將 [強度] 設置為“9.00”,將 [角度] 設置為 -88°。我複制了生成的圖層以使雨看起來更不透明。
接下來,我們可以在樹上添加雨霧。為此,我們可以使用 [Soft] 噴槍並將其塗在被雨水擊中的區域。為此使用白色,然後將圖層不透明度調整為 ~45%。
為了增加效果,我們可以在窗玻璃上添加雨滴。我們可以在 CLIP STUDIO ASSETS 上使用這個非常好的畫筆來繪製它們。
用小號刷子把它們塗上,然後鋪在玻璃上。在玻璃底部添加更多雨滴,因為它可能是最暴露在雨中的部分。
添加它們之後,我們可以在窗口上添加霧效果,只需用 90% 的灰色填充一個新的柵格圖層,並將其圖層不透明度調整為 35%。將圖層放在雨滴圖層之上。
接下來,我們可以在窗戶和周圍房間內部添加發光的燈光效果。使用主發光顏色繪製它,並將圖層模式設置為“添加(發光)”,不透明度為 32%。我還掩蓋了窗戶開口部分的圖層,因為我們將使用不同的顏色添加另一種發光效果。
之後,我們可以通過添加更多發光的燈光效果來添加遠處閃電的印象。這一次,我使用更飽和的藍色而不是淺藍色作為發光燈。我還將圖層模式設置為“添加(發光)”,不透明度設置為 15%。您可以在這裡完成基本的陰雨天氣。
要將天氣轉換為雷暴,我們可以使用這個非常好的畫筆添加閃電擊中的描繪。
我們可以先繪製閃電的引線,然後使用白色沿著引線添加樹枝。試著讓它看起來自然發生在這裡。
之後,我們可以通過“8.00”值使用[Filter]→[Gaussian blur]複製閃電並將其模糊。將圖層移動到底部並將其設置為[Glow dodge]。
接下來,我們可以通過在其周圍添加等離子云來增強閃電效果。使用 [Soft] 噴槍並使用飽和淺藍色沿著閃電引線和模糊閃電層下方的新層上的分支進行繪製。將其設置為“添加(發光)”並將不透明度設置為 40%。
由於發光的光線看起來太弱,我們可以增加圖層的不透明度使其看起來更強。將主發光層不透明度設置為 50%,將附加發光層不透明度設置為 45%。
之後,我們可以將彩色陰影值增加到 85%,以使閃電效果更加集中。
這是本教程這一部分的最後一層排列。
寒冷的雨天房間插圖現已完成。
描繪天氣:下雪的天氣
在本教程的最後一部分,我們將嘗試描繪下雪的天氣。我們將嘗試先描繪一個寒冷的雪天房間,然後通過添加燈光效果來描繪一個溫暖的雪天房間。這是我在本教程的這一部分中使用的顏色。
對於下雪的天氣,首先我們可以為天空創建一個新的柵格圖層,並用淡藍色的淺灰色填充它。
由於下雪天的雲看起來很均勻,我們可以跳過在這裡畫雲,只依靠天空的顏色來獲得天氣效果。
接下來,我們還可以重複使用晴天部分的樹,但現在我們將隱藏樹葉層,只使用樹乾和樹枝。單獨的樹干會給人一種失去葉子的樹的印象,這通常發生在冬季。這就是我們之前將樹葉和樹幹分開繪製的主要原因。
之後,我們可以在樹枝上畫雪。我們可以使用使用白色的 [Crayon] 畫筆來做到這一點。它非常適合描繪樹枝上不均勻下落的雪。
為了增加效果,我們可以調整裝飾植物類型。在這裡,我使用來自 CLIP STUDIO ASSETS 的這款非常漂亮的刷子將裝飾植物變成了一棵小松樹。
使用飽和度非常低的藍綠色繪製小松樹。
之後,我們可以使用來自 CLIP STUDIO ASSETS 的神奇畫筆來繪製飄落的雪花。
稀疏地塗上雪,使它看起來像自然從天上掉下來的一樣。我使用白色的“簡單雪”刷子(シンプル雪)。
啟用我們在上一節中繪製的窗口色調後,我們可以使用相同的雪刷和 [Soft] 噴槍在玻璃上繪製霧。您可以調整雪刷,使粒子的間距更小。通過將顏色設置為透明來消除一些霧。
之後,我們可以在窗台外側塗上堆積的雪。
對於基礎照明和陰影顏色,我們可以使用與陰雨天氣完全相同的“冷光暖影”概念。
對於發光效果,我們可以使用紫藍色來補充陰影顏色。紫色將很好地補充雪的白色而不是淺藍色。
將圖層模式設置為“添加(發光)”,不透明度設置為 50%,並使用 [Soft] 噴槍繪製效果。我還遮住了窗戶開口,這樣發光效果只顯示在內部。
你可以在這裡完成它以獲得寒冷的雪天的印象。
為了把它變成一個溫暖的雪天,我們可以在室內畫額外的燈。我們可以先在內部添加黃色調。之後,我們可以在天花板上繪製燈光,以獲得室內照明的印象。
在主發光效果下方創建一個新的光柵層,並將其模式設置為“發光減淡”,不透明度設置為 30%。用主要的室內燈光黃色填充圖層。之後,在其下方創建另一個柵格圖層,並將其模式設置為“發光減淡”,不透明度設置為 90%。使用 [Soft] 噴槍在被燈光照射的內部部分上使用非常輕的觸感來繪製內部照明。確保在這裡不要過度,否則燈光看起來太飽和了。
這是本教程這一部分的最後一層排列。
這樣,雪天房間的插圖就完成了。
後記
我希望本教程很有用,您可以從中學到新的東西,以便在您的下一個插圖項目中使用。感謝您的閱讀!
留言