如何在 CSP 中選擇顏色 [完整指南]

48,916

proxarc

proxarc
自動翻譯 | 查看原文

在本教學中,我將教你使用 Clip Studio 的調色板和其他功能為你的畫作選擇顏色的所有方法。我會先教一些快速的色彩理論入門知識,特別是如果你是初學者,然後我會直接教你在 CSP 中選擇顏色的不同方法。

入門色彩理論點滴

讓我們從一些將會遇到的色彩理論術語和概念開始吧。

 

我知道色彩理論對於初學者來說一開始可能會令人望而生畏,所以我會盡量保持它簡單扼要。相信我,了解這些與了解軟體一樣重要,因為這將是我們之後選擇顏色的基礎。

色相 (Hue) 指的是可以辨識為彩虹顏色的主導色彩家族,而飽和度 (Saturation) 指的是顏色的強度,明度 (Value) 則指的是顏色的亮度或暗度。它們共同構成了 HSV 色彩空間。

色彩空間 (Colorspace) 是以數學方式表示的光譜上的一系列顏色。在數位繪畫中,它可以描述為軟體中顏色表示的方式。

 

另一個色彩空間的例子是 HLS 色彩空間,其中「明度 (value)」被「亮度 (luminance)」取代。

HSV 和 HLS 色彩空間的主要區別在於,在 HLS 中將亮度調到最大,無論飽和度如何,都會產生純白色;而在 HSV 中將明度調到最大,只有當飽和度為 0 時才會產生純白色。

因此,當我們將每個色彩空間的兩種顏色並排放置,賦予它們相同的飽和度、明度 (value) 和亮度 (luminance),然後將其設置為灰度時,我們在 HLS 中會得到相同的灰色,但在 HSV 中則不會。

 

就我個人而言,我使用 HSV 色彩空間,但也有許多優秀的藝術家使用 HLS 色彩空間。不要過於糾結,試試看,找出最適合你的。

 

為了充分利用色彩空間,了解顏色關係和色彩和諧背後的理論也很重要。

色彩和諧是藝術中用於美學上悅目的色彩組合的術語。

 

色輪中彼此相對的顏色對稱為互補色。

 

分割互補色與互補色類似,只是用主色搭配與其互補色相鄰的兩種顏色,從而形成一個等腰三角形。

 

如果形成等邊三角形,則為三元色。

 

如果是矩形,則為四元色。

 

彼此相鄰的三種色相為類比色。

 

而只使用一種色相,則是單色。

 

正確運用這些色彩和諧是區分初學者與專業畫家的關鍵。

 

這也是為什麼隨機使用大量分散在色輪上的顏色會比使用有限的調色板效果更差的最佳解釋之一。

但如果你真的需要很多隨機顏色,那麼你仍然可以透過降低飽和度或調整 HSV 值,使其看起來一致來彌補視覺連貫性。

 

在 CSP 中有一種非常簡單的方法可以自動選擇一致的顏色,但我會在教學的最後才討論這個。

順便一提,我也想介紹一下暖色和冷色的概念。理想情況下,色輪會分為兩半,紅色、橙色和黃色是暖色,而綠色、藍色和洋紅色是冷色。如果暖色讓我們聯想到熱和陽光,冷色則傾向於讓我們聯想到天空和其他寒冷的地方。但暖色也往往更能讓眼睛放鬆。這些象徵意義將有助於你建立畫作的氛圍。

不過,為了進一步提升氛圍,你也可以使用情緒板,它是一系列參考圖片的集合,你可以用它們來為你的調色板、角色設計、姿勢等尋找靈感。

這是我使用互補色方案,並結合暖色和冷色創作的一個範例。因為我使用了鮮豔的調色板,所以畫作看起來更有活力。

這是我使用分割互補色方案,搭配較淺的冷色創作的範例。

在本教學中,我將繪製一個簡單的漫畫,使用暖類比色和一點互補色。我會將其分為 3 幅畫作,以展示 CSP 的調色板和其他選色功能。

但 CSP 中的「調色板」和「色彩調色板」到底是什麼?

與傳統上對「調色板」的認知不同,螢幕角落方框中包含的不同工具在 CSP 中都稱為調色板。正如你所猜測的,所有與顏色相關的調色板都稱為色彩調色板。隨後,這些調色板的排列組成了界面,更常見的說法是工作區。

Clip Studio 的調色板並非全部預設顯示,因此要存取隱藏的調色板,你需要點擊每個調色板頂部的標籤。或者,你也可以前往「視窗」> 並選擇你想要看到的任何調色板。

色輪

讓我們現在從色輪開始吧。

 

由於它已經在這裡了,我們不需要從視窗中添加它。我將用滑鼠點擊並拖動來移動它。

之後,我會嘗試為牆壁選擇我的起始顏色。

我們可以在左下角的方框中看到我們目前選定的 [1] 主色和副色。我們可以透過點擊它或按下鍵盤上的 X 來切換兩者。雙擊它會將我們帶到其設定,我們可以在那裡進一步編輯顏色。 [2] 在下方是繪製透明像素,也就是擦除的選項。這可以透過按下 C 來切換。

[3] 在右下方,我們有顏色的 HSV 值,這在將當前顏色複製到其他應用程式時尤為重要;你也可以點擊它來切換顯示 RGB 值。 [4] 在右側,我們有 HSV 和 HSL 色彩空間的切換選項。另一種切換方式是點擊頂部的三條線圖示並在兩者之間選擇。

顏色滑桿

它與色輪非常相似,只不過它對單獨的 HSV、RGB 和 CMYK 值有更精細的控制。

我現在將顏色塗到畫布上。然後假設我想要一個飽和度更高、更紅的顏色,而不改變其明度。用色輪很難做到這一點,這就是顏色滑桿的用武之地。

和之前一樣,我們也可以透過點擊三條線圖示來改變色彩空間。我們在每個色彩調色板中使用的色彩空間是相互連結的,所以你會注意到,在這裡改變色彩空間,也會改變色輪上的色彩空間。

為了得到我想要的顏色,我可以拖動滑桿,但更簡單精確的方法是直接輸入數值。

中間色和近似色

現在我將這個顏色放在我們的第一個顏色旁邊。我有點想不出要選擇什麼特定的顏色了,所以我們何不使用中間色和近似色調色板來幫助我們呢?

 

中間色調色板允許你選擇四種顏色,並查看它們如何混合。你可以透過點擊菜單圖示並選擇其中一個選項來調整方塊的大小。如果你不喜歡網格,也有隱藏它的選項。

讓我們來測試一下,選擇一種顏色並點擊角落的方框。然後,從這些生成的顏色中,我會選擇我喜歡的。

與中間色類似的是近似色,它只參考一種顏色。此工具具有自己的獨立滑桿,用於控制你希望顏色修改的參數。

預設情況下,它被設定為飽和度和明度,但我們可以透過點擊欄位旁邊的字母來更改它。在這個範例中,我會將它設定為 R (紅色) 和 G (綠色)。我強烈建議你也多加嘗試這些設定,以便更好地理解它。

色彩集和色彩歷史

這樣,我們所有的顏色就完成了!但是在繪畫時使用畫布來儲存這些顏色不僅繁瑣而且效率低下。幸運的是,CSP 提供了色彩集和色彩歷史調色板。你不會相信這為我省下了多少麻煩。

簡單來說,色彩歷史顯示了你在程式中使用的顏色列表,而色彩集則是你在繪畫時儲存顏色的地方。

你可以使用預設顏色,從 Clip Studio 資產庫下載,甚至自己製作。你可以透過點擊下拉圖示來存取這些色彩集。

在我們的範例中,讓我們透過點擊扳手圖示 > 建立新色彩集 > 然後將其重新命名為 {我的色彩集} > 並點擊確定來製作我們自己的色彩集。

如果你之後想編輯它,例如複製或重新排列,你可以再次點擊扳手圖示來執行。

 

我現在將開始添加顏色:

1. 使用吸管工具並按住 Alt 鍵來選擇顏色

2. 選擇一個空白方格。

3. 然後點擊水滴圖示。

另一種方式是透過三條線圖示 > 添加顏色。但最簡單的方式是按住 Alt 鍵並點擊你想要註冊活動顏色的空白方格。

不過,為了讓這更快,我會選擇吸管工具中的「自動註冊顏色」。

我建議你使用完畢後將其關閉,以避免意外地將不需要的顏色添加到你的色彩集中。如果你不小心添加了,你隨時可以使用垃圾桶圖示刪除它,或者使用箭頭圖示將其替換為另一種顏色。

 

你也可以透過按住 Ctrl 鍵拖曳來重新排列顏色。但你可以透過點擊菜單 > 改變順序 > 拖曳來更改此控制方式。你也可以透過前往「視圖 (S)」> 你想要的任何大小來調整方塊大小。

現在我已經滿意了,讓我們繼續並將其儲存以供日後使用。前往菜單圖示 > 匯出色彩集 > 並瀏覽到你想要儲存的任何資料夾。儲存此操作不僅允許我們將其匯入到自己的設備,還可以將其分享給 Clip Studio 資產庫中的其他創作者。

現在一切都準備就緒,我將開始填色。

「吸管工具法」

之前,我們選擇了我們的基礎色,並鋪設了平塗色,所以現在我們必須添加陰影等等。我不會包括整個陰影處理過程,但我想給你一個使用我稱之為「吸管和塗抹」技巧來選擇顏色的另一個提示。

 

透過使用任何允許你疊加或混合顏色的子工具,你可以吸取兩種顏色混合的交界處。你可以將新顏色儲存到你的色彩集中,或者你也可以用它來上色並重複此過程以使陰影平滑。

不過要小心不要做得過火,因為過度操作會使顏色變得「黯淡」。

(色彩) 混合模式

我們的第一幅畫作完成了。不過有一點,我不太喜歡葉子的「綠色感」。但手動重繪會花費太多時間,所以取而代之的是:

 

我將使用色彩混合模式。讓我們新增一個圖層,然後點擊「正常」>「色彩」。這樣,我們就可以改變下方圖層的色相和飽和度,而不會影響其明度。

拾取螢幕顏色

現在讓我們進入第二幅畫作和另一組方法。

 

目前,我在另一個視窗中開啟了一張作為顏色靈感的參考圖片,但我無法使用一般的吸管工具來存取它。相反,我需要前往「編輯」>「拾取螢幕顏色」。

現在我希望能將我吸取的顏色用於我的插畫——不——直接使用圖片中的顏色並不理想,因為這些顏色已經混合在一起了。我們想要的是起始顏色,然後我們再進行混合。

 

是的,你仍然可以使用這個功能,但如果你真的想訓練你的眼睛,你可以將這些顏色作為參考或靈感,來估計你需要的起始顏色。

馬賽克濾鏡

為了讓事情變得更容易,你可以透過將圖片匯入程式並前往「濾鏡」—>「效果」—>「馬賽克」來簡化圖片中的顏色。你可以使用出現的滑桿來調整方塊。

但你知道嗎,還有一個更容易從圖像中獲取顏色的方法嗎?

 

對於這個技巧,我們需要進入「隨身模式」。

[設定隨身模式]

如果這是你第一次使用隨身模式,你首先需要在手機上安裝 CSP。(無論你是否有許可證,它都能運作,所以如果你正在使用免費版本也請放心。)接下來,你需要在電腦上點擊連接手機圖示。這將生成一個 QR 碼,你可以透過點擊手機上的相同圖示來掃描。

就這樣。你已成功啟動隨身模式。你現在可以將手機用作電腦的控制器。起初,我以為用手機進行隨身模式會很慢且延遲,但令人驚訝的是,它運作得非常流暢。隨身模式有很多功能,但今天我只會專注於子視圖和混色調色板。

子視圖 [隨身模式]

回到這個小技巧,你實際上可以使用手機上的子視圖自動從圖像生成配色方案!讓我們點擊資料夾並選擇一張圖像來測試一下。你會立即看到圖片底部出現新的調色板。遺憾的是,此功能在 PC 版本中無法使用。

混色調色板 [隨身模式]

透過隨身模式中的這個新調色板,讓我們嘗試在新增的混色調色板中實驗顏色。

 

混色調色板模仿了傳統調色板的使用方式。

 

透過點擊子視圖中生成的顏色,我們可以前往混色調色板標籤,並使用選定的畫筆進行繪畫。

我還可以選擇透過向左滑動並點擊加號圖示,將這些顏色儲存到該分頁的色彩集中。反之,我也可以透過長按方塊來刪除。

我現在將選擇塗抹工具並混合顏色,看看能否找到我喜歡的。

但現在,我們看不太清楚較淺的顏色,所以我們前往菜單,將背景顏色改為較深的顏色。

好多了。然後,透過點擊吸管工具或長按,我可以選擇特定的顏色。這個顏色會自動出現在 PC 上,然後我可以將其儲存在色彩集調色板中。

PC 中的混色調色板

在色彩調色板中還有一個我保證你會覺得有用的功能。那就是將你當前的子工具用作混色調色板畫筆的選項。

 

不幸的是,截至本教學製作時,這在手機上無法使用,所以我現在將透過再次點擊 PC 上的連接手機圖示來關閉隨身模式。

現在點擊這個在手機上沒有出現的新圖示。這將允許我們使用與畫布上正在使用的子工具相同的工具。在這個例子中,它是圓形混合筆刷。

此外,我也可以透過前往菜單 > 註冊目前子工具 > 取代筆刷 1,將其註冊為混色調色板中的筆刷。

 

如果你之後想恢復預設值,你可以回到菜單 > 註冊目前子工具 > 並重設為預設值。

我想我已經準備好初始配色方案了,所以我將開始繪畫。

混合模式以尋找額外顏色

*一個小技巧,就像我們之前使用色彩混合模式一樣,我們可以使用其他混合模式來幫助我們選擇顏色。例如,我可以新增一個圖層,將「正常」模式更改為「正片疊底」,選擇一個較淺的顏色,然後輕鬆地添加陰影。

我不會試圖解釋其他的混合模式,但你應該明白其概念。請注意不要意外地選錯顏色,因為混合模式圖層中的顏色不會與你最初選擇的顏色相同。同樣,當下方圖層的受影響顏色疊加時,它們也會與其原始形式不同。

使用校正圖層編輯顏色

畫作完成了。將它與我們的第一幅畫作並排放置,顏色有點不一致。我們仍然可以使用色彩混合模式,但那太繁瑣了。相反,我們可以使用色調校正。

 

它可以在「編輯」->「色調校正」->「色相飽和度」中找到,但一個更好且非破壞性的方法是右鍵點擊圖層,然後選擇「新校正圖層」->「色相飽和度」。透過添加這個,我們可以編輯畫作的全部或某些部分的顏色,同時仍然允許我們之後更改它。

校正圖層有很多種類。請盡情嘗試,看看哪種對你有幫助。

智慧上色技術

最後,對於那些趕時間的藝術家們,我將向你們介紹「智慧上色 (技術預覽)」。

 

這將允許你讓軟體決定顏色並為你的畫作上色。

 

要使用它,首先點擊燈塔圖示,將你的線稿圖層設定為參考圖層,然後前往「編輯」>「智慧上色 (技術預覽)」>「全部上色」。資料將被發送到 CSP,但不包含任何個人資訊,所以請不用擔心。

完成後,你會看到你的整幅畫作在幾秒鐘內自動上色。

 

如果你已經有一個配色方案,那麼你可以告訴程式使用它進行上色。這次將顏色添加到線稿圖層下方,然後前往「編輯」>「智慧上色 (技術預覽)」>「使用提示圖像並上色」。

結果可能不會像最終的畫作,但它絕對是一個很好的開始。我會再用手動陰影進行細化。

我們完成畫作了!

副色

但在我們結束之前,我之前告訴過你,我會展示一種在 CSP 中無論你的配色方案是什麼,都能自動選擇一致顏色的簡單方法。為此,我們需要點擊扳手圖示前往筆刷設定,進入顏色抖動,勾選「更改筆刷筆尖顏色」,並將與副色的混合增加到 30。我也會點擊眼睛圖示,將其顯示在工具屬性欄中。

透過這個功能,我可以為子工具選擇一個特定的顏色,而我之後選擇的所有作為主色的顏色都將混入一定比例的子工具顏色。這反過來將使顏色始終保持協調一致。

結論

如果這個教學很長,我很抱歉,因為我包含了我在 Clip Studio Paint 中使用的所有選色方法。我向你展示的方法可以單獨使用,也可以相互結合使用。其中一些更簡單,一些則更具可客製化性。但最終,最重要的是哪種方法適合你。

留言

最新

最新官方