介紹 + 影片 + 預覽

大家好！

這次我們要來聊聊漸層對應！

你可能從未使用過它們，但它們卻異常實用且多功能！我強烈建議學習它們。很可能其中至少有一種方法對你的數位藝術作品有用！

 

我將向你展示如何為黑白圖片上色、添加多色發光效果、輕鬆繪製雲朵及其他事物、編輯和潤飾你完成的藝術作品的顏色、創建替代顏色版本，甚至進行照片修圖。是的，你不一定需要 Photoshop 就能做到！

 

我還製作了本教學的影片版！快去看看吧：

在下方你可以看到本教學中會有哪些內容的預覽！

製作漸層對應：色調校正還是校正圖層？

所以，首先我得向你展示在哪裡可以找到它們。

一個地方是「編輯」→「色調校正」，你可以在那裡找到它。

然而，我建議你改用「校正圖層」。

原因是校正圖層是「非破壞性」的，這表示原始圖層保持不變。如果你使用色調校正菜單中的選項，那麼它也會改變圖層本身。

此外，校正圖層適用於下方所有圖層，或者你將其剪裁到的圖層，而不僅僅是一個單獨的圖層。

你可以透過在圖層清單上右鍵點擊，選擇「校正圖層」，然後在那裡找到它來製作校正圖層。

如果你想要一個更短的版本，你也可以在頂部的命令列上建立一個按鈕。我就是這樣做的。

順帶一提，我通常建議使用校正圖層。它們唯一的缺點是你的圖層清單會變得有點雜亂。但也就僅此而已。

漸層對應的運作方式

好的，讓我們最終來談談這些漸層對應實際上做了什麼以及它們如何運作。

基本原理非常直接。

想像你圖片中的所有顏色都根據其色調映射在一個漸層上。較暗的顏色在左側，較亮的顏色在右側。

漸層對應工具會取用該原始映射並用新顏色替換它。因此，漸層對應右側的所有顏色會替換所有原始的暗色調，而左側則替換原始的亮色調。

請記住，顏色並非按其「值」（即顏色的數位亮度）排序。它們是按其色調排序，也就是我們眼睛實際感知的亮度。

例如，藍色對我們來說比黃色顯得暗得多。

下方你可以看到它的圖示。

即使原始漸層的整體值為 100%，黑白漸層對應也會創建從幾乎黑色到幾乎白色的各種灰色。

由於這一點，你的原始圖片的對比度仍然得以保留，儘管它可能擁有各種顏色。

 

好的，現在讓我們看看工具本身：

我添加了一些數字，為你列出此視窗的元素：

 

✦ 1：漸層色條

你可以在這裡建立漸層。下方稱為「節點」的小箭頭，具有特定的顏色分配，程式會在這些節點之間建立漸層。以白色突出顯示的節點是你選擇的節點。你可以透過點擊色條下方來新增節點，並透過拖曳它們來移除它們。當然，你可以透過拖曳節點來移動它們。

 

✦ 2：位置滑桿

如果你希望更精確地控制節點的位置，那麼你可以使用此位置滑桿。

 

✦ 3：顏色

在這裡設定節點的顏色。「主繪圖顏色」和「輔助繪圖顏色」會從你通常選擇的主要和次要顏色中獲取顏色。「指定顏色」讓你透過點擊色條本身來打開一個視窗，以選擇特定顏色。或者你可以使用右側的滴管工具從螢幕上的任何地方選擇顏色。

 

✦ 4：混合率曲線

這為你提供了許多控制漸層結構的方式。它改變了你選擇的節點（「左節點」）與右側下一個節點（「右節點」）之間的漸層。你可以透過點擊此曲線來添加控制點，並透過拖曳它們來移除它們。一條直線的線性曲線會給你一個從一種顏色均勻過渡到另一種顏色的漸層。你在上圖中看到的曲線是預設曲線。它透過將左右兩種顏色都推向中間來創建更多對比。當你關閉曲線時，它實際上不會給你一條線性曲線，而是那個 S 形的預設曲線。請記住這一點！

這樣你就可以創建最狂野的曲線和漸層。無論什麼都適合你的需求~

 

✦ 5：漸層組

在這裡你可以找到所有你的漸層預設。你可以透過雙擊它們來應用它們。只需嘗試其中一些，看看你喜歡什麼，或者你可以以此為基礎建立什麼。在 Clip Studio Assets 中，如果你想要更多選擇，也可以免費找到大量的預設。膚色、天空顏色、金屬反射等等。

你也可以透過點擊底部的第 4 個按鈕並將其命名為你喜歡的任何名稱來製作自己的預設~

那麼，我們現在對漸層對應的功能以及如何控制它們有了概念。讓我們實際使用它們吧！

下方你可以看到一個範例圖片，讓你快速了解它的外觀。你可以看到所有的顏色都被漸層對應上的顏色替換了。

不過，這只是一個非常簡單的範例。在接下來的章節中，我將向你展示如何在合適的藝術作品上使用它們。

為黑白圖片上色

在數位藝術中使用漸層對應最直接的方法之一是為黑白圖像上色。這也是一種常見的技巧，一開始不帶任何顏色繪畫，這樣你可以輕鬆專注於明度值，然後再上色。

所以我特地為這個教學製作了這幅雪豹的黑白畫作，並希望藉助漸層對應為它增添一些色彩！

背景和雪豹在不同的圖層和資料夾中，我想分別為它們上色。雪豹的亮部會有暖黃色，陰影部分會有冷藍色。背景則主要會有暖色調，以便與雪豹的亮部協調。

所以我製作了一個漸層對應校正圖層，將其剪裁到上方突出顯示的雪豹資料夾，並選擇了這些顏色：

黑色和白色仍然保留著。也是為了保持對比。

陰影部分變成深藍色，而且顏色越亮，色相就越往黃色移動。飽和度也形成一條曲線。起初飽和度下降。橙色的中間調幾乎是灰色。然後亮黃色又帶有一點飽和度。這確保了新圖片會看起來色彩豐富，但同時也有些自然。

 

準備好試驗你的顏色。你需要不斷嘗試和更改顏色，移動節點並調整混合率曲線以獲得你想要的結果。所以，儘管我直接向你展示所有這些結果，但你沒有看到的是我一直在擺弄顏色，直到我得到最終結果。

 

好的，這是雪豹使用這些新顏色後的樣子：

與之前相比，變化相當大，即使我選擇的顏色相當柔和！

 

背景也將獲得漸層對應。我不僅想讓色調更暖和，還要增加對比度。你可以看到色調相當接近。

所以，這是我為它製作的漸層對應：

所以再次是非常不飽和的顏色。但即使是那一點點色彩也能帶來相當大的差異！

黑白再次保留在漸層上。你也可以看到漸層非常狹窄，大多數顏色都集中在左側。那是因為背景在較亮的一側沒有任何色調。

我透過簡單地將較亮和較暗的顏色拉近來增加對比度。

下方你可以看到結果：

背景上的波浪圖案現在因為對比度增加而看起來有點發光，我覺得這相當不錯~

 

好的，那我們來為眼睛特別上不同的顏色如何？

為此，讓我們再次製作一個漸層對應，但在我們嘗試為眼睛找到一些漂亮的顏色之前，只需選擇一些真正與你的圖片強烈對比的鮮豔顏色。

然後點擊「確定」，稍微降低漸層對應的不透明度，然後點擊遮罩圖層。按下「刪除」以快速隱藏所有內容。

然後在遮罩圖層上，取出不透明的畫筆並繪製眼睛。

對比色讓你可以更容易地查看是否正確繪製了所有內容。

那紅色可能看起來有點嚇人，哎呀。

不過現在它會被替換掉！再次，黑色和白色應該保持原樣，但在中間我想要一個深紫色調的藍色，逐漸變成有點明亮的天藍色。

對漸層對應進行這些更改後，如果需要，請繼續對遮罩圖層上已繪製的區域進行一些修正。

這樣，我們現在就有了一隻明亮、藍色的眼睛！

即使是眼睛上的反射現在看起來也更發光了，因為有了新的藍色輪廓。

 

透過這種使用遮罩圖層的技術，你可以為畫作中任何你想獨立上色的部分著色。例如，如果你畫了一個細節豐富的角色，你可以為角色服裝和其他特徵的各個部分製作漸層對應。

而且特別棒的是，你可以在任何時候更改和調整顏色！

你可以使用選取和填色工具來填滿這些區域，而不是使用畫筆。這只取決於哪種方法對於特定情況最方便。

 

所以，正如你所看到的，漸層對應讓黑白圖片上色變得超級簡單，而且非常方便！

添加多彩發光效果

儘管這是新的一章，我們仍在處理雪豹。但我們做一些不同的事情。讓我們添加一個發光效果！

確切地說，我想在背部添加藍色光暈，使整體圖像更具色彩。

現在我可以直接選擇一種藍色，創建一個新圖層並立即繪畫。也許使用「濾色」或「發光減淡」混合模式。

然而，我想要的不僅僅是一種顏色。我希望光暈從深紫色漸變到海軍藍，再到淺藍色，而最亮的部分則是純白色。

這需要切換很多顏色。但是，我們可以改用漸層對應，並只用白色和灰色繪畫。

這是設置方法：

 

創建一個新圖層，用黑色填充它，並將其混合模式設置為「濾色」。

「濾色」混合模式會隱藏黑色，如果你用比黑色亮的顏色繪製，它會使下方像素變亮。

 

你還可以創建另一個新圖層並將其剪裁到該濾色圖層。或者多個圖層。或者不剪裁任何圖層，你直接在濾色圖層上繪畫。這部分取決於你。

 

然後就是漸層對應！它也會被剪裁到濾色圖層，我們為發光設置顏色。

重要的是左側有黑色，這樣濾色圖層上的黑色保持黑色。

確保顏色之間有足夠的空間，並且製作出平滑的漸層。

這樣所有準備工作就完成了！讓我們進入繪畫部分！

 

選擇白色作為顏色，並選擇一支軟畫筆進行繪畫。最好是筆刷密度較低的。

然後只需在剪裁的中間圖層或直接在濾色圖層上繪畫。

你會注意到，隨著你塗抹更多顏料，使某些部分變得更亮，漸層對應中越來越多的亮色會出現！即使你只用白色繪畫！

如果你想限制最大亮度，你也可以用灰色繪畫。

你還可以使用各種工具。噴槍、紋理筆刷、塗抹工具等等。

上方的 GIF 只是快速展示繪畫過程實際運作的範例。

這是實際的最終結果：

透過降低濾色圖層的不透明度，發光效果也變得不那麼強烈了。

這樣雪豹就完成了！我非常喜歡發光與眼睛顏色的結合。

 

當然，你也可以使用其他漸層。例如，你可以使用這種看起來像火焰的漸層，從深紅色漸變到亮黃色。對於這幅畫來說，它看起來有點格格不入，但對於其他畫作來說，這可能看起來超酷！

使用漸層對應繪製雲朵

你不只可以為黑白圖片上色，或在現有畫作上進行作業。你還可以藉助漸層對應快速輕鬆地從頭開始繪製一些東西。

所以，舉例來說，讓我們畫一些快樂的雲朵吧~！

它也適用於其他類型的繪畫。但我對雲朵已經相當熟悉了。

 

那麼，我們首先需要再次設定一些圖層。

我使用正常的漸層工具，僅使用「藍天」預設來製作背景。然後我創建一個新圖層，這將是我們繪製的圖層，並在其上方剪裁一個漸層對應圖層。

至於漸層對應的顏色，你還可以直接從參考照片中選取。

例如，我這裡有這張漂亮的圖片（它是公共領域圖片），在漸層對應選單開啟的情況下，我只需使用「指定顏色」下的滴管工具從中選取顏色。

一個好的方法是先選取最亮和最暗的顏色，然後選取一個比最亮顏色略暗的顏色，以及一個比最暗顏色略亮的顏色。

我還添加了亮黃色以獲得更廣泛的範圍。

 

這樣我們就可以開始繪畫了！

將白色和黑色同時選為你的主要和次要顏色，然後從黑色開始。首先使用實心、不透明的畫筆建立基本形狀。當然，如果你願意，也可以事先打草稿。

你會看到，儘管你用黑色繪畫，但只會出現漸層對應中最暗的顏色。

然後我切換到我的其中一支雲朵筆刷，讓邊緣更有形狀。

順帶一提，我的雲朵筆刷都來自 Clip Studio Assets，而且是免費的。而為了繪製雪豹的毛髮，我也使用了毛髮主題的筆刷。那裡有很多好素材！

 

現在透過點擊圖層上方這個小圖示來鎖定透明像素，這樣我們就只會在已經繪製的區域上繪畫。

現在是時候使用白色或某種灰色，並用更柔和的雲朵筆刷繪畫了。與之前的發光效果類似，當你將圖層上的黑色變成越來越亮的灰色時，會出現更多更亮的顏色。

同樣，使用各種工具並賦予雲朵更多形狀。塗抹工具對於這些尤其方便。並不斷在白色和黑色之間切換以提亮和加深部分。你可以按下「X」鍵快速執行此操作。

由於這不是關於雲朵的教學，我不會詳細介紹如何繪製它們。抱歉。但我正在製作一個教學影片，將來會發布！

現在這些雲朵本身還不夠，所以讓我們在後面添加一些朦朧的雲朵。

為此，我創建一個資料夾，將已有的雲朵圖層放入其中，在它下方建立一個新圖層，並將漸層對應剪裁到整個資料夾。這樣它就會應用於其中所有圖層。

所以我開始在新圖層上繪畫。這次直接用白色，只使用非常柔和的畫筆。

我只是在這裡和那裡添加一些小積雲，還有飛機凝結尾，因為這是改善天空圖像整體構圖的簡單方法。

請原諒這些 GIF 的糟糕品質。畢竟它們是 GIF...

不過 YouTube 影片有更好看的錄影畫面！

 

但總之，雲朵就這樣完成了！嗯，我可以花更多時間來潤飾它們，但這只是一個快速的範例。

 

而且這種技術不只局限於雲朵。你可以用它來處理各種具有直接顏色漸層的事物。

潤飾和統一完成作品的顏色

好的，這次我們實際上要處理一張已經有顏色的圖片。這是我今年為慶祝新年而創作的一幅畫作。

然而，我對顏色不滿意。它們看起來不夠冬日感，而且對比度也缺乏。

漸層對應對於針對特定色調並更改該範圍的顏色非常有用。這樣你就可以輕鬆影響陰影、亮部和中間調的顏色，並使顏色更加統一，而不會完全破壞原始顏色。

那麼，讓我們開始吧！

我只是將以下漸層對應應用到整張圖片上。但當然我也可以進入原始檔案並更改個別圖層。

 

首先，我想改變陰影，讓它們更偏向深藍色。

所以讓我們製作一個漸層對應，並將黑色替換為藍色。然後將白色移近，並更改藍色的混合率曲線，直到只有陰影部分被藍色覆蓋。

然後點擊「確定」並將漸層對應圖層的混合模式更改為「色彩增值」。這樣，白色將被忽略，如果圖層上有任何比白色暗的內容，它會使下方的像素變暗。由於我使用的是值為 100% 的藍色，它主要只是導致色相偏移。但它最終仍然會看起來更暗，因為藍色是一種深色。

我也將不透明度降低到大約 50%，否則陰影會顯得有點過於極端。

這樣看起來已經好多了！

現在讓我們對較亮的部分做同樣的事情。我們製作另一個漸層對應圖層。我打算將其設為「濾色」圖層，所以這次黑色的部分將被忽略。我也保留白色，這樣太陽看起來是白色的，並在它的左側添加一個黃色。然後我再次移動節點並調整混合率曲線，直到只有亮的部分被黃色覆蓋。

像之前一樣，漸層對應圖層變更為「濾色」模式，現在所有明亮的部分都變得更亮，並與黃色更加統一。不過最好將不透明度大幅降低。這只是一個微妙的變化。再說一次，我們不想完全破壞原始顏色，或過度強調對比度。

你也可以對中間調執行相同的操作。為此，我們製作另一個漸層對應圖層，該圖層將轉換為「色彩增值」圖層。然而，這次漸層的兩端都是白色，中間有一個顏色。

我選擇青色，使顏色看起來更冷，更像冬天。調整節點和曲線的過程是相同的。只是這次我們的目標是中間調，所以既不是陰影，也不是亮部。

混合模式再次更改為「色彩增值」。

在這種情況下，不透明度必須顯著降低，因為我們不想改變太多顏色。

如果有些部分你不想改變顏色，那麼你可以使用畫筆，例如柔和的噴槍，選擇透明作為顏色，並透過遮罩圖層擦除一些部分。

 

這樣我們就完成了！這是前後比較圖：

差異很大。我絕對更喜歡新版本！

 

當然，你可以製作各種替代顏色版本，無論是使用現有的預設，還是自訂漸層對應。

這裡有兩個範例。第一個是使用 Clip Studio Paint 預設的「黃昏」預設製作的。第二個是自訂的，將這張圖片變成某種恐怖主題藝術，哈哈哈~

漸層對應對於製作圖片的黑白版本也很有用。在這種情況下，我建議你調整黑色顏色的混合率曲線。

在這個範例中，否則亮部會變得太亮。

使用漸層對應進行照片修圖

作為本教學的最後一個範例，讓我們做一些非常不同的事情！

所以，我有一張我的貓 Hokko 未經編輯的照片。她很美，不是嗎？

我想在她頭上加一朵花讓她更漂亮~

所以，我找到了一張免費的花朵 png 圖片，並將它放在她額頭上的位置。

嗯，你顯然可以看出這朵花是編輯進去的...

所以我也在另一個色彩增值圖層上用灰色繪製了一些陰影，這樣它就不會顯得太格格不入。

但這還不夠。特別是顏色。它們太過強烈，根本不符合照片的顏色。

在我開始使用漸層對應之前，我將對花的顏色進行一些額外調整。

你看到牆壁看起來多黃了嗎？我知道它們在現實生活中是白色的，所以照片的白平衡強烈偏向黃色。

因此，我製作了一個填色圖層，將其剪裁到花朵上，並從牆壁上最亮點的顏色中選取顏色。

然後我將填色圖層的混合模式設置為「顏色」，並稍微降低不透明度。

然後我添加了一個色調曲線校正圖層來增加對比度，以及一個色相/飽和度/明度圖層來增加飽和度。

好的，現在漸層對應派上用場了！

和之前的範例一樣，我製作了三個不同的漸層對應圖層。分別用於陰影、亮部和中間調。它們應用於所有圖層，因此沒有剪裁。

 

首先是陰影的漸層對應圖層。我不會再次詳細說明尋找和調整範圍的過程。它的運作方式與上一個範例幾乎相同。

我選擇了藍色並再次將其設定為「色彩增值」。

陰影現在看起來更統一了！

接下來是中間調。另一個在「色彩增值」混合模式下的漸層對應圖層。

在這種情況下，我實際上從原始花朵圖像中選取了紅色，並在漸層色條上找到了它的色調範圍。這幾乎沒有改變花的顏色，但其他一切都變得更紅了一點。我大幅降低了這個特定圖層的不透明度，使這種改變更為微妙。

最後是一個「濾色」模式的漸層對應圖層用於亮部。我選擇了黃色並將其應用於圖片的所有明亮部分。該圖層的不透明度也大幅降低了。

現在讓我們比較一下前後！

我會說這是一個巨大的進步！

不完美。畢竟我不是專業修圖師。但肯定比隨意把一朵花丟到圖片上好多了。

而且現在花朵不僅更符合照片，我認為整體照片也更好看了。例如，對比度有了很大的改善。

 

所以，正如你所看到的，你不需要 Photoshop 也能進行照片修圖。即使是主要用於繪圖的軟體，例如 Clip Studio Paint，也適合！

結論

我希望你現在能看到漸層對應是多麼多功能和有用！我很少聽到藝術家討論這個工具，而我自己也直到 Clip Studio 在 2022 年 5 月的本月訣竅比賽中宣布這個主題之前才了解它們。所以我不得不進行大量的研究和實驗才能快速學習它。但我真的很高興我做到了！未來我一定會以各種方式使用漸層對應！

所以，我想我應該感謝 Clip Studio，讓我注意到漸層對應。哈哈哈~

 

不過，如果你正在閱讀這篇文章，Clip Studio，我可以為這個功能提出一個小小的請求嗎？

我在 CSP 中使用漸層對應時遇到的最大問題是，當你選擇特定顏色時，顏色設定視窗沒有即時預覽。所以你總是必須選擇顏色並點擊「確定」才能實際在畫布上看到變化。如果你有時嘗試找到最佳顏色，這會有很多來回操作。如果你添加這個功能將會非常有用。不僅適用於漸層對應，也適用於其他工具，例如填色圖層。

這只是我的一點點回饋。除此之外，我非常喜歡 CSP 中的漸層對應。特別是我們有混合率曲線這一事實。大多數其他程式都沒有這麼多的控制權。

 

好的，那麼，非常感謝你的閱讀/觀看！

一如既往，我歡迎建設性的回饋。只需在下方或 YouTube 影片上留下評論即可~

祝你繪圖和上色愉快！