《利用 HLS 輕鬆在作品中加入各種顏色》

大家好我是 LiyanLyf ！這次的 tips 主題是「色彩繽紛的插圖」。

提到色彩繽紛，不知道大家有沒有過這樣的經驗：樹葉選綠色、樹幹選棕色、海洋選藍色、雪地選白色……就是「物體是什麼顏色就選什麼顏色」的情況呢？

這樣的配色方式常常讓我感到困惑，尤其當我看到那些色彩豐富到數也數不清的作品時，更是完全不明白那些顏色是怎麼添加進去的。

於是，我花了些時間研究，最終整理出一套自己的方法，希望能夠對您有所幫助，並啟發新的創作靈感。

在這篇 tips 中介紹的方法可以讓您在創作的初期鋪色階段或創作後期豐富顏色變化時，無論您是使用灰階上色技法還是直接選色上色，都能在不改變整體素描關係的情況下，加入各種您喜歡的顏色！

【什麼是 HLS？ 】

在 CLIP STUDIO PAINT 中，有兩種色彩空間可供選擇：「HSV色彩空間」與「HLS色彩空間」。

你可以通過色環左上方的按鈕切換，也可以點擊右下角的圖示來切換。

HSV：由色相（Hue）、飽和度（Saturation）、明度（Value）組成。

HLS：由色相（Hue）、飽和度（Saturation）、輝度（Luminance）組成。

這兩者的區別在於明度（Value）、輝度（Luminance）

 

以下舉一個簡單的例子讓我理解這兩種的不同︰

我們色相選擇紅色，並且在明度（Value）與輝度（Luminance）為80%的情況下，開始增加飽和度到80%看看會有什麼效果。

我們可以看到HSV的紅色非常鮮艷，HLS的紅色卻是淡淡的粉紅。

雖然在這兩個色彩空間中，我們都設置了 80% 的飽和度和紅色色相，但為什麼 HLS 中的紅色看起來這麼淡呢？我們可以將圖片切換為灰階模式來檢視：

（灰階模式就是將圖片轉換為黑與白，讓我們可以快速分辨出物體與顏色的素描關係）

我們從上面可以發現，HSV在飽和度上升的情況下，在灰階模式下給人的感受卻是更暗的。

而HLS則是不會改變原本的素描關係，★意即不管你的飽和度是多少，只要輝度不變，HLS都會在客觀的亮度上保持一致。

※從上得出 HSV 與 HLS 的差別為︰

・ HSV︰明度（Value）表示顏色從黑到亮的變化，指的是顏色的亮度或暗度，是一種主觀的視覺感受，比如從深紅變成亮紅，但不會變成純白或純黑。

・ HLS ︰輝度（Luminance）表示顏色從黑到白的變化，指的是光的實際強度，是一種客觀的亮度，比如從黑到深紅再變成粉紅，再到白色。

 

※更加詳細的面板介紹可以參考官方的這一篇文章︰

https://tips.clip-studio.com/zh-tw/articles/657

【如何查看圖片的素描關係】

我們先點選圖層面板的左上角（或是直接在任一圖層上按右鍵）

選擇「新色調補償圖層」→「色相．彩度．明度」

將「彩度」設定為 -100 ，按下OK

並且確定「色調補償圖層」位於最上方。

這麼一來我們就可以通過開關「色調補償圖層」，隨時確認作品的黑白素描關係。

【不破壞素描關係的前提下，加入各種顏色】

在了解如何隨時確認作品的黑白素描關係後，就到本篇的重點了，應該如何加入各種顏色進去呢？

簡單來說︰

1.使用 HLS 色彩空間

2.在想要加入顏色的位置使用吸管工具吸取 HLS 資訊

3.在輝度（Luminance）不變的情況下，依照自己的喜好隨意更改色相（Hue）與飽和度（Saturation）

4.畫上去！大功告成！

 

如此一來就能夠在不破壞原本的素描關係的情況下隨意加入顏色了！是不是很簡單呢？

不過遇上想要大規模加入顏色的時候，除了直接畫上去之外，我也會使用兩種選區工具來幫助我快速完成。

在這次的 Tips 中，我準備了兩種範例︰

・第一種是在素描層次還處於初期階段時（即灰階模式下的層次還不多時），我會使用「自動選擇」工具來輔助。

・第二種是在素描層次已經非常豐富，「自動選擇」工具難以選取大範圍區域時，我會使用「色域選擇」工具來輔助。

【範例1】

1.建立圖層

首先我們先新建一個圖層，圖層的混合模式（Blending Modes）選擇普通（Normal），並且打開之前已經建立好的「色調補償圖層」。

2.「自動選擇」工具（俗稱魔術棒 Magic Wand Tool ）

選擇「自動選擇」工具，並且選取「參照其他圖層選擇」，底下的「顏色誤差」則是根據你的作品做調整，數值越大選擇的範圍也會變大。

3.建立選區

選擇大範圍的暗面或是亮面，我們這邊先選擇圖中暗面裡佔最大面積的灰色。

3-1

這時候我們發現有些灰色的地方沒有選擇到，我們按住Shift就可以加選這些區塊。要選的多仔細完全取決於你，當然如果你原本的各個顏色都有分不同的圖層，此時就可以很方便的把他們選擇起來。此範例是假設所有圖層都已經合併，因此需要手動選取。

4.獲取顏色資訊

我們使用吸管工具（筆刷模式下按著 Alt 也可以快速切換）。

4-1

在你想要添加顏色的位置點擊左鍵，並查看該位置的 HLS 數值。由於我們開啟了「色調補償圖層」並將彩度降至 0，所以色相（Hue）與飽和度（Saturation）都顯示為 0，僅有輝度（Luminance）有數值，此處的輝度為 49%。

4-2

這邊我們可以關閉「色調補償圖層」，並且在同一個位置吸色看看。

★我們可以看到，因為不再是灰階模式檢視，所以色相（Hue）與飽和度（Saturation）都有了數值，但最重要的是，輝度（Luminance）依然保持在49%。

5.大膽玩色

恭喜你！接下來，只要保持輝度（Luminance）不變，我們就可以大膽地調整色相（Hue）和飽和度（Saturation），填上自己喜愛的顏色了！記得每次在不同位置上色時，都要重複上述步驟，這樣才能最大限度地確保素描關係不會被打亂喔！

6.檢查素描關係

在繪畫的過程中記得要不停的開啟與關閉「色調補償圖層」，並且不停的吸取顏色來檢查素描關係，讓最後的圖與一開始的素描關係保持大方向的一致。

不需要給自己太大的壓力去追求完全的準確，只要整體的素描關係大致相同即可。

【範例2】

1.建立圖層

跟範例1一樣，首先我們先新建一個圖層，圖層的混合模式（Blending Modes）選擇普通（Normal），並且打開之前已經建立好的「色調補償圖層」。

2.使用「色域選擇」工具

選擇上方工具列的「選擇範圍」，再選擇「色域選擇」。

3.建立選區

將「顏色的允許誤差」設為 0.5~1 ，並且在想要替換顏色的區塊點擊左鍵，這個時候因為畫面是灰階檢視的緣故，「色域選擇」工具會將整張畫面相同輝度（Luminance）的地方選擇起來，我們後續就可以很方便的使用相同輝度的顏色來上色囉～

4.獲取顏色資訊

跟範例1一樣，使用吸管工具獲取顏色資訊（筆刷模式下按著 Alt 也可以快速切換）。

4-1

我們可以看到在「色域選擇」工具的幫助下，他已經幫我們選擇了整張畫面灰度在16~18的區域（會有誤差是因為我們在前一個步驟裡將「顏色的允許誤差」設為1，如果這個數值設的越小，選取範圍會更精準，但是也會更花時間）

5.大膽玩色

接下來就是維持輝度在16~18之間不變，開始大膽的調整色相與飽和度，畫上自己中意的顏色吧！

（這邊我先將普通圖層移到「色調補償圖層」上方，方便各位看到選區染色後的結果，後面記得移回去）

5-1

關閉「色調補償圖層」後，Ctrl+D取消選取，我們來看看效果。

5-2

開始重複以上動作，鋪上不同的顏色

5-3

最後也可以使用「噴槍」或是「色彩混合」工具，過渡一些顏色，讓顏色更柔順。也可以保留一些固有色（物體原本的顏色），我這裡選擇保留的是臉部的皮膚色，以上的各種選擇完全可以依照自己的喜好去做決定，放心大膽玩色吧！

6.檢查素描關係

跟範例1一樣，在繪畫的過程中記得要不停的開啟與關閉「色調補償圖層」，並且不停的吸取顏色來檢查素描關係，讓最後的圖與一開始的素描關係保持大方向的一致。

不需要給自己太大的壓力去追求完全的準確，只要整體的素描關係大致相同即可。

【結語 】

希望這個教學能夠為您帶來一些靈感與想法，喜歡的話歡迎留言或是點個愛心讓我知道～感謝您觀看本教程，一起畫出色彩繽紛的插圖吧！