Add simple lighting to the face (Applicable to webtoons)

6,749

Nelviy

Nelviy

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

https://www.instagram.com/nelviy_manga/

Comment

New

New Official Articles