逐步城市景觀照明技術(漫畫!)
你好!這是我用於網路漫畫工作的照明提示和技巧指南!嘗試描繪數十個全彩場景可能會令人畏懼,而這正是這些照明技術派上用場的地方!在本指南中,我將使用自製 3D 模型的螢幕截圖,並在頂部使用混合模式圖層進行繪畫。這些技術最適合快速渲染 3D 模型,但也可以輕鬆應用於插圖!
那些對 Clip Studio 以及如何使用其基本工具有一定了解的人將從本指南中受益最多,但我將逐步為初學者分解所有內容,因此希望它會很容易遵循。如果您有任何疑問或希望我更詳細地了解我的流程,請隨時詢問,我將很樂意為您提供協助!
下面,我將分享我在本指南的其餘部分中使用的確切圖像,以便您可以繼續操作。透過使用您將在這一切結束時學到的簡單技巧來照亮您的背景,您也可以在創紀錄的時間內創造出閃閃發光的城市景觀!
請隨時儲存以下螢幕截圖並繼續操作。
那肯定是 3D 模型…
那我們如何從中得到——
——到這個?
讓我們開始吧!
我的快速簡單的設置任意照明的基本技術
第一的!!
對於這個夜間場景,我們希望從影像頂部的深藍色多層開始。簡單又快捷,現在是晚上了。您可以根據自己的喜好隨意調整色調和飽和度,打造您最喜歡的夜間調色板。您還可以使用漸層來使場景真正流行!
為了簡單起見,並且為了更多地關注技術而不是教授如何使用光和陰影,我將在這裡使用通用的任意照明。我想像光源隱約位於作品右側的某個地方,照亮了作為觀眾的巴士面向我們的一側。歡迎您應用更多關於照明如何運作的技術細節,但這只是快速簡單的方法。
在 3D 背景圖層上,我開始選擇巴士的一側(最終選擇面向同一方向的建築物和結構的所有面)。
在這裡,我使用套索工具勾勒出形狀,但您也可以使用魔棒工具並調整顏色邊距,或手動將形狀阻止在單獨的圖層上。套索工具是最快、最混亂的方法。當我們添加所有渲染效果後,你會驚訝地發現顏色是多麼混亂,但看起來仍然相當不錯!
上圖中的選擇可能不是很清楚,所以請隨意參考下圖:
選擇上面紅色輪廓中突出顯示的部分後,我使用「剪切」工具從多層中剪切出選取範圍。
現在,它應該看起來像這樣!看看它已經開始看起來像是有一點光從圖像右側的某個地方照射到公共汽車上了嗎?您可以保持原樣,或貼上剛剛剪下的選取範圍並降低該圖層的不透明度以降低對比度。
現在,我們可以對所有與公車面向同一方向的建築物的面進行相同的操作,因為它們也被「光源」照亮。我在這裡分別剪切並粘貼以不同顏色突出顯示的每個部分,以便最近的對象(公共汽車、公共汽車站)具有最大的對比度,而遠處建築物的多層設置為較高的不透明度。
這是我的最終圖層在全部被剪下並調整不透明度後的外觀範例。正如你所看到的,我確實只是用套索工具粗略而混亂地勾勒出一切。為了漫畫背景的速度,這可以做得超快!
經過所有這些步驟後,背景現在的樣子如下。這有點微妙,但現在與這件作品有一些對比。目前還沒有火花和燈光,但我們已經取得進展了!
實際上,如果您在這些圖層上使用「鎖定透明像素」功能,您現在可以對它們重新著色以獲得一些非常好的結果。下面是一些例子!
為了達到這種效果,我將多層圖層改為添加(發光),並將其設為橙色。然後,我用藍色噴槍輕輕地覆蓋了原來的多層。
以下是更多顏色調整範例:
現在,讓我們回到原來的基本夜景,添加一些發光效果,這是閃閃發光的夜景的基礎。夜晚繁華的街道上,有路燈、紅綠燈、車燈、車窗燈…
接下來我們會將這些加入到我們的場景中!
添加城市燈光
到目前為止,我確信您已經習慣了本指南中的首選技術——選擇!在 3D 背景圖層上,我們將選擇我們想要內部有光的所有內容,從窗戶開始!我使用了魔棒工具,並用紅色突出顯示了我的選擇,以便您可以更清楚地看到它。
對於這些商店,我想他們此時正在營業,所以所有的門窗都會被選中。然後,我們可以用合適的顏色填滿選取範圍並將其變更為新增(發光)層。我還在這裡添加了一些漸層。
對於後面的高樓來說,並不是所有的窗戶都是有照明的。我用選擇工具挑選了一些,然後用發光層填滿它。事實上,由於後面建築物的顏色太暗,即使是明亮的顏色,發光也不夠亮。修復很簡單,只需複製圖層直到它足夠亮!您也可以降低不透明度,反之亦然。
在這裡,我還為所有遠處的建築物添加了第二個多層,以增加主要街道和辦公大樓之間的對比。現在開始看起來像夜景了…!
現在我們對所有辦公大樓重複相同的過程。
現在真的開始像夜景了!我們也可以做一些事情來讓一切變得真正、真正流行。
首先,複製帶有所有發光視窗的圖層並添加一些高斯模糊!這將使光芒更強並稍微擴散。
第二,給你的燈一些光!為路燈、公車燈添加一些發光,如果你的插圖有的話——交通燈、汽車頭燈等。你可以使用選擇工具為所有發光的燈著色(哈哈),然後根據需要盡可能使用更多的高斯模糊或柔軟的噴槍來真正照亮夜晚。
現在,這肯定是夜景!
事實上,就在這時我注意到遠處辦公大樓的模糊還不夠。作為一個沒有深度的 3D 模型,線條太脆了,不符合我的喜好。當然,對於網路漫畫小組來說,人們不會注意到這一點。但如果你想稍微模糊背景...
我基本上複製了這個部分,並對其進行高斯模糊,以將焦點集中到主要街道上。不會深入探討它是如何完成的,因為這只是一個很小的添加,不會對作品造成太大改變!
說到小補充…
因為我使用套索工具的方式太亂了,所以如果放大的話,某些部分可能看起來有點糟糕。如果我想成為一個完美主義者,我可以在上面繪畫來修復一些線條。這也是了解某些陰影有多嚴重以及您可能沒有註意到(或者您沒有註意到?)的好時機...
這是我們最後的夜景,我們可以保留它,除非您想嘗試使用我在指南開頭分享的雪景。我嘗試了一些新技術,以配合這個主題的節日氛圍。雖然我們沒有燈籠和聖誕彩燈,但因為已經是一月了,城市景觀將會被雪閃閃發光!
現在,讓它下雪,讓它發光!
說實話,這其實是個小小的意外──我其實是想給天上添點星星就到此為止了!我使用預設的水滴畫筆並撒了一些星星,卻發現因為我把所有東西都畫在了上面,所以我必須手動擦除建築物上的「星星」。或者我可以添加更多的星星並對它們進行高斯模糊,使它們像散景燈一樣發光?
不管怎樣,它看起來太小了,所以我們在這裡——對角線 120 度的運動模糊,所以看起來像是運動中的雪花。超級簡單,而且作為獎勵,它看起來也很不錯。
現在使用預設色調刮刷(我將用於其餘的雪細節),我現在可以在地面上塗上粉狀雪。像街道這麼大的地方可以用大刷子輕輕刷!
一把小刷子非常適合清理開始積雪的地方!
實際上,這部分非常有條理,而且很有趣!這就像堆一個虛擬雪人,只是它是一條白雪皚皚的街道......但你可能可以輕鬆地添加一個雪人。
在這裡,我認為經過一段交通後街道本身可能會除雪,因此我刪除了該部分並添加了一些細節以指示人行道邊緣堆積的積雪。就像到目前為止的所有事情一樣,它有點隨意而且很混亂,但它確實有效!
一些最後的修飾——一點藍色的光芒讓整件作品流行起來!
另一側發出溫暖的光芒來平衡它!
我們完成了!
如果您沿著同一條城市街道行駛,我希望結果相似或更好!你只是在閱讀,我希望你能在你的場景和城市插圖中學到一些新的、有用的或適用的東西。如果它能幫助你更快渲染背景,那麼我很高興。 ^^
非常感謝您閱讀我的建議,今年冬天保持溫暖!
留言