如何製作色彩豐富的插圖

1,013

AriaAsimov

AriaAsimov

推介會

你好!

我是 Aria Asimov,插畫和角色設計領域的自由工作者(如果您願意,可以選擇角色設計)。我主要在X(以前的Twitter)上發布我的創作。

 

如果您點擊本教程,那是因為您想讓您的插圖更加豐富多彩或流行。在這種情況下,讓我幫助您改進您的專案!

 

為了使初學者能夠理解本教程,我將展示從草圖(或草稿)到完成的所有步驟,當然包括線條藝術和著色。 需要指出的是,這只是眾多方法中的一種,您可以更改它以適應您的繪畫方式,或者只選取您感興趣的某些部分!

 

這是我使用此方法或此方法的變體創建的插圖範例! (可在 Clip Studio Paint 的 Pro 版和 Ex 版上完成)

>>這篇文章是用法文寫的。不過,螢幕截圖將為英文,以便非法語人士更容易理解本教學。


準備

適合具有最低經驗的人員的可選部分


注意你的工作空間

對於那些剛接觸數位繪畫的人來說,這部分是為了讓你專注於自己的健康並保持動力。

 

要練習數位繪圖,建議您在感覺良好的工作空間中進行。整理你的辦公桌並按照你的意願裝飾它,我建議你隨時準備好你的鍵盤快速使用快捷鍵[Ctrl+Z]來撤消你的上一個操作, \ [Alt+X] 在軟體外部的來源上使用吸管,或 [Ctrl+U] 變更目前圖層或所選內容的色調、飽和度和亮度。

 

確保您坐在椅子上,如果您有平板電腦或 iPad,請將繪圖顯示器盡可能垂直放置,以保持頭部筆直,以免頸部疼痛。

 

確保你有時間畫畫以避免所有壓力源,並在你身邊準備一些可以補充水分的東西。也要讓眼睛休息一下,多走路,以免血液循環出現問題;繪畫時間太長會導致偏頭痛和腿部不適。健康第一!


尋找靈感/獲取參考

在開始繪畫之前,建議選擇您的主題並尋找圖形風格的參考。

 

您可以選擇製作同人畫或原創作品。最重要的是熱愛你要畫的東西!

 

參考參考

您可以將任何您喜歡的視覺元素包含在插圖中。這些參考資料還可以幫助您了解要從哪種顏色選擇開始,以便更好地形象化如何繪製身體的複雜部分或一件衣服。

 

專業人士將他們所有的參考資料匯集到情緒板中。您可以在 Clip Studio Paint 或看起來 PureRef 的軟體中執行此操作。這是你的選擇!


草圖(或草稿)

一旦您選擇了要繪製的內容並獲取了參考資料,您面前就會出現一張空白頁!現在是素描階段!

 

我建議你先做幾個,然後選擇你喜歡的每個元素,將它們組合到一個草圖中。

 

如果您在此步驟中使用傳統繪圖,我強烈邀請您拍照或掃描您選擇的草圖並將其放入軟體中。使用選擇工具,然後按鍵盤上的「[刪除」]鍵刪除照片中不需要的部分。您可以使用校正圖層調整對比。您前往 [Layer] 部分並選擇 [New Correction Layer],我的建議是從 [Level Correction]\層。 [色調曲線]以獲得更準確的校準結果。

若要將校正圖層套用到您有草稿的圖層,您可以[右鍵],然後[與下方的圖層合併][Ctrl+ E \ ]。然後您將轉到[編輯]→[將亮度轉換為不透明度]


無論您是在 CSP (Clip studio Paint) 上製作草圖還是傳統草圖,然後匯入到 CSP 中。您應該會到達這個階段,您的草圖在白色背景上透明。

為了更好地視覺化最終結果,我建議你為草圖上色!

為你的草圖上色

如果角色(可能有幾個像範例插圖一樣)具有預先定義的顏色,建議將其顏色放在與風景不同的圖層上來保留彩色草圖上的參考顏色。

 

在範例中,角色的色彩非常豐富,因此我將背景顏色的選擇限制為 2 種顏色。如果您選擇的角色顏色很少,您可以為背景添加更多顏色。

 

明智的做法是始終使用主色來突出少數顏色。

 

您可以多試幾次,看看哪種效果最好!

對於這個插圖,我選擇了彩色草圖的版本 3,因為三人組的最後一個角色除了接近夏天和白天的氛圍之外更突出,可以更好地轉錄與朋友郊遊的背景。


線條和純色

我們都有不同的路線。我的方法是為精細或不重要的元素使用相當細的線,為更實質和重要的元素使用較粗的線。

 

我傾向於關閉我的藝術線條,用油漆罐製作單色,但如果您喜歡帶孔的線條,則可以使用套索工具製作單色。


將圖層分開並製作資料夾

如果您想找到自己的文件,這裡是推薦的圖層組織。繪圖中的每種顏色都位於不同的圖層上,可以輕鬆修飾。

 

您可能已經注意到,儘管我選擇在草圖的背景中只使用兩種顏色,但我還是在裝飾中添加了植物。綠色是黃色和藍色的混合物,因此除了帶來更多顏色外,顏色還保留在所選的色調中。


黑色線條藝術與彩色線條藝術

無論您有完全閉合的線條還是線條之間有間距,我建議您通過列出每種線條藝術的優點來了解黑色線條藝術和彩色線條藝術之間的區別。

線條藝術黑色

黑色線條的優點是:

- 更容易做

- 更容易看到線條粗細的變化

- 顏色更容易顯現

- 角色在插圖中清晰可見

彩色線條藝術

彩色線條藝術的優點是:

- 使物體/人物融入插圖中

- 讓您更能理解某些精細元素(如頭髮)的紋理

- 更謹慎、更乾淨

我希望提到的優點將幫助您選擇是否要為線條藝術著色!


光與影

在這一部分中,我們將有兩種方法來添加陰影和燈光。

 

第一個是適合初學者的,因為它非常簡單但非常有效:單元格著色。

 

第二個將適合那些想要更真實的結果並想要享受光的樂趣的最勇敢的人。一種使用灰階值的技術,然後我們將對其進行著色。

 

我邀請您閱讀這兩種技術並嘗試它們,以便選擇最適合您的一種!


光影基礎知識提醒

(這是可選部分)

 

在這一部分中,我們將回顧某些基本概念,以理解和實現光影效果,無論您將來選擇哪種技術。

 

陰影和燈光用於更好地閱讀繪畫的體積。因此,有必要查看您希望在簡單體積中突出顯示的元素,例如立方體、球體、圓柱體和金字塔。

翻譯成法文:

  • 細胞著色

— 輕鬆可見

— 硬面

  • 更真實的陰影

— 燈光和陰影可以更柔和。

— 陰影不均勻,因為光線從表面反射,在陰影中產生輕微的漸變。

一個例子勝過千言萬語。如果你有比基本實體更複雜的形狀,你可以像我在與純色分開的圖層上對「馬鈴薯」所做的那樣對它們進行網格化。

我邀請您觀察各層的組織來重現它。


細胞著色

什麼是「細胞著色」?

Cell Shading是一種繼承自卡通的著色技術。從我們必須在賽璐珞(縮寫為“Cell”)上製作動畫時起,技術限制所施加的這些相當硬的陰影和燈光(未降級且未模糊)就可以識別它,其中每個圖像都必須是用水粉畫。

 

儘管原始支援的技術限制不再存在,但動畫工作室在很大程度上保留了陰影和刺眼燈光的這一方面,因為它的製作更容易、更快。

 

插畫家之所以採用這種技術,是因為除了回顧動畫作品之外,它還可以讓他們將光影效果風格化。

如何進行單元格著色?

在插圖中,沒有什麼比創建單元格陰影更簡單的了!只需使用 [Multiply] 圖層作為陰影,使用 [Add] 圖層作為燈光,然後使用套索或 G-Pen 等工具放置顏色即可實現此目的技術。

 

然而,我們將一起找到一種方法,透過在陰影內使用Screentones,使單元著色更加「流行」!

以下是 GIF 中發生的一步一步的情況。

 

①- 我的圖層 [Multiply] 使用灰色。因此,我鎖定了不透明度,以使用其他顏色作為陰影而不會溢出。

②- 我透過執行 [Ctrl+C][Ctrl+V] 複製了我的 [Multiply] 圖層。您也可以將要複製的圖層拖曳到「建立新圖層」圖示上,或執行[右鍵點擊]→[複製圖層]

③- 我透過按此圖示隱藏第一個陰影層上的重複項,然後將其混合模式變更為[疊加]。如果你想有不同的螢幕色調效果,你可以選擇其他混合模式。

④- 我透過按下此按鈕將圖層顏色轉換為 Screentone。確保您處於[密度]→[使用影像亮度],如下圖所示。您可以依照自己的喜好選擇不同類型的[點設定]。這裡我選擇*「圓圈」。

(頻率參數將改變您的網屏效果的大小。您可以根據自己的喜好進行更改。)

- 一旦獲得所需的結果,您就可以[Rateize] Screentone 效果所在的圖層。

- 您可以透過鎖定圖層不透明度來為效果著色*。

 

*查看步驟 ① *看到鎖定不透明度的圖示。

那麼為了光呢?

重複上述步驟,不同之處在於圖層模式為 [Add] 而非 [Multiply]


光與影+複合體

翻譯成法文:

— 第 1 步:草稿

— 第 2 步:線條

— 第 3 步:純色

— 步驟 4:製作純灰色。新增圖層**[Multiply]**並製作陰影後

— 步驟5:繼續使用純灰色。新增一個圖層 [Add] 然後製作燈光。

— 第 6 步:去掉純灰色。為陰影和燈著色。

對於那些想要更複雜的陰影的人。我邀請您按照上圖中的教學進行操作。此技術可用於所有專業繪圖軟體。要為陰影和燈光圖層著色,我建議您在上面放置一個圖層並將其隱藏在陰影或燈光圖層上。我建議您使用 [Linear Light] 混合模式來完成此任務。

**請參閱單元著色教學的步驟 ③ *。


飾面

你能做到這麼遠嗎?我希望您喜歡前面步驟的結果!現在我們將繼續最後一步,讓您的插圖變得色彩繽紛、閃閃發光。完成!

我發現我的影像色彩不夠豐富,我該怎麼辦?

您可能選擇了太暗淡的顏色。別擔心,您不需要按照以下技巧完全重做著色!

以下是上面 GIF 中所示的一一步驟:

 

- 為了避免佔用所有圖層,我 [右鍵單擊] 在層次結構中的最高圖層上,然後選擇 **[合併對新圖層可見]。

- 一旦創建了這個新圖層,您將複製它。副本必須置於 [柔光] 合併模式。

- 仍然在副本上,您將套用高斯模糊。您可以在**[濾鏡]→[模糊]→[高斯模糊]中找到此效果。

- 按 [Ctrl+U] 開啟 [色相/飽和度/亮度] 視窗。如果您發現您的繪圖缺乏鮮豔的色彩,請增加飽和度。

該範例缺乏明亮的顏色和對比度,因此我還降低了亮度。

現在,享受 [Overlay]、[Add][Multiply] 圖層的樂趣,直到您獲得您喜歡的結果!


大量小技巧

彩色亮點和貼紙

我把它們放在一起,因為這是相同的技術。您可以用所選的顏色繪製所需的形狀,然後按按鈕選擇輪廓的粗細及其顏色。

色彩繽紛、風格化的幾何形狀

對於風格化的幾何形狀,您必須繪製一個將轉換為螢幕色調的形狀,如與單元著色相關部分的步驟 ④ 所示。如果您不想回到那麼遠的地方,我們將一起專門針對這一部分進行操作。

正如您所看到的,一層就足以實現這些簡單但有效的效果!網屏色調的粗細依灰階值而變化,灰色越淺,網屏色調越細。

 

這就是為什麼我減輕了某些幾何形狀以產生有趣的效果。

 

之後我在圖層上執行了[右鍵單擊]→[Raterize],然後鎖定不透明度以對其進行著色。


謝謝

感謝您閱讀到最後!我希望我的教程對您的下一個插圖有用,如果您使用其中一種技術,請毫不猶豫地在 Twitter 上提及我,如果您欣賞我的工作,我邀請您關注我!

我還要感謝我的朋友和客戶讓我使用本教程中為他們製作的一些項目。

 

如果您覺得有用,請分享並按讚!

 

這是我第一篇寫的文章,如果我認為我可以在我自己的範圍內提供幫助,我會再次嘗試這個練習!

留言

最新

最新官方