實戰!用7個圖層繪製光影!
本篇教程通過講解基本幾何體和人物的光影知識及基礎佈光,讓初學者也能由淺入深地學習并掌握實用的打光技巧。
學習完本篇教程后,我相信你會掌握基本的光影技巧。運用這些知識,在實際繪畫中能更好地渲染人物及場景氛圍,對圖層的管理與運用也會手到擒來。
■ 基礎技巧講解(幾何體的光影)
1-1.建立圖層
首先,我們需要做個小規劃。 通過建立,預留和排列好每個圖層與資料夾,來為接下來的繪畫工作做好準備。
你可以先按照下方的例圖跟進一遍。 當你熟知了圖片中每一個步驟后,便能根據自己所需進行適當的調整。
現在讓我們拾起畫筆,開始繪製幾何體^o^。
首先,準備好文件夾和圖層,後續步驟會如填空遊戲一樣簡單。
▼線稿(100%普通)
線稿/方體(25%普通)
線稿/投影(3%普通)
▼光影(100%穿透)
----------------------------------------------------------------------------------▽光部分
環境光高光(100%普通)
環境光反光(15%濾色 Screen)
環境光汎光(100%加亮顔色 Color dodge)
----------------------------------------------------------------------------------▽環境主光源陰影
明暗交界線(100%普通)(new correction layer--Hue/Saturation/Luminosity)
環境主光陰影(100%普通)(new correction layer--Hue/Saturation/Luminosity)
----------------------------------------------------------------------------------▽ 漫反射和遠近產生的陰影
遠近(100%普通)(new correction layer--Hue/Saturation/Luminosity)
閉塞(100%普通)(new correction layer--Hue/Saturation/Luminosity)
▼底色(100%普通)
|顔色(100%普通)
方體
地面
你會從圖層建立中發現,我們把陰影劃分為兩個部分,共4個圖層。
1.漫反射和遠近產生的陰影,在圖中是灰色標示;
2.環境主光源產生的陰影,在圖中是藍色標示。
光被劃分成一個部分,共3給圖層,在圖中是紅色標識。
我們將在下面的製作過程中,逐步瞭解這些圖層所對應的光影内容。
1-2.線稿&底色
·線稿
接著,我們準備一張方體與其投影範圍的線稿。
做好準備後,我們來畫漫反射和遠近產生的陰影。
·灰度的规划^v^
繪製陰影前,我們需要規劃一個物體的灰度範圍:一般情況下,一個磨砂表面的物體,陰影的顔色一般在固有色和純黑色的中間。例如下圖:
第一個白色(v=100)的磨砂表面球體,它陰影的v值等於50(v=50);
第二個較深的磨砂表面球體,固有色v值等於50(v=50),它陰影的v值介於固有色和黑色之間,v值等於25(v=25);
越是暗的物體,灰階變化越少,較亮的物體灰階變化比較多。
·底色
在底色層填上底色 ,這裡我們使用明度80的灰度。
注意,在這裡我們不急於添加色彩,先創建一個畫面物體的整體灰度圖。
在沒有掌握色彩之前,先在畫面中添加色彩會影響我們視覺上的判斷,從而在後續調整增加繪圖的難度。 又或是在不經意間將色彩混在其它圖層造成無法挽回的損失。
所以,事先準備好灰度圖能夠提升藝術家們的繪圖效率,並減少不必要的時間浪費。
1-3.陰影部分(4個圖層)
我們在繪製光影時首先要考慮陰影,先抛弃一些复杂的理论,將所有陰影分成4個圖層做出来。
·閉塞(AO/環境光遮蔽層)
一般為光綫很難照到的地方,物體與物體接觸部位的陰影;
·遠近(漫反射和物體的遠近所產生的陰影過渡)
通常情況下距離我們越近的物體會越亮,越遠的會越暗;
·環境主光源產生的陰影
確認光源的方向後用新色調補償圖層畫出方體與投影的陰影;
·明暗交界線
在畫面最暗的地方繼續加上一層,區分明暗。
1-4.光部分(3個圖層)
·環境光汎光
用純黑填充畫布,再用明度高於純黑的灰度畫出受光照的物體的亮部;純黑(HSV/000)圖層混合模式:加亮顔色
·環境光反光,一般為地面和相鄰物體的反射光。在灰面邊緣添加;
·環境光高光
在汎光的基礎上用純白做出高光;
1-5.調整&著色
·柔和&過渡
使用色彩混合在各層邊緣進行柔和,讓他們自然地揉到一起。
著色
這樣, 在幾何體上的光影塑造就完成了! 在後續的篇幅中會講解如何將這個方法運用到人物上。
■ 角色的光影變化
我們瞭解了幾何體的基本打光技巧,接下來,以人物爲例,看看不同方向的光照對作品產生的影響。
我們有時候很難一次性把陰影全部做好,可以把人物的陰影拆分成2部分來做,這樣能創造出更加豐富且富有變化的陰影。
我在這裏選取幾個比較常用的光照進行講解。
教程底部有完成的線稿,大家可以自行下載,進行打光練習^v^。
2-1.漫反射和遠近產生的陰影
想象一下,把一個人物放進一個沒有清晰主光源環境中是什麽樣子。在這裏,我們不用考慮光源,只需要繪製閉塞陰影和漫反射產生的陰影。
2-2.環境主光源產生的陰影
把主光源產生的陰影刻畫出來。
● 總結:分別繪製兩個簡單的陰影,只要把他們結合起來,就能得到一個富有變化的灰度圖。
2-3.環境主光源的不同情況
·正面光
物體受光均匀,整體比較柔和,適合柔化物體形態,沒有强烈的對比,顯得比較平,對體積的表現比較弱;
·側面光
突出物體形態,立體感強,有時會丟失細節;
·頂光
對比强烈,突出重點,也可以為人物製造神聖感和神秘感;
·底光
恐怖的氛圍,搞怪的表情,營造獨特的視覺效果;
·背光(逆光)
產生美麗的輪廓光,能增强透明或半透明物體的質感,還能增强畫面的視覺衝擊力;
以上主光源的變化如下:
■ 角色繪製過程
3-1.繪製陰影部分(4個圖層)
·漫反射陰影的繪製
1.建立文件夾和圖層并命名,綫稿和色稿分開建立文件夾更方便調整;
▶線稿 (100%普通)
▼光影 (100%穿透)
環境光高光(100%普通)
環境光反光(100%濾色 Screen)
環境光汎光(100%加亮顔色 Color dodge)
明暗交界線(100%普通)(new correction layer--Hue/Saturation/Luminosity)
環境主光陰影(100%普通)(new correction layer--Hue/Saturation/Luminosity)
遠近(100%普通)(new correction layer--Hue/Saturation/Luminosity)
閉塞(100%普通)(new correction layer--Hue/Saturation/Luminosity)
▼底色(100%普通)
頭髮(100%普通)
皮膚(100%普通)
衣服(100%普通)
......
2.在綫稿層下的層填上灰底,這裏,我設置明度80的灰度;為每一部位灰底分層,如:頭髮、皮膚、衣服......
爲了避免填色時分不清各個部位的邊界,填塗出錯的情況,可以先用不同的明度區分部位,最後統一明度的方法。
!!光影文件夾圖層混合模式:穿透
3.做好準備後,我們來畫漫反射和遠近產生的陰影;
閉塞、遠近、都用新色調補償圖層,設置為色相·彩度·明度,方便後期調整(這一階段,所有的灰度先放在底色文件夾上方,後續要更細緻地調整,可以把灰度放進每個上了固有色的底色層上方);
遠近(100%普通)(new correction layer--Hue/Saturation/Luminosity)
閉塞(44%普通)(new correction layer--Hue/Saturation/Luminosity)
▼底色(100%普通)
#閉塞層: 畫出最深的,物體與物體接觸部位的陰影;
#遠近層:畫出遠近陰影。通常情況下,距離我們越近的物體越亮,越遠的越暗;(注意,我們現在畫的沒有主光源的情況下,陰影不會很深。)
畫的時候可以保持清晰的邊緣,最後整體調整,用混色和歪斜工具做出軟硬邊。
以底色層為參照圖層,用油漆桶的圍住塗抹可以方便地畫出陰影。
漫反射+遠近產生的陰影:
·繪製環境主光源產生的陰影
#環境光陰影層:畫上整體的陰影,
新建新色調補償圖層,設置為色相·彩度·明度,方便後期調整;
環境主光陰影(100%普通)(new correction layer--Hue/Saturation/Luminosity)
#明暗交界線層:畫出亮部和暗部的過渡,設置為色相·彩度·明度,方便後期調整;
明暗交界線(100%普通)(new correction layer--Hue/Saturation/Luminosity)
3-2.繪製光部分(3個圖層)
#環境光汎光層:先用純黑填充畫布,再用明度高於純黑的灰度畫出受光照的物體的亮部;純黑(HSV/000)圖層混合模式:加亮顔色
環境光汎光(100%加亮顔色 Color dodge)
#環境光反光層:畫出物體的反光;
環境光反光(100%濾色 Screen)
反光一般用濃度100的純色,要注意的是,深色物體反光,圖層混合模式一般用普通;淺色物體反光,圖層混合模式一般用濾色。
#環境光高光層:一般用濃度100的純白,圖層混合模式:普通
環境光高光(100%普通)
以上為環境光的幾個基本圖層,你也可以根據自己的作品,增加圖層。注意:最好先畫完基本圖層的光影再依整體效果增加圖層。
環境光的繪製:
最後,做出軟硬邊,調整局部細節。
■ 著色
#為灰底上面的圖層建立剪切蒙版;
#在灰底上一層填充固有色;
|顔色(100%普通)
#在漫反射陰影和環境主光源產生的陰影的新色調補償層上調整陰影參數。
環境主光陰影(100%普通)(new correction layer--Hue/Saturation/Luminosity)
^o^完成啦!
ps:著色后,你可以在光影層上新建一個效果文件夾,加幾層效果,比如陽光、天光、背景的反射光、一些形狀特效等等......讓畫面更生動。
文中沒有提到圖層混合模式的,模式皆爲普通。希望這篇文章對你有所幫助,祝你成功!
■ 更新&修正
*感謝大家的讚和收藏。因爲瀏覽的數量超過預期,我決定抽時間對這篇教程進行修正,并增加新的目次來詳細説明如何修正這些畫。提高整體的完成度,並讓它看上去對初學者更友好。
*正在計劃製作兩期視頻來進一步談談這個方法。
5.3
◆ 追加新的目次;能更好的定位到每個步驟;
◆ 用文字列出了圖層圖片的關鍵内容,進一步説明了圖層的劃分意圖;
◆ 更改灰度規劃的位置,新的位置在“1-2綫稿&底色”中;
◆ 增加&修正“1-3 陰影部分(4個圖層)”中的名詞解釋;
◆ 更改“2-2環境主光源產生的陰影”中,“● 總結”部分的圖片説明,直觀瞭解陰影圖層中劃分的兩個部分;去掉陰影合并圖中有高光的情況。
◆替換圖片-修正人物眉毛圖層沒有打開的問題;
◆替換圖片-修正人物耳朵;
◆各個gif修正;
5.4
◆替換圖片-幾何體陰影範圍/過渡的問題;
◆替換圖片-增加幾何體部分地面的灰度;
Commentaire