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/