漸層對應的初學者指南 | 影片教學

21,076

Toffl

Toffl
自動翻譯 | 查看原文

漸層對應的初學者指南

fdsfdsfdsa

本教學是Esra (https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8) 與我 (Toffl) 合作為本月主題「顏色校正」而創作的。具體來說,我們將討論漸層對應校正圖層,並涵蓋其所有最重要的內容——它們是什麼、如何運作、如何使用以及如何建立漸層。漸層對應是一種極其多功能的工具,因此即使在本教學中,我們也只是淺談了其可能性的一小部分。

我們也將本教學製作成YouTube影片——影片版和文字版涵蓋相同的主題,您可以選擇喜歡的版本。(影片為英文,並附有英文字幕。)

事不宜遲,讓我們直接開始。但在我們真正討論漸層對應之前,我們首先需要釐清什麼是校正圖層,以及它們為何如此有用。

校正圖層

首先,什麼是校正圖層?簡單來說,校正圖層會對其下方所有圖層應用特定效果。它確切的功能取決於您選擇的校正圖層類型。它們最棒的一點是它們是非破壞性的。這表示您可以隨時撤銷效果,或編輯其設定。

您可以透過右鍵點選圖層面板來建立校正圖層,然後在內容選單中的「新校正圖層」下會有九個選項可供選擇。

對於幾乎所有校正圖層,都會彈出一個帶有可自訂設定的對話方塊(我們暫時會忽略它)。

校正圖層本身會看起來像這樣:

通常您會看到圖層內容的地方是一個完全灰色的方塊,角落有一個小圖示。該圖示表示它是哪種類型的校正圖層。對於每個新的校正圖層,也會自動建立一個遮罩。

您可以隨時雙擊灰色方塊來調整設定,這會開啟您在建立圖層時看到的相同對話方塊。

接下來,所有這些不同的校正圖層有什麼作用?以下是一個簡短的總結:

首先是「亮度/對比度」;顧名思義,這個效果能夠改變影像的亮度和對比度。

「色相/飽和度/明度」可以調整——您猜對了——色相、飽和度和明度。

「色調曲線」效果使用圖表上的控制點來調整影像的RGB色版。

「色階校正」與色調曲線非常相似,但它使用直方圖上的滑桿。

「海報化」效果將影像中的顏色數量減少到設定的數值。

「反轉漸層」會反轉所有顏色。(這是唯一沒有進一步設定的效果。)

「色彩平衡」讓您調整每個RGB顏色的平衡。

而「二值化」則將影像中的所有顏色變成純黑或純白。

但所有這些校正效果都無法與漸層對應的強大功能相比。漸層對應可能是這九種效果中最複雜的,更重要的是,它是我最喜歡的。這就是為什麼我們為這個校正圖層製作了一整個教學。

漸層對應:它們是什麼以及如何運作

漸層對應是一個簡單而多功能的工具,可用於改變影像的顏色,無論是灰階還是彩色影像。

就像任何其他校正圖層一樣,您可以透過右鍵點選「圖層」面板,然後點選「新校正圖層」,再點選「漸層對應」來建立漸層對應圖層。完成後,將會彈出以下視窗:

在頂部您會看到顏色條,它顯示將應用於畫布的漸層。在左下方還有更多漸層可供選擇。雙擊任何漸層即可將其複製到顏色條。

這組漸層稱為漸層組。要存取其他漸層組,請點選目前漸層組的名稱。這將開啟一個下拉選單,其中包含任何預先安裝、您自行建立或先前下載的漸層組。

對於以下範例,我們從預先安裝的「天空」漸層組中選擇了「日落(紫色)」漸層。

如果您只是點選「確定」而不更改任何進一步設定,它將對影像產生以下效果:

左側顯示未編輯的版本;右側顯示相同的影像,但已應用「日落(紫色)」漸層。

如果您更改校正圖層的混合模式或不透明度,效果將會不同,我們將在後續章節中進一步解釋。

基本上,漸層對應校正圖層會讀取影像中每個像素的灰階值(即顏色有多暗或多亮)。然後,每個像素將根據漸層被賦予一個新顏色:純白色區域將變成漸層最右側的顏色,而純黑色則變成最左側的顏色。中等範圍的顏色將變成漸層中間的顏色,依此類推。

您會遇到的大多數漸層都是從左側的深色到右側的淺色。但這絕不是漸層對應所有可能的樣貌。例如,漸層不一定需要任何平滑的過渡。它們不需要從深色過渡到淺色,並且可以根據您的需要擁有任意少或任意多的顏色。

編輯和建立漸層對應的基礎

顏色條下方有幾個小箭頭。這些節點各自定義一個特定的顏色。漸層中的所有其他顏色都是透過混合這些顏色來建立的。

您可以透過拖曳來將這些節點移動到不同位置,或在右下角的「位置」方塊中輸入不同的數字。要建立新節點,請點選漸層上的任何空白處。點選右下角的垃圾桶圖示將刪除目前選定的節點。

要為節點指定不同的顏色,請點選「指定顏色」下方的彩色矩形。這將開啟一個顏色選擇器。(您也可以改為選擇「主繪圖顏色」或「輔助繪圖顏色」;顧名思義,這會將顏色變更為目前選定的主色或輔助色。這對於建立工具的漸層很有用,但由於這不是本教學的主題,我們將不再深入討論。)

重要提示:您對顏色條所做的任何更改都不會自動儲存到漸層組中。要將漸層儲存到組中,您需要使用漸層組下方的按鈕。

1. 第一個按鈕會將目前選取的漸層替換為顏色條中的漸層。要選取不同的漸層,點擊一次即可(點擊兩次會覆蓋顏色條)。

2. 第二個按鈕與雙擊選取的漸層效果相同;它會替換顏色條中的漸層。

3. 第三個按鈕會在漸層組中建立選取漸層的副本。

4. 第四個按鈕會將顏色條中的漸層儲存為新的漸層。

5. 最後,垃圾桶圖示會從組中刪除選取的漸層。

現在,如果您不小心覆蓋或刪除了您不想動的漸層,別擔心!如果您點選「取消」而不是「確定」,所有更改都將被撤銷。但這包括自您開啟漸層對應視窗以來所做的所有更改,因此請記住這一點。

介面中我們尚未提及的最後一個區域是混合率曲線。

每個節點的混合率曲線決定了其顏色與右側下一個節點的顏色混合方式。因此,最右邊的節點沒有混合率曲線。由於混合率曲線決定了節點之間所有顏色的混合方式,它們是決定漸層外觀最重要的因素之一。

x軸描述位置,範圍從左節點的位置到右節點的位置。另一方面,y軸決定了在給定位置上右側顏色和左側顏色的混合比例。

下圖顯示了預設的混合率曲線(右側的黑色節點)。當混合率曲線核取方塊未勾選時,它的行為與上方所示的預設曲線相同。

這個圖形並非完全線性;這表示兩個節點之間的漸層並非完全平滑。要建立線性漸層,請將兩個中間的控制點拖離圖形以將其刪除。

如下圖所示的曲線將導致顏色之間直接過渡,而沒有任何顏色混合。

一端為黑色,另一端為白色時,建立類似預設曲線的S形曲線會產生更多非常深的灰色和非常淺的灰色,而中調範圍的灰色則較少。

另一方面,反向S形曲線則產生更多的中調灰色,而非常深或非常淺的灰色則較少。

您也可以在左側和右側顏色之間來回切換多次。

您不僅可以編輯漸層組中的漸層,還可以建立全新的漸層組。點選漸層組名稱旁的扳手圖示。在那裡,您不僅可以找到建立漸層組的選項;您還可以更改組的名稱,或單一漸層的名稱。

漸層對應的可能用途

當然,您不限於以下列出的用途。在您的作品中利用漸層對應有無限的可能性!這些範例是一些最常見和廣為人知的用途,也是我個人經常使用的方法。

1. 為灰階作品上色

您可以簡單地使用如前所示的漸層對應,將其不透明度設為100%(標準模式),為素描或單色藝術作品添加顏色。這可以讓一個簡單的塗鴉在發布到社群媒體之前變得更有趣,而無需實際為其上色。

但您也可以更進一步,在上面添加局部顏色。局部顏色需要放在「覆疊」圖層或「覆疊」資料夾中。為此,我建議將您的紙張顏色更改為中性灰,因為「覆疊」圖層上的顏色不會顯示在純白色上。

在下圖中,左右兩個版本都應用了紫色覆疊。如您所見,左側版本的白色紙張區域仍然完全是白色。

在上面繪製一些局部顏色後,之前相同的畫作看起來像這樣:

在上面的版本中,我使用了簡單的暖色調棕褐色漸層。但由於校正圖層是非破壞性的,我仍然可以回去更改漸層。只需點擊兩下,藝術作品就可以獲得完全不同的氛圍。

2. 使用不透明度為線稿上色

如果您喜歡在線稿中使用不同的不透明度,漸層對應是一個簡單而有效的工具,可以讓您的線條看起來不那麼沉悶,而無需手動為它們上色。

首先,將您的線稿圖層放入資料夾中。在線條下方,添加另一個圖層並完全填充純白色。在線稿上方,建立一個您選擇的漸層對應校正圖層。

漸層的右端應該是純白色。如果不是這種情況,漸層對應將不僅影響線稿,還會影響下方所有顏色。(如果您想達到這種效果,您可以利用它,但在這種情況下,我們希望線稿下方的顏色圖層不受影響。)

到目前為止,線稿應該看起來像這樣:

最後一步:將線稿資料夾的混合模式更改為「色彩增值」或「線性加深」。在這兩種混合模式下,白色區域會變得透明,因此下方的顏色將再次可見。

下圖顯示了應用前後的對比。這是一種比前一種方法更微妙的效果,但它創造了一個很好的點睛之筆。

使用此方法您需要記住一點:如果您的底色不夠乾淨且線稿相當淺,底色的邊緣就會變得可見。不過,只要您的線稿整體而言相當深,這應該就不是問題。

3. 使用覆疊調整對比度

這是另一種快速簡單的技巧,可以為彩色藝術作品增添點睛之筆。漸層對應不僅可以增加或減少對比度,還可以協調色彩方案。

像往常一樣添加一個漸層對應圖層。要增加對比度,漸層應從左側的深色過渡到右側的淺色。另一方面,從淺色過渡到深色的漸層將會降低影像的對比度。

您可以透過漸層右側的按鈕翻轉漸層對應的方向。

漸層對應校正圖層應該位於所有其他圖層之上。接下來,您需要將校正圖層的混合模式設定為「覆疊」,並在必要時降低不透明度。

在這種情況下,我使用了從深到淺的漸層對應(增加對比度)。左側顯示了100%不透明度的漸層對應覆疊,而右側的不透明度則降低到50%。

4. 將影像轉為灰階

使用漸層對應校正圖層是將影像精確轉為灰階最簡單的方法。這裡的關鍵字是「精確」,因為從技術上講,添加一個「色相/飽和度/明度」圖層並將飽和度設為0更容易。我以前就是這樣做來檢查我的作品的數值,但這幾乎是最糟糕的方法。不要犯我犯過的同樣錯誤。

我不會詳細說明原因,但如您所見,結果差異巨大。

飽和度為0%的版本與另外兩個版本看起來截然不同。黃色比應該的暗很多,而藍色則太亮了。

要建立像範例中使用的灰階漸層對應,您不能只在一端添加黑色,另一端添加白色。黑色節點的混合率曲線需要是線性的。如果您將混合率曲線保持預設值,這將稍微增加影像的對比度。

如何下載漸層對應

如果您想擁有更多可用的漸層對應而無需自己建立,您可以從Clip Studio素材庫下載漸層對應。

(本教學中使用的許多漸層都可以在素材庫免費下載;只需搜尋我的使用者名稱「toffl」或造訪我的個人資料)

首先,就像任何其他筆刷或素材一樣,您需要前往素材庫,找到您喜歡的漸層組,然後點選右上角的下載按鈕。接著,建立一個漸層對應圖層,點選漸層組名稱旁的扳手圖示,然後點選「匯入素材組」。這將開啟一個新視窗,其中包含您已下載的所有漸層組。選擇一個並點選「確定」將其添加到您的漸層組列表中。

(本教學中使用的許多漸層都可以在素材庫免費下載;只需搜尋我的使用者名稱「toffl」或造訪我的個人資料)

製作流程:建立忠於價值的漸層對應

在我的作品中,我幾乎只使用「忠於價值」的漸層。(這個術語是我自己創造的,我不知道是否有其他更常見的術語。)那麼,這到底是什麼意思呢?

正如我們在一開始解釋的,漸層對應根據其值為影像中的每個顏色分配一個新顏色。一個忠於價值的漸層對應確保新顏色的值與底層顏色的值相匹配。換句話說,新顏色可能具有與先前顏色不同的色相或飽和度,但值保持不變。

換句話說,您不需要擔心漸層會改變您已經選擇的顏色值。

接下來,我將帶您了解我是如何建立這些漸層的過程。

步驟1:在漸層的兩端放置純黑和純白節點。

步驟2:添加您希望漸層包含的任何顏色。可以多也可以少,但請記住,使用的顏色越多,完成漸層所需的時間就越長。

在這個例子中,我添加了4個節點,分別是深綠色、靛藍色、薰衣草色和黃色。

每個顏色節點的位置值應與該顏色的HLS明度值匹配(至少目前如此)。這樣,每個顏色將至少大致位於正確的位置,被認為是忠於價值的。

所以舉例來說,如果黃色的HLS明度是90,就將它移動到位置90,並對每個節點重複此操作。

步驟3:將每個節點的混合率曲線設定為線性。為此,請勾選「混合率曲線」方塊,並將兩個中間的控制點拖離圖形以將其刪除。

步驟4:最後一步是調整數值。為此,您首先需要按以下方式設定您的畫布:

首先,建立一個具有完美平滑黑白漸層的圖層。您想要編輯的漸層對應應該在此圖層之上。最後,在最頂層必須是另一個具有灰階漸層對應的漸層對應圖層。

當您切換我們正在處理的漸層對應的開關時,您可能會注意到結果略有變化。

現在的目標是改變新的漸層對應,使其前後效果盡可能相似。您可以透過改變顏色的HLS明度或將它們移動到不同的位置來做到這一點。然後,您需要透過開啟和關閉漸層對應來再次檢查數值。您可能需要重複這個過程幾次才能對結果感到滿意。

通常,藍色和紫色需要移近左側(深色)一邊,而黃色和橘色則需要推向右側(淺色)一邊。

(您也可能會注意到,當新的漸層對應和灰階漸層對應都開啟時,漸層中會出現一些無法消除的瑕疵。我不知道為什麼有時候會發生這種情況,所以我選擇忽略它。)

結論與社群媒體

至此,我們對漸層對應世界的簡短探索已告一段落。

我們希望本教學能以某種方式對您有所幫助。由於我們只涵蓋了一些應用漸層對應的基本方法,還有許多其他可能性等著您去探索!

如開頭所述,本教學由兩位藝術家共同創作。Esra編輯和製作了影片動畫,而我(Toffl)撰寫了教學並錄製了旁白。本教學中使用的所有繪圖、動畫和影片都由我們其中一人創作,所有使用的漸層都是Clip Studio Paint中預裝的或由我創建的。

在Instagram、Twitter或ArtStation上追蹤我們,以查看我們更多的藝術作品和其他內容:

 

Esra: esra_arts (Twitter, Instagram)

(Clip Studio 個人檔案: https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8)

 

Toffl: ktoffl (Instagram, ArtStation)

留言

最新

最新官方