《保持固有色的同時大膽玩色！》

這次的主題是「色彩繽紛的插圖」。

 

不知道你有否遇過一個令人困擾情況：

想畫的人物和事物的固有色^並不繽紛！畫出來的插圖畫面色彩很平淡沉悶！可是基於那是那些事物的原有設定，所以不能隨意更改顏色！

 

^固有色：意指物件本身的顏色。例如乾淨的雪是白色、木材是棕色等。

 

那麼，該怎樣做才能讓插圖的畫面色彩豐富一點呢？

這篇TIPS將會提供數個小方法，來讓你在這個被限制的狀況下畫出色彩繽紛的插圖。

 

 

【給初學者的色彩相關基礎簡介】

在這部份我會先簡單介紹基礎的色彩原理，以解釋文章之後會用到的專有名詞。

已有一定基礎的讀者可以直接跳到《預備工作》正式開始。

 

 

✧ HSV 及 HLS 色彩模型簡介

現在通用、用來標示顏色的色彩模型有好幾種。

其中一種最廣為人知的是HSV系統。

 

HSV的字母，分別代表：

H： "Hue" 色相【紅>黃>綠>藍>紫>洋紅：0~359】

S： "Saturation" 飽和度【灰~彩：0~100】

V： "Value / Brightness" 明度【暗~亮：0~100】

 

以色環來展示如下：

除此之外，Clip Studio Paint 還內置了另一色彩模型 「HLS模型」。

你可點選以下位置作轉換：

HLS的字母，分別代表：

H： "Hue" 色相【紅>黃>綠>藍>紫>洋紅：0~359】

L： "Lightness" 亮度【暗~亮：0~100】

S： "Saturation" 飽和度【灰~彩：0~100】

 

它跟HSV模型使用上非常相似，你可以根據個人喜好來選擇使用哪一種模型來挑選顏色。

 

 

✧色彩原理名詞簡介

• 固有色：物件在自然光線下呈現的顏色。

配色方式：

• a.相似色：對象色在色相環兩側的顏色，一起使用時會給人舒服自然的感覺。

• b.互補色：對象色在色相環正對面的顏色，一起使用時會給人強烈衝擊的感覺。

• c.側互補色配色：取用對象色在色相環正對面一旁位置的顏色。

• d.分割互補色配色：取用對象色在色相環正對面兩旁位置的顏色。

• e.三角配色：取用色環中正三角位置的三種顏色，亦能給人衝擊的感覺，但會比互補色更繽紛

• f.矩形配色（方形配色）：取用色環中矩形位置的四種顏色，色彩更繽紛，但需注意用色平衡。

【預備工作】

在開始之前，請你先把繪製的插圖最低限度分成以下幾個圖層，以方便作業：

1. 線稿

2. 膚色的陰影

3. 眼睛和膚色的底色（固有色）

4. 主陰影

5. 底色（固有色）

6. 背景

 

這裡特別把眼睛和膚色分出來，是因為這兩個部份的顏色是較難控制的。

你亦可以依照自己喜好而再加以細分，例如再將前後背景跟人物分開、有多於一個陰影圖層等。

 

 

✧範例圖

這次的範例圖內容是「穿著水手制服的亞裔女生被植物包圍」。人物的生物特徵顏色（如黑髮、黑瞳）和樹葉的固有色（綠色）是已經定下來，不能隨意更改的。

 

為了方便解釋，我使用了賽璐璐（色塊）的上色風格。但其實即使使用其他上色風格的插圖也是沒問題的。

另外，請找出你的插畫中有什麼東西的顏色是可以隨意改變的。這部份可用作將來畫面整體調和、緩衝。

 

在範例圖中，由於人物和樹葉的固有色已經固定了，所以我決定把天空劃作自由變色的部份。

一來是天空本來除了藍色外還可以其他如橘、紫等顏變化；二來天空在這幅插圖的重要性比人物和樹葉低，所以讀者對它的注意度也會相對較低，留給繪者更多的空間作變化。

 

有時單是改變這塊就已經可以達到色彩對比效果了。在下方，我將天空變成了紅色的背景，是否有感受到畫面增加了的衝擊感呢？

當然，如果基於繪製主題而想保持藍天背景也是沒問題的，下面將介紹各種各樣的加工方法給你參考！

1. 【使用高飽和陰影】

✧ 把本來的陰影改變成高飽和度的顏色

這裡我把陰影改成飽和度高、明度低的紫色。

 

有關陰影圖層屬性設定：

• 若陰影覆蓋範圍只包含一種固有色，可使用普通或色彩增值的圖層屬性；

• 若陰影覆蓋範圍內有多於一種固有色，請使用色彩增值等的圖層屬性。

例如葉子的陰影圖層可以使用普通或色彩增值 （因為只有一種固有色「綠色」）；

而衣服的陰影圖層則需使用色彩增值（因為衣領、蝴蝶結等的顏色不同）。

注意膚色和眼睛並不能使用與其他位置相同的紫色，需要另外調低明度和飽和度。

 

眼睛的陰影色色相可與主要陰影色（紫色）較接近，但飽和度較低一點；

膚色的陰影色色相則需靠近其固有色。

（另外我亦提高了天藍的飽和度高以配合畫面）

如果加上陰影後看不出固有色的話，可以把陰影顏色的飽和度調低。

例如下圖使用了紅色陰影，水手服的藍色衣領會變得辨認不出原本顏色。所以我在保持色相不變的情況下，將飽和度調低，直至能辨認出大概固有色的程度。

✧ 如何選擇陰影顏色

陰影顏色數量：

為了保持畫面的統一性，我會建議初學者先從一種陰影色相顏色開始，眼睛和膚色的陰影則是根據已選擇的顏色再微調。而遇上個別部份不好看的話，亦可透過調整該部份的陰影飽和度和明度來達至平衡的效果。

到你開始熟練後，可以試試使用相似色的陰影（即是多於一種的顏色），逐步擴大顏色使用範圍！

 

如何決定色相：

首先，先找出插圖中「佔最大部份的固有色」，然後再選擇該固有色的互補色或互補色相鄰的顏色。

 

在範例圖中，佔比最大的就是樹葉的「綠色」。所以上面我以紅色和紫色作陰影加工作示範。如果是使用了綠色的相似色，色彩衝擊效果則不如紅色和紫色。

像下面我使用了帶點青藍的陰影顏色，在並排對比下你可以清楚看到它與原圖的感覺很相似，效果遠不及紅或紫色陰影。

 

 

如何決定飽和度：

為了讓顏色更繽紛，我會建議使用飽和度較高的顏色開始，然後按個別需求作微調（例如眼睛和膚色的部份）。

 

如何決定明度：

我建議初學者選擇明度比固有色低的顏色，或使用「色彩增值」圖層來添加陰影，以保存「陰影是深色的地方」的原理。

在熟練之後，可以試試將結構單純的物件的陰影改成較淺的顏色，會有驚喜喔！

 

例如下面我就試著使用淺粉紅色作葉子的陰影，再將天空調成粉紅的側互補色，你覺得如何呢？

2.【把本來黑色的地方替換成其他高飽和顏色】

✧ 選取替換成其他高飽和顏色的部份

• 線稿

• 閉塞陰影（即整幅插最深色的陰影位置）

• 也可以選取其他非常深色的位置

這裡的陰影跟第一部份提及到的不同之處在於，不是選取「一整片」的陰影，而是只選擇「最深色」的部份。當然，你亦可根據自己的喜好來決定要選擇部份的多少，只選擇線稿部份也是沒有問題的。

 

 

✧ 如何選擇替換成的顏色

• 可以先從高飽和度的顏色開始—【例I、II】

• 需注意明度，如果顏色太淺的話會讓人看不出物體本來的結構（尤其是如果選取位置包含了很多陰影的話）—【例III：人物手中抓著的頭髮其實已經不太看得出是什麼來】

• 可加入數種相似色的漸變來增加趣味—【例IV：加入了紫~紅的漸變】

3.【使用濾鏡方法後製】

在此部份我會集中說明在不修改圖像的前題下，使用後期加工方法去令到插圖更色彩繽紛的方法。

✧ A. 提高飽和度

新增一個色調補償圖層於最上方，把彩度提升。明度則可視乎整體再微調。

 

這方法能令畫面色彩更飽滿，但不會為畫面增加更多不同色相的顏色，所以可以當作是個輔助的功能，再加入下面其他的後製方法一併使用。

✧ B. 以其他顏色繽紛的圖像調節現有顏色

我把這個素材加進插圖最上方，並把圖層屬性調成「實線疊印混合」，不透明度設定成30%。

 

因為這次的插圖是使用色塊的上色風格，所以我使用了這個圖層屬性來得出色塊感。其他圖層屬性例如「變亮」、「小光源」也是不錯的選擇。

 

這個動作可以從微觀方向為你的插畫增加色相躍動感覺。你可以看到葉子現在有不只一種的顏色，但又同時保持了「綠色」的屬性。

 

 

✧ C. 以其他顏色繽紛的圖像加入現有畫面

我把這個素材加進插圖最上方，並把圖層屬性調成「濾色」，不透明度設定成75%。

 

因為插圖的內容是在室外，所以加入鏡頭折射陽光所產生的稜鏡光也是不錯的選擇。

除了現成的圖像素外，也可以使用一些彩虹色棱鏡類的筆刷，並使用「覆蓋」等的圖層屬性。

 

這個動作可以直接為畫面增加更多不同色相的顏色。即使是使用只有相似色的圖像，只要它是不同於原圖的色系，也能獲得相當不錯的效果。

4.【加繪物品】

既然現有物品的固有色不能更改，那麼為了增加顏色，就加入一些別的物件進去吧！

 

 

✧ D. 加入彩色外框

這裡我加入了一個黃橘色漸變的粗邊外框，並把圖層屬性調成「小光源」，不透明度設定成50%。

 

 

✧ E. 加入可填上任意顏色的圖案

這裡指的是裝飾性圖案。

可填上任意顏色的，例如星星、心形、波點、菱形、線條圖案等，都可以使用。視乎怎麼樣的圖案合符你的插圖主題及風格。

 

 

✧ 如何選擇加繪物品的顏色

我會建議使用「插圖中佔最大部份的固有色」的互補色或側互補色。

而加繪的物品之間則使用相似色。

這樣能增加色相躍動感的同時，不會令畫面顏色看起來過於雜亂。

 

在範例圖中，就是佔比最大的樹葉的「綠色」，所以我選擇了「紅色」及其相似色「黃橘色系」作加繪物品的顏色。

 

 

附錄：如何達到顏色平衡

如何選擇顏色永遠對初學者來說是個令人苦惱問題。

這裡提供兩個方向作參考：

 

 

1. 調整顏色的飽和度和明度

在選擇數個色相後，若放在一起不好，請試試調整其飽和度和明度。

 

例如下面我使用了矩形配色法，得出了四個色相（左邊）。但它們看起來很刺眼，並不好看。

所以我把洋紅跟綠色的飽和度降低、藍色的明度降低、紅色則保持不變。

這樣出來的配色，在保持了色彩繽紛的同時，比原本的配搭更有設計感。

2. 決定或找出插圖的主題色

顏色跟其他視覺藝術的領域一樣，有分「主」「次」才會好看。

 

請嘗試不要把選擇的顏色平均的塗在畫布上，而是需要調整它們的比例、有多有少，再試試看：

【結語】

結束！

那麼多個顏色版本，不知道你最喜歡哪個呢？

對於這個教學，您覺得如何呢？

歡迎留言讓我知道！希望這個教學對您有幫助。

 

 

【素材使用】