介紹 + 視頻 + 預覽

嘿！

這次我們將討論漸變映射！

您可能以前從未使用過它們，但它們非常有用且用途廣泛！我強烈建議了解它們。有可能至少有一種方法對您的數字藝術作品有用！

 

我將向您展示如何為黑白圖片上色，使用一種以上的顏色添加發光效果，超級輕鬆地繪製雲彩和其他東西，編輯和潤色您完成的藝術品的顏色，創建替代顏色版本，甚至照片處理。是的，您不一定需要 Photoshop！

 

我還製作了本教程的視頻版本！去看看：

在下面，您可以看到本教程中等待您的一些預覽！

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

所以，首先我要告訴你在哪裡可以找到它們。

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

但是，我建議您將它們用作校正層。

原因是校正圖層是“非破壞性的”，這意味著原始圖層保持不變。如果您使用“色調校正”菜單中的選項，那麼它也會更改圖層本身。

此外，校正圖層適用於下面的所有圖層，或您將其剪輯到的圖層，而不僅僅是單個圖層。

您可以通過簡單地右鍵單擊圖層列表，轉到“校正圖層”來製作校正圖層，然後您就可以找到它。

如果您想要更短的版本，您還可以在頂部的命令欄上製作一個按鈕。這就是我所做的。

順便說一句，我一般建議使用校正層。它們唯一的缺點是您的圖層列表變得更加混亂。僅此而已。

漸變映射的工作原理

好吧，讓我們最後來談談那些漸變貼圖實際上做了什麼以及它們是如何工作的。

基本原理非常簡單。

想像一下，圖片的所有顏色都根據色調映射到漸變上。較深的顏色在左側，較亮的顏色在右側。

漸變貼圖工具採用原始貼圖並用新顏色替換它。所以漸變圖右邊的顏色全部替換掉原來的暗色調，左邊的顏色替換掉原來的亮色調。

請記住，顏色不是按其“值”排序的，即顏色的數字亮度。它們按它們的色調分類，因此我們的眼睛實際感知到的亮度。

例如，藍色在我們看來比黃色要暗得多。

在下面，您可以看到它的插圖。

即使整個原始漸變中的值是 100%，黑到白漸變映射會創建從幾乎黑色到幾乎白色的各種灰色。

由於原始圖像的對比度仍然保留，即使它上面可能有各種顏色。

 

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

我添加了一些數字來為您提供此窗口的元素列表：

 

✦ 1：梯度斜坡

你可以在這裡建立你的漸變。下面的小箭頭稱為“節點”，為它們分配了特定的顏色，程序在這些節點之間創建漸變。以白色突出顯示的節點是您選擇的節點。您可以通過單擊斜坡正下方來添加節點，並通過將它們拖出來刪除它們。當然，您可以通過拖動節點來移動它們。

 

✦ 2：位置滑塊

如果您想獲得更精確的節點位置，則可以使用此位置滑塊。

 

✦ 3：顏色

在這裡設置節點的顏色。主要和次要繪圖顏色從您通常選擇的主要顏色和次要顏色中獲取顏色。 “指定顏色”可讓您打開一個窗口，通過單擊顏色條本身來選擇特定顏色。或者，您可以使用其右側的吸管工具從屏幕上的任何位置選擇顏色。

 

✦ 4：混合率曲線

這使您可以很好地控制漸變的結構。它會更改您選擇的節點“左節點”和它右側的下一個節點“右節點”之間的漸變。您可以通過單擊將控制點添加到該曲線，並通過將其拖出來刪除它們。筆直的線性曲線將為您提供從一種顏色到另一種顏色的漸變。您在上圖中看到的曲線是默認曲線。它通過將左右顏色都推向中間來產生更多的對比度。當你關閉曲線時，它實際上並沒有給你一個線性曲線，而是那個 S 形的默認曲線。記住這一點！

因此，您可以創建最狂野的曲線和漸變。滿足你的需求~

 

✦ 5：漸變集

在這裡，您可以找到所有漸變預設。您可以通過雙擊它們來應用它們。只需嘗試其中一些，看看你喜歡什麼，或者你可以建立什麼。如果您想有更多選擇，在 Clip Studio 資源中您還可以免費找到噸預設。膚色、天空顏色、金屬反射等。

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

所以，我們現在對漸變貼圖的作用以及您如何控制它們有了一個概念。讓我們實際使用它們！

您可以在下面看到一個示例圖像，讓您快速了解它的外觀。您可以看到所有顏色都被漸變圖上的顏色替換了。

然而，這只是一個非常簡單的例子。在以下部分中，我將向您展示如何將它們用於適當的藝術品。

為黑白圖片著色

在數字藝術中使用漸變映射的最直接的方法之一是為黑白圖像著色。一開始不使用任何顏色來繪製東西也是一種常用技術，這樣您就可以輕鬆地專注於值，然後再對其進行著色。

所以我專門為這個教程製作了這張雪豹的黑白畫，並想藉助漸變貼圖給它一些顏色！

背景和雪豹位於不同的圖層和文件夾中，我想給它們上色不同。雪豹將以暖黃色作為高光，以冷藍色作為陰影。不過，背景將以暖色調為主，以便與雪豹的亮點相協調。

所以我做了一個漸變映射校正層，把它剪到上面突出顯示的雪豹文件夾中，然後選擇這些顏色：

黑色和白色仍然保留。還要保持對比。

陰影變成深藍色，顏色越亮，色調越向黃色移動。飽和度也形成曲線。起初飽和度降低。橙色的中間色調幾乎是灰色的。然後亮黃色又多了一點飽和度。這樣可以確保新圖片看起來色彩繽紛，但也有些自然。

 

準備好嘗試你的顏色。您將需要不斷嘗試並更改顏色，移動節點並更改混合速率曲線以獲得您想要的結果。因此，即使我立即將所有這些結果呈現給您，您看不到的是我擺弄顏色，直到我得出最終結果。

 

好的，這就是雪豹在這些新顏色下的樣子：

和以前大不一樣了，雖然我選的顏色很淡！

 

背景也會得到一個漸變映射。我不僅想讓色調更溫暖，而且還要增加對比度。你可以看到陰影非常接近。

所以，這是我為它製作的梯度圖：

所以再次非常不飽和的顏色。但即使是那種輕微的顏色暗示也會產生很大的不同！

黑色和白色再次停留在漸變上。您還可以看到漸變非常窄，大部分顏色集中在左側。那是因為背景在較亮的一面沒有任何色調。

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

在下方，您可以看到結果：

背景上的波浪圖案現在看起來有點像發光，因為對比度增加了，我覺得這很整潔~

 

好吧，我們用不同的顏色給眼睛上色怎麼樣？

為此，讓我們再次製作漸變貼圖，但在我們嘗試為眼睛找到一些漂亮的顏色之前，只需選擇一些與您的圖像形成強烈對比的華麗顏色。

然後點擊確定，稍微降低漸變貼圖的不透明度，然後單擊蒙版層。按“刪除”快速隱藏所有內容。

然後在停留在那個蒙版層上的同時，取出一個不透明的刷子並在眼睛上繪畫。

對比色使您更容易看到您是否正確繪製了所有內容。

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

不過現在要換了！再一次，黑色和白色應該保持原樣，但在兩者之間我想要一個深紫色的藍色，朝著有點明亮的天藍色。

在對漸變貼圖進行這些更改後，如果需要，繼續對蒙版圖層上的繪製區域進行一些更正。

因此，我們現在有一隻明亮的藍眼睛！

由於新的藍色輪廓，即使是眼睛上的反射現在看起來也更亮了。

 

使用這種技術，使用遮罩層，您可以為您想要的繪畫的任何孤立部分著色。因此，例如，如果您繪製了一個有很多細節的角色，您可以為角色服裝的各個部分和其他特徵製作漸變映射。

而且特別巧妙的是，您可以隨時更改和調整顏色！

除了使用畫筆來填充這些區域，您還可以使用選擇和填充工具。它只是取決於哪種方法最適合特定情況。

 

所以，正如你所見，漸變映射讓黑白圖片上色變得超級容易，而且非常方便！

添加彩色發光效果

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

確切地說，我想在背面添加藍色光暈，使整體圖像更加豐富多彩。

現在我可以選擇一種藍色，製作一個新圖層並立即繪畫。也許使用“屏幕”或“發光減淡”混合模式。

但是，我想要的不僅僅是一種顏色。我希望發光從深紫色變為海藍色，再變為淺藍色，最亮的地方是白色的。

有很多顏色可以切換。但是，我們可以改用漸變貼圖，而只用白色和灰色代替。

以下是您的設置方式：

 

創建一個新圖層，用黑色填充，並將其混合模式設置為“屏幕”。

如果您使用比黑色更亮的顏色在“屏幕”混合模式上繪畫，則“屏幕”混合模式會隱藏黑色並照亮下方的像素。

 

您還可以創建另一個新圖層並將其剪輯到該屏幕圖層。或者幾層。或者沒有，您只需立即在屏幕圖層上繪畫。那部分取決於你。

 

然後是梯度圖！它也被剪輯到屏幕層，我們設置了發光的顏色。

重要的是左側有黑色，因此屏幕圖層上的黑色保持黑色。

確保顏色之間有足夠的空間並製作平滑的漸變。

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

 

選擇白色作為顏色，並選擇一個軟刷來繪畫。最好是刷密度低的。

然後簡單地在剪裁的中間層或直接在屏幕層上塗抹。

您會注意到，隨著您應用更多的油漆，因此使某些部分更亮，漸變貼圖的更亮的顏色會出現越來越多！即使你只用白色畫畫！

如果你想限制你最多能得到多亮，你也可以用灰色作畫。

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

上面的 GIF 只是一個快速示例，向您展示了繪畫過程在實際中的樣子。

這是實際的最終結果：

通過降低屏幕層的不透明度，發光也變得不那麼強烈。

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

 

當然你也可以使用其他漸變。例如，您可以使用這種火熱的漸變，從深紅色到亮黃色。對於這幅特別的畫，它看起來有點格格不入，但與其他畫相比，這看起來超級酷！

用漸變貼圖畫雲

您不僅限於為黑白圖像著色，或在現有畫作之上工作。您還可以在漸變貼圖的幫助下快速輕鬆地從頭開始繪製一些東西。

所以，作為一個例子，讓我們畫一些快樂的雲彩~！

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

 

那麼，我們首先需要重新設置一些層。

我使用普通漸變工具製作背景，只需使用“藍天”預設。然後我創建一個新圖層，這將是我們繪製的圖層，並在其上方剪裁一個漸變映射圖層。

至於漸變圖的顏色，您可以做的其他事情是直接從參考照片中挑選它們。

例如，我在這裡有這張漂亮的照片（它是公共領域的圖片），打開漸變映射菜單後，我只需使用“指定顏色”下的吸管工具從中挑選顏色。

這樣做的一個好方法是首先選擇最亮和最暗的顏色，然後選擇比最亮稍暗的顏色，以及比最暗稍亮的顏色。

我還添加了一種亮黃色以擴大範圍。

 

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

選擇白色和黑色作為主要和次要顏色，並從黑色開始。首先使用實心、不透明的刷子建立基本形狀。當然，如果你願意，你也可以事先畫一個草圖。

您會看到，儘管您使用黑色進行繪製，但僅出現了漸變映射中最暗的顏色。

然後我切換到我的一個雲筆刷以使邊緣更具形狀。

順便說一句，我的雲畫筆都來自 Clip Studio Assets 並且是免費的。為了繪製雪豹的皮毛，我還使用了以皮毛為主題的畫筆。那裡有很多好材料！

 

現在通過單擊圖層上方的這個小圖標來鎖定透明像素，以便我們只在已經繪製的區域上繪製。

是時候使用白色或某種灰色，並用較軟的雲刷進行繪畫了。與之前的發光效果類似，當您將圖層上的黑色更改為更亮和更亮的灰色時，會出現更多更亮的顏色。

再次，使用各種工具，讓雲更形狀。塗抹工具特別適合那些。並繼續在白色和黑色之間來回切換以使部分變亮和變暗。您可以按“X”鍵快速執行此操作。

由於這不是關於雲的教程，因此我不會詳細介紹如何繪製它們。對不起。但我正在製作一個將在未來發布的教程視頻！

現在僅靠這些雲還不夠，所以讓我們在後面添加一些微弱的雲。

為此，我創建了一個文件夾，將已存在雲的圖層放入其中，在其下方創建一個新圖層，然後將漸變映射剪輯到整個文件夾。這樣，它就會應用於其中的所有層。

所以我開始在那個新圖層上繪畫。這次直接用白色，只用很軟的刷子。

我只是在這里和那裡添加一些小積雲和軌跡，因為這是改善天空圖像總體構圖的簡單方法。

請原諒那些 GIF 的質量差。畢竟它們是GIF...

YouTube 視頻有更好看的錄音雖然！

 

但是，是的，雲就完成了！好吧，我可以花更多的時間來完善它們，但這只是一個簡單的例子。

 

而且這種技術不僅限於雲。您可以對具有直接顏色漸變的各種事物執行此操作。

完成藝術品的拋光和統一顏色

好的，這一次我們實際上將使用已經有顏色的圖像。我今年為慶祝新年而創作的一幅畫。

但是我對顏色不滿意。它們看起來不夠冬天，而且對比也很缺乏。

漸變映射對於定位特定色調和更改該範圍的顏色非常有用。這樣，您可以輕鬆地影響陰影、高光和中間色調的顏色，並使顏色更加統一，而不會完全破壞原始顏色。

所以讓我們這樣做吧！

我只是將以下漸變映射應用於整個圖片。但當然我也可以進入原始文件並更改各個圖層。

 

首先，我想改變陰影，將它們更接近深藍色。

所以讓我們製作一個漸變貼圖並用藍色切換黑色。然後將白色移近，改變藍色的混合率曲線，直到只有陰影部分被藍色覆蓋。

然後單擊確定並將漸變映射圖層的混合模式更改為“相乘”。這樣白色就會被忽略，如果圖層上有任何比白色更暗的東西，則會使下面的像素變暗。由於我使用了 100% 值的藍色，它主要只是導致色相偏移。但它最終仍然看起來更暗，因為藍色是一種深色。

我還將不透明度降低到 50% 左右，否則陰影會變得過於極端。

它看起來已經好多了！

現在讓我們對較亮的部分做同樣的事情。我們製作另一個漸變映射圖層。我打算把它變成一個“屏幕”層，所以這次黑色部分將被忽略。我也保留白色，讓太陽看起來是白色的，並在它的左邊添加一個黃色。我再次移動節點並調整混合速率曲線，直到只有明亮的部分被黃色覆蓋。

和之前漸變貼圖圖層更改為“屏幕”一樣，現在所有明亮的部分都更加明亮，與黃色更加統一。最好將不透明度降低很多。這應該是一個微妙的變化。同樣，我們不想完全破壞原始顏色，或過度強調對比度。

您也可以對中間色調執行相同的操作。為此，我們製作了另一個漸變映射層，它將變成一個乘法層。然而，那個時候漸變的兩端都有白色，中間有一種顏色。

我選擇青色，讓顏色更冷一些，看起來像冬天。調整節點和曲線的過程是相同的。就在這一次我們的目標是中間色調，所以既不是陰影也不是高光。

混合模式再次更改為“相乘”。

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

如果有些部分你不想被顏色偏移，那麼你可以使用畫筆，如軟噴槍，選擇透明度作為顏色，並通過蒙版層擦除一些部分。

 

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

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

 

當然，您可以使用已有的預設或一些自定義漸變貼圖製作各種替代顏色版本。

這裡有兩個例子。第一個是使用“金色日落”預設製作的，這是 Clip Studio Paint 的默認預設之一。而第二張是定制的，把這張圖做成某種恐怖題材的藝術品，哇哈哈~

漸變映射也可用於製作圖像的黑白版本。在這種情況下，我建議您調整黑色的混合率曲線。

在這個例子中，明亮的部分最終會變得太亮。

使用漸變貼圖進行照片處理

對於本教程的最後一個示例，讓我們做一些非常不同的事情！

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

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

所以，我找了一個免費的花png，把它放在她額頭的位置上。

嗯，你可以清楚地看出這朵花已經被編輯了......

所以我還在它下面的一個單獨的 Multiply 圖層上畫了一些陰影，上面有一些灰色，這樣它看起來就不會太不合適了。

但僅此還不夠。尤其是顏色。它們太強烈了，根本不適合照片的顏色。

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

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

因此，我製作了一個填充層，將其夾在花朵上，然後從牆上最亮的地方的顏色中挑選出顏色。

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

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

好的，現在漸變映射開始發揮作用了！

與前面的示例一樣，我製作了三個不同的漸變映射圖層。對於陰影、高光和中間色調。它們應用於所有圖層，因此不會被剪裁。

 

首先是陰影的漸變映射層。我不會再經歷尋找和調整範圍的過程。它的工作原理與上一個示例幾乎相同。

我選擇了藍色並再次將其設置為相乘。

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

接下來是中間色調。正片疊底混合模式下的另一個漸變映射圖層。

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

最後是用於高光的屏幕模式漸變映射圖層。我選擇了黃色並將其應用於圖片的所有明亮部分。該層的不透明度也降低了很多。

現在讓我們比較之前和之後！

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

不完美。畢竟我不是照片編輯器。但肯定比只是將一朵隨機花扔到照片上要好得多。

現在不僅花朵更適合照片，而且我認為一般照片看起來更好。例如，對比度提高了很多。

 

因此，如您所見，您不一定需要 Photoshop 來進行照片處理。即使是主要用於繪圖的軟件，如 Clip Studio Paint，也適合它！

結論

我希望您現在可以看到漸變貼圖的多功能性和實用性！我並沒有真正聽到藝術家談論過這個工具，而且在 Clip Studio 宣布 2022 年 5 月的 Tips of the Month 比賽的這個主題之前，我個人也不知道他們。所以我不得不做很多研究和實驗為了快速學習它。但我真的很高興我做到了！將來我肯定會以各種方式使用漸變映射！

所以，我想我應該感謝 Clip Studio 讓我注意到漸變映射。哈哈哈~

 

如果你正在閱讀這篇文章，Clip Studio，我可以給你一個關於這個功能的小要求嗎？

我在 CSP 中使用漸變映射的最大問題是，當您選擇特定顏色時，您沒有“顏色設置”窗口的實時預覽。所以你總是必須選擇顏色並點擊 OK 才能真正看到畫布上的變化。如果您有時試圖找到最佳顏色，那將是很多來回的事情。如果您添加了該功能，它將非常有用。不僅適用於漸變貼圖，還適用於填充圖層等其他工具。

這只是我的一點反饋。否則，我是 CSP 中漸變映射的忠實粉絲。尤其是我們得到了混合率曲線這一事實。大多數其他程序沒有那麼多控制。

 

好的，非常感謝您的閱讀/觀看！

與往常一樣，我願意接受建設性的反饋。只需在下方或 YouTube 視頻上發表評論即可~

享受繪畫和著色的樂趣！