建築陰影:照明和著色教程
介紹
你好!我是Weiwei,並且我已經進行了數年的數字繪圖,我想分享一些有關照明和陰影的技巧和基本理論。希望你能學到一些東西〜
本教程適用於已經熟悉基本CSP工具(例如圖層混合模式(MULTIPLY,GLOW DODGE等),鎖定透明像素以及將圖層剪切到其他圖層)的人員。 ClipStudio擁有解釋這些功能的官方指南,請根據需要進行檢查。不過,我希望這裡對所有經驗水平的藝術家都有幫助!
1.設定
我將以我的原始角色Yan的草圖為例。這是一個相當簡單的圖形,所以我現在只有3層-線稿,一層上的所有基色和灰色背景。我喜歡使用灰色而不是白色,因為它比較中性,可以讓我以後選擇更好的顏色。在我眼中也更容易。
現在不用擔心在線條上完全著色,有一些(不是太多)瑕疵可以使藝術品看起來更自然,更自然。我個人喜歡使用BIT HUSKY印度墨水筆刷大致上降低底色,以獲得自然的質感。您會聽到很多有關BIT HUSKY筆刷的信息...這是我的最愛:)
^見證我最喜歡的CSP默認畫筆。它可以做任何事情!
現在,讓我們通過添加陰影和照明使繪圖更有趣!
它有助於使用遊戲引擎邏輯來思考光影。像Unity這樣的逼真的3D遊戲引擎使用基本的物理原理和3D著色器來生成陰影並準確地更改對象的顏色。不幸的是,我不是一個機器人/計算機程序(希望您也不是!),所以我無法精確複製這些效果,但是了解其背後的邏輯以及關於光如何在現實生活中實際影響色彩的知識非常出色。寶貴的技能。通常,這意味著:
>>將您的主題視為3D形式,而不僅僅是平面2D圖像。 >>首先設置光源,這將確定陰影的位置。 >>添加其他光相互作用,例如環境光,地下散射,漫反射和鏡面照明等。它可以隨您所願變得複雜而逼真! >>最後一些修飾,例如環境過濾器,物體材料和細節。
我們走吧!
2.建立光源
為了找出最佳的光源位置,我製作了許多基本陰影位置的快速縮略圖。最終,我試圖表達一種特定的心情或氣氛,正確的陰影/燈光將幫助我表達這種感覺。見證以下照明測試:
上方縮略圖的一些注意事項:
黃色箭頭=燈光方向
如果光源是SUN,則即使太陽向各個方向輻射光,也可以認為所有光都來自同一方向,因為它距離很遠。在縮略圖4中,光將來自較小的光源,例如手電筒或發光的物體,以創建更圓的陰影。
1.上方射燈-非常適合在正午的陽光下或在強電燈泡下坐在室內等條件下使用。
2.前照明-通常是通用/中性且簡單,將更多的注意力放在面部特徵上,而不是戲劇性的照明。如果您不希望陰影成為工程圖的亮點,那麼前燈絕對不會出錯!
3.側面照明-半邊臉處於陰影中可能會很酷而且引人注目,尤其是在陰影很暗的情況下
4.從下面發出的光芒-可怕/危險的氛圍,通常在夜間,也許她拿著像蠟燭一樣發光的東西?
5.逆光-可以有一種“史詩般”的感覺。如果這是嚴(Yan)在動作/戰鬥姿勢中的照片,則背光非常好。
6.角度照明-對角光源是自然且中性的,有很多調情的可能性
這些並不是所有可能的照明選項,我只是選擇了一些常見的選項。例如,在這些測試中,我還沒有完全探討過使用多個光源,光源距離和大小,或者在光照下玩耍……我將在以後的教程中將其保存!
對於本教程,我們將繼續進行ANGLED LIGHTING(6)。但是無論使用哪種光源,無論如何都應遵循以下照明原則!
關於方法的簡要說明:
在這個階段,我使用帶有巨大筆尖的BIT HUSKY筆為中性灰色著色-它提供了一定的質感,並使下面的某些層的顏色得以透徹顯示,但它很微妙!將陰影添加到“乘數”設置的新的單獨圖層上,並將其裁剪到包含純色和線稿圖層的文件夾中。上方的左圖是在更改圖層的混合模式/剪切之前,而右側的圖是在之後。通過鎖定此陰影層的透明像素,我可以在以後添加顏色和更多紋理。
3.光的相互作用-顏色,陰影和環境光
到目前為止,它看起來很平坦而且只有基本陰影。燈光以許多其他方式交互以創建視覺效果,從而可以增加圖形的趣味性。這是我們使陰影更逼真的地方。
陰影顏色。
您之前可能已經聽說過的一般規則是:暖燈=涼爽的陰影,反之亦然。這並不是完全準確,認為它的更好方法是-溫暖的燈光=光照下的區域會更溫暖,因此陰影會比光照的區域更冷。因此,涼爽的燈光=照亮的區域會比平時涼爽,因此陰影比照亮的區域要溫暖。
對於此圖,我想在晴天使用溫暖的黃色陽光(天空的藍色對淺色的冷卻效果可忽略不計),因此與基色相比,我的陰影應該是冷色調。因此,我鎖定了MULTIPLY模式陰影層,並用中性/去飽和的藍色對灰色進行了著色。現在,陰影具有冷色調。
V
投射陰影。
任何3-D物體都會在陰影中受到較少的光線照射,並且還會在其後面的物體上投射陰影,因為它會阻止光線到達該物體。我已經在開始時放置了一些陰影,在這里以紅色顯示-主要是頭髮到臉部以及頭部到肩膀的陰影。實際上,我將這些陰影與對象本身的陰影一起考慮,因為它們足夠相似。
V
投射陰影,續。
但是,可以通過使其他元素投射可見陰影來將其他元素間接添加到圖形中。我在她的臉上加了一個紫色的大陰影,暗示她在庇護所/屋頂下,營造出更加憂鬱/神秘的情緒。即使我沒有添加適當的背景,我也可以添加由Yan的身體投射的陰影以及將陰影投射到她的臉上的屋頂,以將灰色背景推回太空。
V
^注意:
快速製作身體陰影:
>>將線條和基礎顏色圖層複製並展平為單層 >>鎖透明 >>用中性色填充,我用了灰藍色 >>應用高斯模糊 >>瞧!
環境光和光遮擋。
環境光是來自環境中其他物體的光。例如,如果Yan的帶陰影的肩膀上有一個紅色的蘋果,那麼蘋果會在周圍的陰影中造成一些發紅。在這裡,環境光的主要來源將是天空。天空很大,因此它將幾乎從各個方向投射環境光。
注意-從理論上講,環境光也可以擊中照明區域,而不僅僅是陰影,但是在直射光下環境光並不明顯,因此我只是不考慮或將其添加到工程圖的照明區域中。
光遮擋
Yan的頭髮投射到她的臉上的陰影將被環境光屏蔽/遮擋。
Yan的肩膀陰影中的肩膀部分遮擋了陽光和環境光,因此根本不接收任何光線-這完全是光的遮擋,將是圖形中最暗的部分。
我有兩種添加環境光的方法,下面將向您展示兩種方法,一種是使用核心陰影,另一種是使用大型投射陰影。
V
^ 2種添加環境光的方法
1.在陰影層之上的新層
>>設置為低不透明度,正常混合 >>在陰影中繪製藍色環境光。我再次使用BIT HUSKY筆刷繪製陰影,然後使用SOFT噴槍將某些部分抹掉,因此陰影逐漸變柔和。
2.與投射陰影相同的圖層(應處於“ MULTIPLY”混合模式下)
>>選擇淡藍色 >>在環境光區域上著色的噴槍。 (左=普通混合模式,右=乘法)
兩種方法都很好,僅取決於您希望環境光的亮度!
4.光的相互作用-地下散射和直射光
地下散射/流血。
這是我最喜歡的部分! :)
當光源特別強時,一些光會滲入中間調和陰影區域,從而在陰影與光匯合的地方形成超飽和色的邊緣。光線會穿透像皮膚這樣的半透明材料,從而發光。由於此處的主要光源是淡黃色的陽光,因此它可能會在她的皮膚上發出橘紅色的光,並在衣服和頭髮的陰影上形成飽和的棕色邊緣。我使用BIT HUSKY筆刷添加一些硬的出血邊緣,並使用具有較大筆尖的SOFT噴槍(低不透明度)添加更寬泛的柔和的出血。我在柔和鎖定的陰影圖層上直接繪製柔光,在“普通”混合模式下在單獨的圖層上繪製硬邊。由於很難在平面顏色上看到它們,因此在這裡也要在無色底基上見證邊緣。
注意:
該邊緣僅在直接光線下真正顯示,因此請不要在所有陰影上使用它,否則繪圖將失去焦點。我注意到的一個常見錯誤是,人們過度使用了這些發光物。我也對此感到內,,因為我喜歡在我的藝術作品中添加發光和閃亮的部分!但是,如果將輝光限制在較小的焦點區域(此處,最飽和的光斑僅出現在Yan的臉上),則獲得的整體外觀會更有效。
直射光。
我想要一個很強的光源嗎?如果是這樣,某些部分可能會完全點亮以變成白色。否則,較弱的光源可能只會使直接照明的區域僅比基色淺一點。左側是GLOW DODGE模式下的光層,右側是SCREEN模式下的同一層,並且具有較低的不透明度。 GLOW DODGE和SCREEN是我的超高亮度和微妙/啞光光源的圖層模式,但是可以和其他人一起玩耍!
我也傾向於在角色的眼睛上添加一些發光,即使從物理上講並沒有什麼意義,因為我想讓她的眼睛彈出並成為圖形焦點的一部分。
V
5.畫龍點睛/獎金
除其他事項外,還需要考慮其他一些事項!
玩淺色
我正在為該圖使用溫暖的黃色燈光,但是測試替代品總是很有趣(而且非常有用!)!使用藍色和綠色等超現實的發光顏色可能會給人“神奇”的感覺!顏色是通過插圖講述故事的一種重要方式。
您還可以使用圖形中的所有其他陰影方面。由於它們都位於單獨的圖層上,因此很容易更改各個部分-例如,如果您發現某個陰影或燈光效果太突出,則可以隨時調整顏色和不透明度,而不會影響其他陰影。
V
深度。
其他對像不僅更小,而且它們的飽和度,細節和清晰度也逐漸消失。在戶外場景中,天空的環境也會對遠處的物體產生更大的影響,因此它們看起來更藍/灰。因此,我使她的背景具有藍色調,並且使她的一些頭髮在後背淡出。
重點細節。
此圖的焦點是顏在陽光下的臉部。我只在焦點區域周圍放些細節以增強其重要性-因此,我將她的陰影部分保持得比較平整,平坦,並在光線充足的區域中放置了幾縷頭髮和織物紋理。
我還在線條藝術圖層上鎖定了透明性,並在直射光線下將線條塗成紅色。這使它比原始的黑色線條粗糙得多!
V
其他需要考慮的事情。
陰影應具有硬邊還是軟邊?我的陰影應該有多暗或多亮?這主要取決於光源的距離-較硬的邊緣和較暗的陰影可能意味著光源更近,更小。陰影柔和度也可以提供有關對象材質的信息。我希望Yan的外套是較厚的材料,因此我給它的陰影要比陰影投射到她的肩膀上的柔和/銳度要小。
此外,您當然可以選擇僅帶有硬邊或僅帶有軟邊的超級樣式!這是免費的房地產。下面是帶有所有組成的層的清單,在右邊!
謝謝! :)
恭喜您成功!這是整個過程以及完成的圖的GIF動畫。燈光肯定會創造出更多酷炫的效果,但是我希望本教程涵蓋足夠多的內容,以便您可以更合理地思考未來藝術中如何設計陰影!
如果您有任何疑問,請在下面評論,我們很樂意為您解答〜
保持水分,保持優雅。下次見:)
如果您想在社交媒體上關注我,我一直都在Twitter上以@peevishpants的身份一直在線!
留言