Add simple lighting to the face (Applicable to webtoons)
Youtube影片只講了一部份,下方文章裡講得比較詳細。
⭐歡迎打開cc字幕⭐ 不過英文字幕是機器翻譯
↓下方是我後來剪的Shorts↓
前言
如何為一張上色簡單的圖加上細節,重點著重在人物的臉。
➜先在圖層上方加一層陰影,然後再開一個新圖層畫出亮面。
(此方法主要用在我對於彩色條型漫畫(Webtoon)的理解)
這次要講的主題就是這麼簡單。
A part
┗臉頰解析
在很多時候,其實光是在上方疊一層陰影、或是環境光就能讓圖有不同的感覺。
但在我們開始打光前,要先簡易了解一下人的臉部構造。
了解後,也能更方便理解,為什麼光要畫在這些地方。
雖然人的臉頰有弧度,不是稜稜角角的,
但我將臉頰簡易分成了1~4個區塊。
⭐ ⭐ ⭐註: 這是經過簡化的簡易定位,並非精準的實際肌肉走向。
畢竟肌肉是有弧度和厚度的。
四個區域的交會處,是顴骨最突出的地方。
臉頰和嘴巴中間的分界線是法令紋。
如果看了這幾張圖還是覺得,對於臉部立體感的認知不夠,
可以先跳去看【B part】的前段。
或是參考這個、別人上傳的Youtube影片,
https://www.youtube.com/watch?v=_cgQ0Rl-pF4
雖然我不聽不太懂英文,不過影片中有大量的人臉照片,
可以快速加深對人臉立體感的印象。
1號區塊,應該是平時看到最常見到,繪者會畫亮光的地方部分。
補一些其他細節的打光成果。
縮小1號區塊的範圍,讓圖感覺自然一點。
接下來是3+4區塊。
這種打光方式也很常見,但有一點需要注意的是,
注意2號區塊的範圍,在很多時候,這一區塊不需要跟著畫上亮面。
偶爾可以嘗試看看只打亮區塊3,或許會給你有不同的感覺。
┗鼻子解析
畫二次元角色時很常會把鼻子的線條或陰影簡化,或是把鼻子畫小一點。
但為了更好理解為什麼亮光是畫在這些地方,我們需要參考一下寫實一點的鼻子。
鼻頭+鼻樑側邊。
比較二次元的畫法。
可以嘗試畫半弧形和三角形。
(重點是圖要好看,動漫畫風的圖有些不寫實也不會怎樣)
鼻樑+鼻頭。
┗陰影圖層 與 光圖層
想做出文章中的效果不需要用到很多圖層。
由上往下分別是:
眼睛光點
亮部
陰影
原圖
製作時,可善用這兩個鍵。
1是圖層剪裁
2能鎖住填色範圍
✨陰影圖層。
➜畫布填滿紫色 色票R 90 G52 B122
(你喜歡什麼顏色都行,我只是給個參考
➜圖層剪裁
➜混合模式(Blending modes)
- 線性加深(Linear burn)
➜圖層透明度(Layer opacity)
-20%
✨光圖層。
➜開新圖層,使用圖層剪裁。
先用看的清楚的顏色畫出需要打光的位置
➜將先前畫的光改成想要的顏色
參考作法 最圖層使用 鎖住透明圖元 (這個按鍵2)
點選正確的亮光顏色
參考色票(黃色) R225 G248 B187
按下 鍵盤填色(前景色)快捷鍵
Alt + Backspace←
➜混合模式(Blending modes)
-加亮顏色(發光) (Glow dodge)
➜圖層透明度(Layer opacity)
-40%
┗ 範例
在大致了解了打光要畫的位置後,這個部分也會來玩一下陰影。
很簡單,
為了不讓你們搞混,
這邊的【陰影圖層】
混合模式(Blending modes)全是- 線性加深Linear burn
圖層透明度(Layer opacity)也全是-20%
你可以開多個圖層來試試看感覺。
實際開給你們看。
兩個不同顏色疊再一起也會有不錯的效果喔。
顏色可以自己去嘗試,沒有硬性一定要用什麼顏色。
此外推薦最基礎的紫色圖層,圖層透明度調成 40% ,效果也不錯。
後續的配色數據全都是參考數值。
┗ 範例 -樹林
因為是背景一堆綠葉,為了讓人物能融入環境,陰影主要就選了綠的顏色。
會加上紫色是為了讓陰影能暗下來,只有綠色一個圖層,陰影顏色會太亮。
(不過你也可以找找看只用一層達成同樣效果的方法XD"
✨光圖層:
混合模式(Blending modes)
-加亮顏色(發光) (Glow dodge)
圖層透明度(Layer opacity)
-40%
黃
R225 G248 B187
✨陰影圖層:
混合模式(Blending modes)
- 線性加深Linear burn
圖層透明度(Layer opacity)
-20%
綠
R173 G255 B103
紫
R90 G52 B112
為了方便觀看到底哪裡圖了亮光,我改了顏色來區分。
素材商店能找到 樹葉間透下來的光的筆刷
完成圖
前後對比
┗ 範例 - 室內白天
背景是利用這個素材商店裡得到的模型。
臉半黑半白的陰影畫法也蠻常見的,
所以這裡我們就利用窗戶透進來的光,畫出較大面積的亮部。
這次多了一個打漸層光的圖層。
✨光圖層:
混合模式(Blending modes)
-濾色 (Screen)
圖層透明度(Layer opacity)
-40%
混合模式(Blending modes)
-加亮顏色(發光) (Glow dodge)
圖層透明度(Layer opacity)
-40%
黃
R225 G248 B187
✨陰影圖層:
混合模式(Blending modes)
- 線性加深Linear burn
圖層透明度(Layer opacity)
-20%
橘
R226 G167 B97
紫
R90 G52 B112
如果有興趣的話,也可以試試看依照自己的方式,會如何幫臉畫上一半的陰影。
完成圖
前後對比
┗ 範例 - 室內晚上
別問我為什麼不開燈, XD
不過室內通常因為日光燈的緣故,光線是偏藍喔。
這次要注意喔,光線這次不是黃的,改成藍的了。
✨光圖層:
混合模式(Blending modes)
-加亮顏色(發光) (Glow dodge)
圖層透明度(Layer opacity)
-40%
藍
R119 G223 B232
✨陰影圖層:
混合模式(Blending modes)
- 線性加深Linear burn
圖層透明度(Layer opacity)
-20%
藍
R34 G255 B250
紫
R90 G52 B112
雖然我之前在臉上畫了4個區塊,
不過也別忘記沿著邊緣打光的這種方式喔。
↓其實臉邊緣的光是這樣來的↓
【綠線】是那個區塊比較有轉折的地方,讓區塊一半在臉的側臉和正臉。
而臉頰連接下巴的部分基本是圓滑的,所以打光可以往 【黃線以下 】再畫過去一點。
完成圖
前後對比
┗ 範例 - 室外晚上
這次的背景有沒有很熟悉啊~ 030+
直接拿Clip內建的背景素材來用了。
夜晚的環境光適合用紫色。
這邊需要注意一點,我把先前的紫色圖層,透明度改成40%了喔。
✨光圖層:
混合模式(Blending modes)
-加亮顏色(發光) (Glow dodge)
圖層透明度(Layer opacity)
-40%
紫
R146 G97 B255
✨陰影圖層:
混合模式(Blending modes)
- 線性加深Linear burn
圖層透明度(Layer opacity)
-40%
紫
R90 G52 B112
這種下巴的光下切法我覺得比較偏向二次元, (三角形
不過依然還是那句,如果看起來好看,我就覺得沒差。
完成圖
前後對比
┗ 範例 - 上方光線
有時候背景只是打上一層漸層色,就能增加點氣氛。
回歸了只有紫陰影和黃亮光兩個圖層了。
✨光圖層:
混合模式(Blending modes)
-加亮顏色(發光) (Glow dodge)
圖層透明度(Layer opacity)
-40%
黃
R225 G248 B187
✨陰影圖層:
混合模式(Blending modes)
- 線性加深Linear burn
圖層透明度(Layer opacity)
-20%
紫
R90 G52 B112
如果光影反差很大,記得不要忘記用眉毛的陰影來增加畫面的細節喔。
完成圖
前後對比
B part
┗ 側臉
A Part的部分,範例原圖的角色偏向擺正臉,
B Part則會簡易講解側臉能畫的亮面位置,
A、B兩者一起看,可以增加對於臉部立體感的認知。
換了一張範例原圖和人物,
打光原理相同,來練練看不同的臉型吧。
跟A Part的範例圖一樣,B Part的人物臉頰我也會簡易分成四塊。
不過依然要提醒,這只是方便參考的分法,並非肌肉就是長這樣。
如果要以較寫實的方式畫區分線,可以參考紅線。(但我覺得意義不大
再者,第4區塊橫跨正臉跟側臉,綠線標記處會有較明顯的弧度。
順帶一提,如果人因為營養不良或是老化,導致臉頰凹陷,應該會參考藍線。
所以我才會說這種定位不精準,也不能代表肌肉。
但是當作快速參考還是很好用的。
這次的在原圖上加了三個圖層,兩個陰影,一個漸層。
✨漸層圖層
混合模式(Blending modes)
-濾色 (Screen)
圖層透明度(Layer opacity)
-40%
黃
R225 G248 B92
✨陰影圖層:
混合模式(Blending modes)
- 線性加深Linear burn
圖層透明度(Layer opacity)
-20%
橘
R90 G52 B112
洋紅
R255 G2 B88
打光依然是之前用先前常用的黃色 40% Glow dodge
感覺在臉頰的部分,最簡化常見又直接的塗法,出來會長成像上面這樣。
不過依照先前所學的原理,差不多的區塊,亮光可以長成這樣。
消去了區塊2的亮光。
第四區塊因為處在轉折處,所以亮光只需要塗一半。
第一區塊,很常見的打光位置。即使是臉圓一點的角色也萬用。
接著分別是第二區跟第三區。
鼻子方面我就不細講了。
下面提供一個比較二次元的畫法。
鼻子會那樣塗我可以理解是因為鼻翼(藍線)的關係。
但我想了很久卻還不知明白為什麼臉頰要那樣畫,我卻依然會覺得好看。XD"
結尾
原本只是想簡單介紹 疊陰影+亮部的畫法。
再改一下光和陰影的顏色,就能讓已經有色指定的角色能快速融入環境或背景。
但後來發現,如果不連光應該畫在哪些位置都講一下,畫出來就未必會好看,那樣感覺這篇文章意義就不大了。所以文章內容就拉長了。
比較需要表現面部立體感的角色以男性居多,女性的臉要看情況(通常不會有太多暗面。
有什麼樣的圖,需要依照角色原先的色指定,再疊陰影做顏色調整?
就如我開頭所說,這種方法我認為是適用於彩色網路漫畫(Webtoon)。
所以我也不太確定這種方式用在其他地方,例如一般插畫,到底效果好不好。XD"
目前因為視覺疲勞的關係,我也不知道角色的臉到底有沒有畫歪。
應該……還行吧?
希望這篇文章對你有幫助,
我的IG
Kommentar