提升立體感！光與影的畫法

透過「光與影」可以讓插圖更有立體感。
在本次的講座中，我們將介紹使用厚塗方法繪製光與影。
會從基本的明暗及光源的思考、訣竅等，配合範例向大家說明，希望大家能夠參考看看！

-明暗的基本-

「明暗」是表現立體感的重要元素。
在使用厚塗方式繪圖時，很容易會把焦點放在複雜的顏色及光與影的表現，首先我們先向大家說明究竟是什麼構成光與影的表現。

1. 明部・・・光照的部分。
2. 暗部・・・光照不到的陰影部分。
3. 亮點・・・最亮的地方。
4. 影子・・・物體的影子。

使用動畫塗色方法等繪製的畫作，常常使用這４種明暗元素來表現立體感。使用厚塗法時，還需要注意到更多細微的地方，因此還會再增加以下這些要素。

5. 明暗分界線・・・明部與暗部的分界部分。
6. 核心陰影・・・明部與暗部分界處最暗的部分。
7. 反射光・・・地面與周圍的物體反射造成的較亮的部分。

這3個要素在表現立體感時非常重要。
厚塗時「明暗分界線」更是一個很大的重點。

-光源-

「光源」顧名思義就是指發光處。
光源在什麼位置・從什麼角度照下來都會影響畫的氛圍。
不限於厚塗時，只要需要考慮光與影時，光源就是最重要的要素。

①光源的方向

畫光與影的位置時，會因為光源「在哪裡」而大大改變。
考慮光源時，首先先想想光源在哪個位置、哪個角度吧！

此外，根據光源的位置・角度除了改變光與影的位置，也可以用來表現角色的心情及情境。

例如光源在正上方時，可以增添角色的「神秘感」，在正下方時，則可以表現「毛骨悚然」的感覺。

猶豫該把光源放在哪時，可以根據畫作想帶給人的印象決定光源位置。

②根據光源的距離產生的對比

接下來要考慮光源應該設置在什麼距離的位置。

物體離光源越近，明暗的對比就越強。
強光在近距離照射到物體，明暗的分界線將會變得很清晰，給人「強烈力量」的感覺。

相反的，離光源越遠，明暗的對比就越弱。
接受到的光越弱，分界線就越模糊，整體給人「朦朧」的印象。

③根據光源顏色產生的變化

此外，根據光源是什麼，光與影的顏色及全體的色調都會改變。

上圖中，從左上開始，光源分別是「太陽」「月亮」「蠟燭」「水色與粉色的照明」「斜光」「從樹葉縫隙穿透的陽光」(「斜光」與「從樹葉縫隙穿透的陽光」的光源還是太陽，只是有遮蔽物。)

以上加上背景與周圍小物的反射光影響，可以呈現更複雜的表現。

像這樣，插畫的感覺將被「光源是什麼」「光源從哪裡來」影響。
光是注意這些，就能讓角色、情境呈現更戲劇化。

-光與影的畫法-

從這裡開始要跟大家說明光與影的添加方法。
本次的講座將從製作與動畫塗法相近的彩色草稿開始，再依序介紹厚塗法→ 小物→ 背景，最後完成插圖。

①彩色草稿

首先先畫彩色草稿。
將畫布尺寸設定為3197 x 4000px。畫布尺寸太小，細微的地方將沒辦法畫，使用厚塗法時畫布至少要設定為2000px以上。
本次的主題是「把茶送到花園的僕人」。

①定位→②畫草稿
本次直接使用②的草稿當線稿。

【底色】

這邊為各個部分上了打底色。
像這樣角色、物體本來的持有色我們稱為「固有色」。

選擇固有色的訣竅
・彩度不要太高
・不使用純白/純黑

選擇上圖紅圈部分的顏色。

根據畫的氛圍，也有使用彩度高、鮮豔的顏色比較好的時候，但本次因為是畫畫面比較柔和的情境，因此使用較平穩的顏色。

另外，為了混合顏色與線條，這個時候可以將草稿圖層的不透明度調至50%。

②加入角色的影子

底色上好後，接下來幫角色加入影子。
本次介紹兩種影子的畫法。

【使用色彩增值加入影子】

使用色彩增值圖層增加影子。
左圖是使用色彩增值後，右圖則是恢復普通圖層（不透明度100%）的狀態。
選用的膚色略帶點紫色，頭髮與皮膚也使用淡紫色。

使用這個方法可以省去「一個一個選擇與固有色相稱的顏色」這個步驟，很容易就可以有整體的統一感。不曉得影子要選什麼顏色的話，可以用用看這個方法。

【使用色相加入影子】

這是只使用普通圖層然後轉移「色相(color circle)」顏色來加入陰影的方法。
從上圖可以知道頭髮、衣服的陰影顏色，都是從固有色的色相選擇轉移後的顏色。

為了讓顏色融合，用滴管吸取周圍的顏色，進行混色。
與色彩增值不同，一邊轉移色相一邊選擇顏色的好處是可以自由選擇顏色，享受混色的樂趣。

【注意點】
▼感覺不出是影子的顏色

上圖示範了好的畫法及不好的畫法。
大家知道左右有什麼差別嗎？

答案是「影子顏色的選擇方法」。
不好的畫法只使用了明度的調整，而沒有使用色相來選擇影子顏色。

相反的，好的畫法除了調整色相也將明度下降來選擇顏色。
為了避免看起來不像影子的顏色，請好好注意這點。

▼光源的方向

另外，不知道哪裡要加入影子的人，請再確認一次光源從哪裡照過來。

本次的圖，作為光源的太陽是從角色右前方照過來。
塗黃色的地方是照到光的部分（明部），塗紫色的地方是陰影的部分（暗部）。

如果考慮到衣服的皺摺很容易會讓加入影子的步驟變得很複雜，請像上圖一樣先暫時把角色的身體簡略一下。將角色想成簡單的箱子等用「面」去考慮，理解陰影將落在哪。

接下來為了表現衣服的皺摺與凹凸，增加影子的步驟將會變得更複雜。

③增加顏色

這個步驟對光與影，以及表現立體感來說非常重要。

【增加顏色】

增加新圖層，增加影子之後接下來要再補上更細部的顏色。

①在頭髮顏色中稍微加入天空的顏色，增加空氣感。
②・③在暗部加入淡紫色、明暗分界線加入彩度高的紅色〜橙色系的顏色。

特別是②與③的步驟是表現光的重點。
在暗部混進冷色系，在明暗分界線加入彩度高的暖色系，表現立體感。

【覆蓋＋發光】
為了強調光線，這裡使用覆蓋與發光圖層。

左圖是從覆蓋變回普通模式(100％)的樣子。
右圖是從發光變回普通模式(100％)的樣子。

主要就是在明部加入橙色、紅色的暖色系。

左圖只完成到【增加顏色】這個步驟。右圖則是使用覆蓋功能等之後的樣子。
這裡的設定值為：覆蓋⇨43%、發光⇨19%。
這樣調整色調後，就能表現出被光照的感覺。

另外，因為感覺有點不對勁，所以這邊也改變了背心的固有色。
如果突然想要改變顏色的話，可以使用「色相・彩度・明度」調整顏色。

【表現光與影的注意點】
▼不要讓光過亮

為了展現漂亮的光與色調，使用過多覆蓋等效果就會造成像上圖這樣失敗的樣子。

覆蓋雖然能增加畫面的彩度，畫面也的確變得比較鮮豔，但是效果用得太過的話，就會造成顏色跑偏。

此外，這次的畫是以「中午的太陽光」為光源，這樣的光線也感覺很不自然。
只要不是夕陽光、逆光或強烈照明的話，就要小心不要過度使用覆蓋及發光效果。

▼陰影太暗、太濃的話可能會感覺不太好看

如果太在意用厚塗就是要表現陰影及立體感的話，就很容易造成上圖這樣失敗的例子。

雖然是表現出立體感了，但是影子太濃太暗反而讓影子的部分看起來不好看。
在塗色時還會造成周圍的顏色也越塗越濃，造成部分對比太強，難以控制的情形。

上面的圖就是一些常見到的NG例子。
感覺「好像不夠」時可以再增加，但感覺「效果太強」時就很難修正了，這點請大家要多多注意。

④臉

從這裡開始統合圖層，為每個部分上色。

圖層分成「頭髮」、「衣服」的話修正會比較容易。

上圖，紅色的地方是草稿（線稿）圖層。
只複製各個部分，用「覆蓋模式」＋「剪裁遮色」就能讓顏色跟線輕易融合，不會干擾到上色。

完成準備後，記好光源的位置繼續上色。

1. 大致照著五官的輪廓上色。
2. 慢慢畫好頭髮的分叉、髮束、眼睛等細節。
3. 一邊調整輪廓並畫上更多細節。

臉部這部分，請明顯的畫出「瀏海部分的陰影」及「髮束重疊造成的陰影」。

⑤衣服

用與其他部分相同的方式來上色。
清楚畫出「平滑的陰影」及「構成輪廓」的「清晰的陰影」。
■明顯畫出頭髮、衣領和鈕扣造成的陰影。
■皺摺所產生的陰影則包括「平滑的陰影」及「產生輪廓的清晰陰影」。

⑥小物＆背景

【茶壺組】

像茶壺組這樣的陶器類，請注意平滑陰影的畫法。
■在明暗分界線加入暖色增加立體感。
■暗部稍微加入細部的打亮就能畫龍點睛。

【柵欄】

柵欄也用跟茶壺組一樣的方法來畫。
■分清楚照到光與沒照到光的地方，明顯的畫出陰影。

【玫瑰】

玫瑰與葉子部分，主要是用「在陰影處加上光」這樣的畫法。
1. 依照光源處大致畫出陰影部分。
2. 加上更暗的陰影，然後在光照到的地方慢慢畫上葉子。
3. 繼續畫上花瓣及補上葉子的細節。

【背景】

最後畫上背景。
首先大致畫出輪廓，再調整成好看的樣子。
在天空加上雲，為了表現出僕人的背後是玫瑰園所以加入建築物。

⑦完成

最後是收尾的部分。
收尾的部分大大的影響最後「光與影」的表現。

【用色彩增值強調陰影】

像彩色草稿的時候一樣使用「色彩增值」。
①・・・將色彩增值變回普通模式(不透明度100%)的樣子。
②・・・使用20〜40%「色彩增值」的樣子。

為陰影的部分再加上陰影的感覺，更能展現立體感。
但是，已經很深的陰影處請避開，或者克制的使用效果。

【用覆蓋＆發光強調】
接下來使用「覆蓋」、「發光」來強調光。
光照的部分加入橙色、紅色之類的暖色系。

①・・・從覆蓋模式恢復為普通模式(不透明度100%)的樣子。
②・・・使用20〜30%覆蓋的樣子。

③・・・從發光模式恢復為普通模式(不透明度100%)的樣子。
④・・・使用20〜30%發光的樣子。

【比較】

①・・・收尾完成前
②・・・收尾完成後

強調光與影就能讓對比更加鮮明，完成一幅讓人感覺得到溫暖的畫。

但是，收尾時效果用得太強，就會造成「光線太亮」「陰影過暗、過濃」的狀況，所以要注意效果的使用。
接著修正在意的地方就完成了！

大家覺得怎麼樣呢？
使用厚塗方式加上光與影時，掌握「光源」與「明暗/對比」非常重要。
希望能透過這篇文章，讓大家稍微感覺到表現光影的樂趣！

 

文字・圖片：星灯れぬ

ーーーーーーーーー
創作者等級特典
https://medibang.com/page/about-creatorrank/
「插畫工作介紹」作品
ーーーーーーーーー

「星灯れぬ」
ART street
作品集：https://medibang.com/u/Caphricina/
訪談： https://medibang.com/page/interview/Lenu/

Mail：[email protected]
Twitter: https://twitter.com/Caphricina02
https://lenulenushi.wixsite.com/fesria

 

如果喜歡我們的教學，歡迎追蹤我們！

Facebook：

Plurk：