灰階上色的畫法指的是，​使用灰階色調繪製陰影，再利用混合效果來進行上色​。

一般的作畫方式大致如下。

① 草稿

② 線稿

③ 基底上色

④ 整體上色

⑤ 完成

而另一方面，灰階上色的方式大致如下。

① 草稿

② 灰色陰影
↓

③ 混合模式上色

④ 完成

灰階上色是一個可以讓人重新正視陰影重要性的上色方式​，

對於已經習慣普通上色畫法的人，可以嘗試不同的技法、且可以去思考如何將自己的技巧

更加提升，讓自己前往中上級以上。

儘管需要一些技巧，但是若是可以熟練的使用該技巧，可以縮短繪製作品所需的時間、使

顏色調整更佳容易。

藉由這次機會好好記住這些技巧，​我認為可以掌握的作品氛圍將會更加多元，還請大家務必一起

來試試看​。

教學繪製過程

我們假設這次是來自某社群網站上，會員所需的大頭貼委託來進行描繪。
【委託內容】

社群網站上大頭貼的委託

交件尺寸 1500*1500像素 (正方形)

彩稿

希望可以幫我繪製穿著水手服的女孩子，頭髮顏色想要咖啡色。其他的就交由繪師自由發

揮。

※本篇文章中使用的繪圖軟體為​CLIP STUDIO PAINT​。

1) 草稿

先來決定紙張(畫布)的大小吧
調整畫布尺寸跟交件尺寸一致吧。

不管是作畫的尺寸或是委託交件的尺寸，我自己的話會在交件尺寸上稍微大一點的大小上

繪製，交件時再去縮小。這次我們就設置比交件尺寸再稍微大一點的2000*2000像素下去

繪製吧。
繪製草稿
我認為草稿就是一個可以任意展現出自己所想的形象的階段，用自己最方便習慣的畫法去

作畫吧。

給大家參考一下我的情況，我會先在色板中選用水藍色、馬克筆系的筆刷去做整體輪廓的

描繪。
在這之後建立新的圖層，且選用比先前還要再深的顏色。

底稿

拉出出ㄔ草稿線條
 草稿完成ㄔㄥㄔㄨㄢㄨㄍㄠㄍㄘ

如果是委託的情況，為了要讓客人可以清楚了解，我還會在草稿上簡單的做些上色。

跟上述一樣，選用水藍色後我將整體輪廓描繪出來，再新建圖層後選用黑色進行描線。

之後再使用較大的筆刷尺寸去快速的上色，接下來就已這個上色的草稿狀態，去跟委託人

做確認。
跟委託人進行顏色上的確認

2) 接下來的準備

描繪線稿
若是委託人對於提出的草稿OK沒有問題的話，就可以進行線稿的處理了。
我自己的話線稿會維持著一定程度的草稿會比較好作畫，所以會先將草稿做個總整理。

(也有另一種像厚塗一樣的利用外輪廓作描繪的方式。)

就算是線稿我也不先選用向量描繪，而是​使用麥克筆系或是鉛筆系的筆刷將線條做總合​。

關於繪圖軟體工具只要選用大家喜歡的就可以了

這次選擇黑色當作線稿中線條的顏色。因為我的筆壓較弱，所以在繪製線條的時候，如果

我只畫一條線，顏色會不夠深刻，所以我使用了​麥克筆系的筆刷​(挑選下筆時也不會一口

氣變太黑的筆刷)。

同樣的 在這裡也請大家由自己的喜好去做調整。

在繪製線稿時，因顧慮到上色時的上下關係，我會將每個部位做圖層的分類，再來去描

繪​。

這次是分別分成這些圖層:

帽子
瀏海
臉以及五官(包含眼睛、鼻子、嘴巴等等)
後髮
素描本
右手
左手
身體

複雜的構圖下圖層也會分的較多，基本上只要保握著重疊、以及重點這些地方好好的分開

圖層去製作的話，接下來的作業也會變得較為輕鬆。
整理圖層
繪製線稿時，為了防止之後塗出底色外面或是刪除到需要用的部分，點選在圖層面板中的

「鎖定透明圖元」。

為了要更加容易管理圖層，還會建議​使用資料夾好好的去做分類​。

圖層資料夾可以依照部位等方法去做分類。分類好後也別忘了更改圖層名，讓自己可以更

好去找尋。
雖然在每個圖層命名有些麻煩，但至少要將「線稿」、「上色圖層」或是在上色時較為重

要的部位，例如說人物的「皮膚」等地方，去好好做分類命名，

相信上色的時候也會變的快速容易，​這項分類的工作還請不要偷懶​。

打底色
線稿完成後，接下來就來準備畫上打底色。在色板中有非常多不同明亮的灰色可做選擇，

非常方便。

(另外也可以像範例圖一樣，可以在色板中把灰色分別以10%的明度做為差別變化登錄也

很不錯。)

接下來將線稿的​每個圖層都畫上打底色​。

線稿的圖層請參考範例圖，已將要上色的部分使用「填充工具」對其進行填充。

顏色的部分則是選用剛好是白跟黑的中間色程度的灰色。
色環中「HSV」將V值設置成50%的話就可以得到上述所說的白跟黑的中間色程度的灰

色。將這個顏色登錄至色板中的話會方便很多。

分別在每個圖層的線稿中上色吧。
背景的填充
來新增一個圖層吧，我們將此圖層當成是背景，將圖層移至最下方。

先前在人物圖層的打底色中，我使用的是白跟黑的中間色程度的灰色，我認為這個顏色比

起背景是白色，在視覺的基準中更可以容易判斷哪邊會是較為明亮的顏色(或是高光色)。
3) 開始打上陰影

來分類出哪些需要畫上大面積的陰影吧。

首先在各部位中選擇出需要表現出明暗的地方。

我們先來看看哪個部分會是最明亮的地方，我認為是水手服中白色的部分、或是皮膚的部

分，確認完後開始在那些部位運用不同的灰色來增加明亮度。
接下來，我們來選擇較為深色的地方吧，這次的灰色選用的是明亮度30%的灰色。

來為水手服的領子、領巾、頭髮的部分上色，考慮到之後可能需要修正，所以在水手服領

子和領巾這兩邊的圖層為分開的。

灰階上色的重點

在開始畫的時候，我會盡量不使用白（RGB　255．255．255）和黑（RGB　0．0．0

．）這兩種顏色。
說到為什麼要這樣做呢，是因為白色是屬於最亮的一個高光色，黑色則是屬於最深的顏色

，不管是哪個都是非常令人矚目的顏色。

所以說這兩個顏色我會放在最後，去根據描繪的圖層效果而調整﹑或是確認整體的平衡後再

加入。

另外，即使使用了圖層的「混合模式」來進行色調調整，也會成為不太好調整的顏色，所

以建議一開始先不要使用會比較好。

打上陰影
分類完成的話，就準備來畫上大面積部位的陰影。

會推薦大家可以先從主要的區塊來開始上色，這次我們先從皮膚再到臉開始上色吧。

皮膚的部分我們在剛剛已經分好了圖層，所以就可以快速的直接在該圖層上上色。

陰影也可以繪製在同個圖層，抑或者是新建一個新圖層也是沒有問題的。

我自己的話，常會在最後確認時調整臉的部分，所以最初分圖層時就會分的較細。在這個

步驟的時候也是，我將臉部和其他部位的皮膚部分(這次的構圖只有露出手和脖子的部分)

都有仔細的分開圖層。

接下來步驟如下。

複製事前已上完色的皮膚圖層→將身體的線稿作為參考圖層→使用工具中的「圖層」找到

並選擇「設定為參照圖層」→把想分開的部分選取後刪除，並重命名圖層。
檢查是否有陰影溢出去線稿以外的地方，有的話再使用橡皮擦工具擦乾淨。

利用色彩增值來打上陰影
完成大面積部分的繪製後，我們接下來著手進行細部的處理。

建立新圖層後在圖層工具列中的「混合效果」點選「色彩增值」(正片疊底)，且移動至線

稿下方的圖層。

如果按住Ctrl鍵並點選全部以上完底色的圖層，則可以選擇該圖層的已繪製部分。

在選擇仍處於全選的狀態下，點選「色彩增值」，之後點擊「圖層」中的「圖層蒙版」且

「在選擇範圍外製作蒙版」即可。

讓我們利用這個圖層來繼續一起繪製陰影吧。

選擇了較淺的灰色來做陰影。這次使用的數值是將V值設置為80%的灰色。筆刷只要依照

自己的喜好去做選擇就可以了，快速的添加上陰影吧。
新建圖層後，利用較明亮的灰色來添加頭髮的光澤。之後再新增一個圖層後幫瞳孔中的光

輝補上一點白色。

如果想要添加更多陰影，可以再「混合模式」中新增一些「色彩增值」的圖層、或是製作

「圖層蒙版」來重複這個繪製過程即可。
若是不需要將頭髮或是小物品等、身體或是衣服分成不同的部分時，可以不使用「圖層蒙

版」，而是透過「用下一圖層剪裁」來去用相同手法去上色。

又或者是說圖層的分類太過麻煩，也可以再打底色的圖層中直接上色也都沒有問題。

在背景中所使用的灰色一樣是先前所提到的中間色調的灰色以此為基準，請在繼續在較深

的地方再上更深一些的灰色、較亮的地方上些較明亮的灰色去處理。
4) 開始上色和著色

利用「覆蓋」來進行上色
完成一定程度的陰影後來開始上色吧。

為了要更方便使用或是能夠更快去理解，首先我推薦在「混合模式」的「覆蓋」來上色。

選擇膚色後，新建圖層、在「混合模式」中將原先的「正常」設定更改為「覆蓋」，

且將圖層移動至所有圖層的最上方吧。接下來就來幫皮膚上色了囉。
選用自己喜歡的筆刷，且在同一個圖層開始上色吧。

如果就單純這樣上色，因為是僅有明度的一個狀態，所以顏色會較為黯淡。

為了改善這種狀況，我會添加明暗區域的顏色。
首先就來為明亮處上色。

新建圖層後點選效果中的「覆蓋」，設定完成後將顏色偏亮的黃色放在會較為明亮地方讓

明亮的效果更好。

同樣的，針對偏暗的地方我們也要去做調整。

我們以相同的手法先新建圖層，並且這次在用較為深色的藍且放置在陰影處。
 learning醬

僅使用​覆蓋圖層​的話會是這樣的感覺！
繼續上色
先確認一下目前整張作品的效果，

在自己覺得顏色不夠的地方可以再利用「混合模式」中的「覆蓋」效果來去重複添加顏

色。

或是可以自己再去根據不同的變化去變更圖層中的「混合模式」。
這次我還使用了「濾色」來為頭髮增加了透視感。

另外，水手服上衣的影子稍微有點偏淡，所以我再另外使用了「色彩增值」加了些藍色上

去。

5) 完成整體

完成作品後，我們來將作品整體重新檢視一次。
如果找到感覺顏色稍加不足的地方、或認為描繪的不夠精細的地方也請將它補完全吧。

可以看到下方的圖片中，是如何一點一滴去增加顏色來做變化的。

整體顏色的的調整
顏色都大約固定下來了，接下來我們來調整整體的色調。

先新增一個圖層，且圖層內填充好橘色後使用「混合模式」中的「覆蓋效果」，

並在工具列中找到「圖層」後進入「色調補償圖層」後使用「漸層對應」。

使用「漸層對應」去新增陰影的漸變感是個很方便的功能。

完成整體色調的調整後，將角色圖層和背景圖層各自合併完成。角色圖層也可以適用於使

用「用下個圖層做剪裁」。
要讓顏色好好融合在一起的時候，可以去調整色調曲線、色調平衡、漸層對應等等來去做

整體色調的調整。

完成整體顏色的調整後，再將所有圖層合併一起。
POINT 要讓陰影更凸顯的時候

如果使用混合模式將顏色添加至灰色的陰影中時，為了不要讓色相改變，我們可以疊加一

層套用混合效果中「覆蓋」的圖層，就可以達到效果。

在這種狀況下，除了上述所說的疊加覆蓋效果的圖層外，還要再另外加上例如色彩增值、

濾色、加亮顏色(發光)等混合模式去使用，並透過這種方式去調整整體的色調。

又或者在整體添加完所需的顏色後，可以試著新增圖層後在上面放上亮黃色系等且套用混

合模式的「覆蓋」去變化、調整圖層的透明度，來讓整體平衡感達到最佳效果。
以及，雖然是稍微有點難度的作法但是也可以透過漸層對應這個功能去做調整。

這對於灰階上色來說是個非常方便的功能，當然不只是只能利用於灰階上色，在使用其他

的上色法時我也會經常使用這個功能來去調整整體的色調。

這一次我也是根據自己漸層對應而進行了整體顏色的最終調整。

加筆確認
再次確認自己是否有沒注意地方，這次我在臉的部份、頭髮和線條進行了一些加筆。

顏色的選用可以吸取該地方相近的顏色，會讓整體看起來更加自然。
背景的增添
若是拿來當作是社群網站的頭貼這種小小視窗的領域時，背景就是一個可以改變整體氛圍

的地方。

這次我還利用了噴槍筆刷讓部分看起來較為朦朧，就好像是讓主角照耀在聚光燈底下一

樣。
6) 完成作品

我自己還很喜歡有點閃閃發光的效果，所以還另外使用了CLIP STUDIO ASSETS上的筆

刷、套用了效果。然後又做了點顏色上的微調就完成了。
在畫彩色插圖時有各種不同的繪製方法。
常見的繪製方法大概是「厚塗」、「水彩上色」、「動畫上色」這些吧。

這些繪製方法基本上是以

1. 繪製線稿
2. 塗抹底色
3. 加上陰影

這樣的步驟來完成的。

但在這次要為大家介紹的「灰階畫法」裡，步驟的順序剛好相反，會先從陰影著手繪製。
從最初的步驟到幾乎完成的階段都不考慮顏色，單純以明暗不同的灰色繪製，最後才一口氣塗上
顏色來完稿。

灰階畫法的優點與缺點
■優點
● 在著色前先加上陰影較容易帶出立體感
● 明暗營造的視覺差異比較大
● 區分塗上不同顏色時，不需要考慮各個部分的陰影顏色
 ● 上色步驟單純
● 能減少圖層數量
● 插圖會比較精緻

■缺點
● 因為無法省略陰影，所以很難繪製簡化陰影的簡單插圖
● 需要重複嘗試以灰色塗色，比較難把握完成作品的所需時間
● 很難繪製動畫風上色那樣簡潔美觀的圖

灰階畫法的步驟
大致上的步驟來說，首先以灰色把圖畫完，接著再用彩色加上顏色，最後進行加工來完稿。
那麼就讓我們實際看一下繪圖過程吧。

1.以黑白色階繪製灰色的圖像
只以灰色來繪製插圖。在這個步驟裡可以區分圖層上色，也能使用一張圖層直接塗細。
最後會把所有圖層平面化成一個。
【POINT】
如果想要完成精緻的插圖，在以灰色繪製插圖的步驟裡，上色的作業非常重要！
在塗抹時刻意留下顏色不均勻的部分，或是使用筆觸特殊的筆刷進行塗抹或套用材質都能製造出
不錯的效果。

2.進行彩色化
這個步驟裡可以在「覆蓋」・「線性光源」・「彩色」等圖層混合模式中選擇自己喜歡的來使
用。
依塗抹在圖層上的灰色不同，會出現適合跟不適合的差異，建議參考實際的狀況選擇適合的混合
模式來使用。

＜圖層混合模式＞
「​覆蓋​」→亮的部分會變得更亮，暗的部分會變得更暗。幫灰底加上色彩時常用的基本混合模
式。
「​線性光源​」→依照塗抹的顏色輝度，效果會發生變化的圖層模式。塗抹比下方顏色淺的色彩看
來就會變亮，而塗抹比下方顏色深的色彩看來就會變暗。能製造出比覆蓋更強烈的明暗差異，希
望強調插圖的明暗時可以使用這種混合模式。
「彩色」​→在維持灰底色階的狀態下，單純加上顏色的圖層模式。使用在想要單純地幫灰色加上
色彩時。

在灰色的圖層上疊上覆蓋圖層，塗上顏色。
如果只使用一個覆蓋圖層，陰影部分會留下看來灰灰的部分，所以在下一個步驟裡，要再使用一
張覆蓋等混合模式的圖層繼續進行上色，幫這些部分也加上顏色。

3.完稿步驟
除了前一個步驟使用的模式以外，還能選擇「相加(發光)」・「色彩增值」等圖層混合模式。
可以重疊數個覆蓋圖層來處理圖上灰暗的感覺。
以相加(發光)圖層幫重點部分加上亮部。
＜圖層混合模式＞
「​相加(發光)​」→能配合下方塗抹的顏色來提高亮度的圖層模式。可以用在想加上亮部等重點部分
的時候。
「​色彩增值​」→能配合下方塗抹的顏色來降低亮度的圖層模式。可以用在補畫忘記使用灰色繪製
的部分。

灰階畫法的上色步驟～第二招～
如果使用支援​「漸層對應」​功能的繪圖軟體，可以輕鬆把以灰色塗抹的圖像變成效果讓人印象深
刻的插圖。
所謂漸層對應，指的是「配合圖像顏色的濃淡套用漸層」的功能，在Photoshop和CLIP STUDIO
PAINT上都有搭載。

下方的圖像是在用灰色繪製後，套用漸層對應「昏暗的陰影(紅)」的結果。
使用漸層對應來替換顏色，把整體變成復古照片風，並將中間色部分替換成綠色和陰暗處的藍色
等重點顏色。

灰階畫法基本上像前面所說的，是種在無彩色的灰色上加上色彩的畫法，但作為數位繪圖特有的
「發展型態」技巧，也能使用「套用漸層對應的顏色來進行加上色彩」這樣的做法。

下方的圖像是在套用了上述的漸層對應後，又重疊了覆蓋等圖層。
能繪製出和手動上色時完全不同的風格。