漸變地圖初學者指南|影片教學

12,031

Toffl

Toffl

漸變地圖初學者指南

fdsfdsfdsa

本教程是Esra(https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8)和我(Toffl)之間針對本月主題之一“色彩校正”的協作而創建的。具體來說,我們將討論梯度圖校正圖層,並涵蓋有關它們的所有最重要的內容-它們是什麼,它們如何工作,如何使用它們以及如何創建梯度。漸變貼圖是一種非常通用的工具,因此即使在本教程中,我們也只是從頭開始。

我們還將本教程變成了youtube視頻-視頻和文本版本都涵蓋相同的主題,因此請選擇您喜歡的任何一個。 (視頻為英語,帶英語字幕。)

現在,事不宜遲,讓我們深入了解它。但是在我們真正談論梯度貼圖之前,我們首先需要弄清楚什麼是校正層,以及為什麼它們如此有用。

校正層

首先,什麼是校正層?簡而言之,校正層會對它下面的所有層施加某種效果。它的確切作用取決於您選擇的校正層的類型。關於它們的偉大之處在於它們是非破壞性的。也就是說,您可以隨時撤消效果或編輯其設置。

您可以通過右鍵單擊圖層面板來創建校正層,然後在上下文菜單中的“新建校正層”下有九個選項可供選擇。

對於幾乎所有校正層,將彈出一個帶有可自定義設置的對話框(我們現在將忽略該對話框)。

校正層本身將如下所示:

通常您會在其中看到圖層內容的地方是一個完全灰色的方框,在角落有一個小圖標。該圖標指示校正層的類型。對於每個新的校正層,也會自動創建一個遮罩。

您以後可以隨時雙擊灰色框以調整設置,這將打開創建圖層時所見的對話框。

 

 

接下來,所有這些不同的校正層可以做什麼?這是一個簡短的摘要:

首先,亮度/對比度;顧名思義,這種效果可以改變圖像的亮度和對比度。

色相/飽和度/亮度可以調整-嗯,您猜到了-色相,飽和度和亮度。

“色調曲線”效果使用圖形上的控制點調整圖像的RGB通道。

電平校正與色調曲線非常相似,但是它使用直方圖上的滑塊。

後張效果可將圖像中的顏色數量減少到設置的數量。

反向漸變會反轉所有顏色。 (這是唯一沒有進一步設置的效果。)

“色彩平衡”使您可以調整每種RGB顏色的平衡。

二值化會將圖像中的所有顏色變成純黑色或純白色。

但是與梯度圖的宏偉相比,所有這些校正效果都顯得蒼白無力。梯度圖可能是這九幅圖中最複雜的圖,更重要的是,我最喜歡它。因此,我們創建了專門針對這一校正層的完整教程。

漸變圖:它們是什麼以及它們如何工作

漸變貼圖是一種簡單而通用的工具,可以為灰度和彩色圖像更改圖像的顏色。

與其他任何校正圖層一樣,您可以通過右鍵單擊“圖層”調板,單擊“新建校正圖層”,然後單擊“漸變地圖”來創建漸變地圖圖層。之後,將彈出以下窗口:

在頂部,您會看到顏色欄,該顏色欄顯示了將應用於畫布的漸變。左下方有更多漸變可供選擇。雙擊任何漸變以將其複製到顏色欄。

這組漸變稱為漸變集。要訪問其他漸變集,請單擊當前漸變集的名稱。這將打開一個下拉菜單,其中包含所有預先安裝的,您自己創建的或先前下載的漸變集。

對於以下示例,我們從預先安裝的“天空”漸變集中選擇了“日落(紫色)”漸變。

如果僅單擊“確定”而不更改任何其他設置,它將對圖像產生以下影響:

在左側,您會看到未編輯的版本;右側顯示相同的圖像,但已應用“日落(紫色)”。

如果更改校正層的混合模式或不透明度,效果將有所不同,我們將在後面的部分中進一步說明。

基本上,梯度圖校正層讀取圖像中每個像素的灰度值(即顏色的暗或亮程度)。然後,將根據漸變為每個像素分配新的顏色:純白色區域將變為漸變最右邊的顏色,而純黑色將變為最左邊的顏色。中間範圍的顏色將變為沿著漸變中間的顏色,依此類推。

您會遇到的大多數漸變範圍從左側的深色到右側的淺色。但這絕不是漸變貼圖的所有可能。例如,漸變不一定需要具有任何平滑的過渡。它們不需要從黑暗過渡到明亮,並且可以根據需要選擇幾種或多種顏色。

編輯和創建漸變貼圖的基礎

彩條下面是幾個小箭頭。這些節點各自定義特定的顏色。通過混合這些顏色來創建漸變中的所有其他顏色。

您可以通過拖動將這些節點移動到其他位置,或者在右下角的“位置”框中輸入其他數字。要創建新節點,請單擊漸變上的任何空白點。單擊右下角的垃圾桶圖標將刪除當前選定的節點。

要為節點分配其他顏色,請單擊“指定顏色”下的彩色矩形。這將打開一個顏色選擇器。 (您也可以選擇“主圖形顏色”或“子圖形顏色”;顧名思義,這會將顏色更改為當前選擇的主顏色或子顏色。這對於創建工具的漸變很有用,但我們贏了因為這不是本教程的主題,所以對此不做更深入的介紹。)

 

重要說明:您對顏色欄所做的任何更改都不會自動保存到漸變集中。要將漸變保存到集合,您需要使用漸變集合下方的按鈕。

1.第一個按鈕用顏色欄中的漸變替換當前突出顯示的漸變。要突出顯示其他漸變,請單擊一次(兩次將覆蓋顏色欄)。

2.第二個按鈕的作用與雙擊突出顯示的漸變相同;它替換了顏色欄中的漸變。

3.第三個按鈕在漸變集中創建突出顯示的漸變的副本。

4.第四個按鈕會將漸變保存在顏色欄中作為新的漸變。

5.最後,垃圾桶圖標從集中刪除突出顯示的漸變。

現在,如果您不小心覆蓋或刪除了您不想要的漸變,請不要擔心!如果單擊“取消”而不是“確定”,則所做的所有更改都將被撤消。但這包括自打開漸變貼圖窗口以來所做的所有更改,因此請記住這一點。

 

我們尚未提到的界面的最後一個區域是混合速率曲線。

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

X軸描述位置,範圍從左節點的位置到右節點的位置。另一方面,y軸確定在給定位置右色和左色混合的比率。

 

下圖顯示了默認的混合速率曲線(在右側黑色節點)。如果未選中“混合速率曲線”複選框,則其行為與上面顯示的默認曲線相同。

該圖不是完全線性的;這意味著兩個節點之間的梯度不是很平滑。要創建線性漸變,請將兩個中間控制點從圖形上拖出以將其刪除。

 

如下所示的曲線將導致從一種顏色到另一種顏色的直接過渡,而不會發生任何顏色混合。

 

一端為黑色,另一端為白色,創建與默認曲線相似的S曲線會導致更深的灰色和非常淺的灰色,而在中間色調範圍內的灰色更少。

 

另一方面,反向S曲線會產生更多的中間色調灰度,而產生的灰度值則非常少或非常暗。

 

您也可以在左右顏色之間來回幾次。

 

您不僅可以編輯集合中的漸變,還可以創建全新的漸變集。單擊漸變集名稱旁邊的扳手圖標。您不僅可以在其中找到創建漸變集的選項,還可以在其中找到其他選項。您還可以更改集合或單個漸變的名稱。

漸變貼圖的可能用途

當然,您不僅限於下面列出的用途。在您的工作中如何利用漸變貼圖有無窮的可能性!這些示例是一些最常見和眾所周知的用法,以及我個人經常使用的方法。

1.為灰度圖稿著色

您可以簡單地使用漸變圖(如上所示)在“不透明度為100%”時為草圖或單色藝術品添加顏色。這可以使一個簡單的塗鴉在發佈到社交媒體上之前變得更加有趣,而無需實際為其著色。

但是您也可以更進一步,並在上面添加局部顏色。本地顏色必須位於“疊加”層或“疊加”文件夾中。為此,我建議將紙張顏色更改為中間色調的灰色,因為“覆蓋”層上的顏色不會顯示為純白色。

在下圖中,左側和右側版本都應用了紫色疊加層。如您所見,左側版本的白皮書區域保持全白。

 

在頂部繪製了一些局部顏色之後,這就是之前的相同圖樣:

在以上版本中,我使用了一個簡單的暖色調棕褐色漸變。但是由於校正層是非破壞性的,所以我仍然可以返回並更改漸變。只需單擊兩次,藝術品即可獲得完全不同的氛圍。

2.使線稿著色不透明

如果您想在線稿中使用不同的不透明度,則漸變貼圖是一種簡單而有效的工具,可以使線條看起來暗淡得多,而無需手動為其著色。

首先,將線稿圖層放到文件夾中。在線條下方,添加另一層並用純白色完全填充。在線稿上,使用您選擇的漸變創建漸變圖校正圖層。

漸變的右端應為純白色。如果不是這種情況,則漸變貼圖不僅會影響線稿,還會影響其下方的每種顏色。 (如果您要這樣做的話,您可以利用它來發揮自己的優勢,但是在這種情況下,我們希望線型下面的顏色層不受影響。)

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

 

最後一步:將lineart文件夾的混合模式更改為“乘”或“線性刻錄”。在這兩種混合模式下,白色區域變為透明,因此下面的顏色將再次可見。

 

下圖顯示了之前和之後。與以前的方法相比,它的效果更微妙,但是可以營造出很好的畫龍點睛的效果。

 

使用此方法時需要記住的一件事是,如果您的純色不夠乾淨並且線稿相當淺,則純色的邊緣將變得可見。只要您的線稿總體上是很暗的,就不應該成為問題。

3.使用疊加調整對比度

這是向彩色藝術品添加點睛之筆的另一種快速簡便的技巧。漸變貼圖不僅可以增加或減少對比度,還可以協調配色方案。

像往常一樣添加一個漸變地圖圖層。為了增加對比度,漸變應從左側的暗過渡到右側的亮。另一方面,從明到暗的漸變會降低圖像的對比度。

 

您可以使用漸變右側的按鈕來翻轉漸變圖的方向。

 

 

梯度圖校正層應位於所有其他層之上。接下來,您需要將校正層的混合模式設置為“覆蓋”,並在必要時降低不透明度。

在這種情況下,我使用了從暗到亮的漸變貼圖(對比度增加)。左側顯示100%的漸變貼圖,而右側顯示的不透明度降低到50%。

 

4.將圖像變成灰度

使用漸變圖校正層是將圖像準確轉換為灰度的最簡單方法。 “準確地”是這裡的重要字眼,因為從技術上來說,添加色相/飽和度/亮度圖層並將飽和度設置為0更容易。我曾經做過後者來檢查我的作品的值,這幾乎是最糟糕的解決方法。不要犯與我相同的錯誤。

我不會打擾您所有為什麼的細節,但是您可以親眼看到,結果大不相同。

飽和度為0%的版本看起來與其他兩個版本完全不同。黃色結果比應有的要深得多,而藍色則太淺。

 

要創建示例中使用的灰度漸變圖,您不能只在一端添加黑色,而在另一端添加白色。黑色節點的混合速率曲線必須是線性的。如果將混合速率曲線保留為默認值,則將稍微增加圖像的對比度。

如何下載漸變圖

如果要創建更多漸變圖而不必自己創建,可以從Clip Studio Assets下載漸變圖。

(本教程中使用的許多漸變色都可以從Assets上免費下載;只需搜索我的用戶名“ toffl”或訪問我的個人資料即可)

首先,與其他畫筆或材料一樣,您需要轉到Assets,找到所需的漸變集,然後單擊右上角的下載按鈕。接下來,創建一個漸變貼圖圖層,單擊漸變集名稱旁邊的扳手圖標,然後單擊“導入材質集”。這將打開一個新窗口,其中包含您下載的所有漸變集。選擇一個並單擊“確定”會將其添加到漸變集列表中。

(本教程中使用的許多漸變都可以從Assets上免費下載;只需搜索我的用戶名“ toffl”或訪問我的個人資料即可)

過程演練:創建真實價值梯度圖

在我的工作中,我幾乎只使用“按真值”漸變。 (我自己編造了這個術語,不知道還有其他更常見的術語。)現在,這到底是什麼意思?

正如我們在一開始所解釋的,漸變圖根據圖像的值為圖像中的每種顏色分配新的顏色。值為真值的漸變貼圖可確保新顏色的值與基礎顏色的值匹配。換句話說,新顏色可能具有與先前顏色不同的色相或飽和度,但該值保持不變。

換句話說,您不必擔心漸變會更改您已經選擇的值。

 

接下來,我將引導您完成創建這些漸變的過程。

步驟1:在漸變的末端放置純黑色和純白色節點。

第2步:添加您想要漸變組成的任何顏色。可以根據需要選擇任意多種顏色,但是請記住,使用的顏色越多,完成漸變所需的時間就越長。

在這種情況下,我添加了4個深綠色,靛藍,淡紫色和黃色的結點。

每個顏色節點的位置值應匹配該顏色的HLS亮度值(至少現在是這樣)。這樣,每種顏色將至少近似位於正確的位置,以被視為具有價值。

因此,例如,如果黃色的HLS亮度為90,則將其移動到位置90,然後對每個節點重複此操作。

步驟3:將每個節點的混合速率曲線設置為線性。為此,請選中“混合速率曲線”框,然後將兩個中間控制點拖離圖形以將其刪除。

步驟4:最後一步是調整值。為此,您首先需要按照以下步驟設置畫布:

首先,創建一個具有完美平滑的黑白漸變的圖層。您要編輯的漸變圖應在其上方。最後,最頂層必須是另一個帶有灰度漸變圖的漸變圖層。

在切換我們一直在打開和關閉的漸變圖時,您可能會注意到結果略有變化。

現在的目標是更改新的漸變圖,使前後看起來盡可能相似。您可以通過更改顏色的HLS亮度或將它們移動到其他位置來實現。然後,您需要通過打開和關閉漸變圖來再次檢查這些值。對結果感到滿意之前,您可能需要重複幾次此過程。

通常,藍色和紫色需要移近左側(深色),而黃色和橙色必須移向右側(淺色)。

(當同時打開新的漸變貼圖和灰度漸變貼圖時,您可能還會注意到漸變中的一些偽影,這些偽像是您無法擺脫的。我不知道為什麼有時會發生這種情況,因此我選擇忽略它。 )

結論與社交媒體

至此,我們對梯度圖世界的簡要論述已經結束。

我們希望本教程對您有所幫助。由於我們僅介紹了一些應用漸變貼圖的基本方法,因此您可以探索更多的可能性!

如開頭所述,本教程是由兩位藝術家創建的。當我(Toffl)編寫教程並錄製畫外音時,Esra對該視頻進行了剪輯和動畫處理。本教程中使用的所有圖形,動畫和視頻均由我們其中之一創建,並且所有使用的漸變都已預先安裝在Clip Studio Paint中或由我創建。

在instagram,twitter或artstation上關注我們,以查看更多我們的藝術作品和其他內容:

 

以斯拉:esra_arts(twitter,Instagram)

(剪輯工作室資料:https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8)

 

Toffl:ktoffl(instagram,artstation)

留言

最新

最新官方