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

-明暗的基本-

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

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

使用動畫塗色方法等繪製的畫作,常常使用這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:lenulenuworks@gmail.com
Twitter: https://twitter.com/Caphricina02
https://lenulenushi.wixsite.com/fesria

如果喜歡我們的教學,歡迎追蹤我們!

Facebook:

Plurk: