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

畫光與影的位置時，會因為光源「在哪裡」而大大改變。

... 雖然是表現出立體感了，但是影子太濃太暗反而讓影子的部分看起來不好看。

✕ ARTICLES ARTICLES文章 TOP 文章 覆蓋 提升立體感！光與影的畫法 2021.07.24 Pro(Windows/Mac)iPadiPhoneAndroid 提升立體感！光與影的畫法 學習使用方法學習作畫技巧 #覆蓋#作者：星灯れぬ#陰影的畫法#發光#光源#顏色的上色方法 SHARE 透過「光與影」可以讓插圖更有立體感。

在本次的講座中，我們將介紹使用厚塗方法繪製光與影。

會從基本的明暗及光源的思考、訣竅等，配合範例向大家說明，希望大家能夠參考看看！ Index -明暗的基本--光源-①光源的方向②根據光源的距離產生的對比③根據光源顏色產生的變化-光與影的畫法-①彩色草稿②加入角色的影子③增加顏色④臉⑤衣服⑥小物＆背景⑦完成 -明暗的基本- 「明暗」是表現立體感的重要元素。

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

1.明部・・・光照的部分。

2.暗部・・・光照不到的陰影部分。

3.亮點・・・最亮的地方。

4.影子・・・物體的影子。

使用動畫塗色方法等繪製的畫作，常常使用這４種明暗元素來表現立體感。

使用厚塗法時，還需要注意到更多細微的地方，因此還會再增加以下這些要素。

5.明暗分界線・・・明部與暗部的分界部分。

6.核心陰影・・・明部與暗部分界處最暗的部分。

7.反射光・・・地面與周圍的物體反射造成的較亮的部分。

這3個要素在表現立體感時非常重要。

厚塗時「明暗分界線」更是一個很大的重點。

-光源- 「光源」顧名思義就是指發光處。

光源在什麼位置・從什麼角度照下來都會影響畫的氛圍。

不限於厚塗時，只要需要考慮光與影時，光源就是最重要的要素。

①光源的方向 畫光與影的位置時，會因為光源「在哪裡」而大大改變。

考慮光源時，首先先想想光源在哪個位置、哪個角度吧！ 此外，根據光源的位置・角度除了改變光與影的位置，也可以用來表現角色的心情及情境。

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

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

②根據光源的距離產生的對比 接下來要考慮光源應該設置在什麼距離的位置。

物體離光源越近，明暗的對比就越強。

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

相反的，離光源越遠，明暗的對比就越弱。

接受到的光越弱，分界線就越模糊，整體給人「朦朧」的印象。

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

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

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

像這樣，插畫的感覺將被「光源是什麼」「光源從哪裡來」影響。

光是注意這些，就能讓角色、情境呈現更戲劇化。

-光與影的畫法- 從這裡開始要跟大家說明光與影的添加方法。

本次的講座將從製作與動畫塗法相近的彩色草稿開始，再依序介紹厚塗法→小物→背景，最後完成插圖。

①彩色草稿 首先先畫彩色草稿。

將畫布尺寸設定為3197x4000px。

畫布尺寸太小，細微的地方將沒辦法畫，使用厚塗法時畫布至少要設定為2000px以上。

本次的主題是「把茶送到花園的僕人」。

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

【底色】 這邊為各個部分上了打底色。

像這樣角色、物體本來的持有色我們稱為「固有色」。

選擇固有色的訣竅 ・彩度不要太高 ・不使用純白/純黑 選擇上圖紅圈部分的顏色。

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

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

②加入角色的影子 底色上好後，接下來幫角色加入影子。

本次介紹兩種影子的畫法。

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

左圖是使用色彩增值後，右圖則是恢復普通圖層（不透明度100%）的狀態。

選用的膚色略帶點紫色，頭髮與皮膚也使用淡紫色。

使用這個方法可以省去「一個一個選擇與固有色相稱的顏色」這個步驟，很容易就可以有整體的統一感。

不曉得影子要選什麼顏色的話，可以用用看這個方法。

【使用色相加入影子】 這是只使用普通圖層然後轉移「色相(colorcircle)」顏色來加入陰影的方法。

從上圖可以知道頭髮、衣服的陰影顏色，都是從固有色的色相選擇轉移後的顏色。

為了讓顏色融合，用滴管吸取周圍的顏色，進行混色。

與色彩增值不同，一邊轉移色相一邊選擇顏色的好處是可以自由選擇顏色，享受混色的樂趣。

【注意點】 ▼感覺不出是影子的顏色 上圖示範了好的畫法及不好的畫法。

大家知道左右有什麼差別嗎？ 答案是「影子顏色的選擇方法」。

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

相反的，好的畫法除了調整色相也將明度下降來選擇顏色。

為了避免看起來不像影子的顏色，請好好注意這點。

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

本次的圖，作為光源的太陽是從角色右前方照過來。

塗黃色的地方是照到光的部分（明部），塗紫色的地方是陰影的部分（暗部）。

如果考慮到衣服的皺摺很容易會讓加入影子的步驟變得很複雜，請像上圖一樣先暫時把角色的身體簡略一下。

將角色想成簡單的箱子等用「面」去考慮，理解陰影將落在哪。

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

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

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

①在頭髮顏色中稍微加入天空的顏色，增加空氣感。

②・③在暗部加入淡紫色、明暗分界線加入彩度高的紅色〜橙色系的顏色。

特別是②與③的步驟是表現光的重點。

在暗部混進冷色系，在明暗分界線加入彩度高的暖色系，表現立體感。

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

左圖是從覆蓋變回普通模式(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/ 「插畫工作介紹」作品 ーーーーーーーーー 「星灯れぬ」 ARTstreet 作品集：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：   ＼Weareacceptingrequestsforarticlesonhowtouse／ Request SHARE RELATEDARTICLES推薦以下相關文章給閱讀過此文章的您 覆蓋就可以完成！簡單完成插畫的最後修飾 #覆蓋#作者：Amane#圖層混合#效果#提升效率#完稿#顏色調整 2021.06.11 FEATURE特輯 “初級漫畫課程”特輯 “初學者必看文章”專刊 “特別常見的問題”專題 MediBang新聞 MediBang員工推薦主題 查看所有特輯 SEARCH搜索文章 從關鍵字搜索 從目的搜索 學習使用方法 了解功能 深入學習雲端功能 學習筆刷使用技巧 學習作畫技巧 從標籤搜索 作者：IkramineAldena 左右反轉 計算機 復原 復原 礫石 情節 表情 格線 亮度 平面圖 獸人 RANKING人氣文章 1 2022.07.08 給不擅長控制線條強弱的你！線稿的畫法 2 2022.04.22 HowtousetheTime-lapsefunction 3 2021.08.16 [初學者]簡單的頭髮上色法 4 2021.07.19 [初學者]一起來上色吧！基本的上色方法[手機版] 5 2021.07.24 提升立體感！光與影的畫法 PICKUP精選文章 2021.11.21 【簡單解說】上色方法的特徵及使用的筆刷 2021.10.04 【CITYPOP風】女孩的畫法（80年代風） 2021.08.28 來畫畫看西洋風奇幻角色吧！ 查看精選文章一覽 現在立刻免費下載 下載MediBangPaint 這邊也別忘記確認 SNS ARTstreet MediBangColors MangaName 繁體中文 English Español Français 日本語 한국어 Português Русский 简体中文 繁體中文 讓你的創作更有特色 MediBangPaint全新服務，MediBangPremium登場！專用筆刷、素材無限使用、MediBangPaint全功能開放等，我們準備了幫助創作的多樣特典。

關於特典 推薦的功能 雲端 介紹MediBangPaint可以使用的雲端功能。

查看更多 團隊創作 介紹使用MediBangPaint與漫畫分鏡的團隊製作相關具體例子。

查看更多 MediBang推薦應用程式 JUMPPAINT 介紹JUMP官方漫畫製作軟體・應用程式『JUMPPAINT』。

查看更多 連結 ARTstreet MediBangColors MangaName