大家好！今天的小訣竅是關於平面風格插畫。這種風格現在非常流行，廣泛應用於網站、書籍、簡報和產品包裝——幾乎所有可以想像到的地方。其主要特徵是乾淨、清晰且／或均勻的邊框，使用 Clip Studio Paint 中的向量相關工具可以輕鬆實現。

1. 平面風格插畫解析

附註：這絕不是規則——只是一個簡單的觀察。我也列出了使用的工具供參考，您可以在本教學的後面部分了解更多。

這種風格的大部分繪圖都分為較小的形狀，易於辨識，因為每個形狀都具有獨特的顏色。

每個部分都可以附加紋理或手繪元素，或簡單的陰影。

有些部分可以用線稿代替彩色形狀。在大多數情況下，線寬是恆定的。

最後，您可以將濾鏡圖層／雜訊／紙張紋理放在整個繪圖的頂部。在此範例中，我使用了墨水飛濺效果圖層。

2. 有用的工具和功能

附註：閱讀下面所有工具的描述可能會讓人不知所措，所以如果您想先練習以熟悉工具，請直接跳到第 3 部分及以後！

 

點陣和向量繪圖工具都非常適合這種風格。向量工具可以在任何比例下保持繪圖的清晰度（當您需要多種尺寸的圖像以用於不同用途時非常有用），而點陣工具則提供更大的靈活性。幸運的是，您可以將兩者與 Clip Studio Paint 結合使用。

 

向量圖層

在向量圖層上繪製的所有內容都可以縮放而不會損失品質，因此非常適合這種風格。然而，向量圖層不適用於某些工具，例如填充工具，因此您必須使用普通圖層（點陣圖層）或使用其他解決方法。

點擊圖層選項卡上的「新建向量圖層」按鈕以創建向量圖層。向量圖層在其名稱左側有一個立方體圖標。

在向量圖層上繪製的所有內容都將具有相互連接的「不可見」控制點，形成一條線。當您繪製它們（使用某些工具）時，或者當您使用「物件」工具 [O] 或「控制點」工具（從「輔助工具」[Y] 中的「修正線條」）點擊繪製的元素時，它們將變為可見。這些控制點使您的繪圖平滑且清晰。

以下是一些使用不同工具在向量圖層上繪製的元素範例。下排顯示控制點。

 

點陣圖層

它們是繪圖程式中常見的普通圖層。它們用途廣泛，可以通過多種不同方式編輯。但如果縮放它們，它們將會失去品質，尤其是放大時。您總是繪製更大的圖來避免品質損失，但這必須取決於程式和您的電腦效能。儘管如此，有時您仍然需要依賴舊的點陣圖層——並非所有內容都可以在向量圖層上實現。

要創建點陣圖層，請點擊圖層選項卡上的「新建點陣圖層」按鈕或按下 Ctrl + Shift + N。

 

輔助工具 圖形 [U] > 直接繪製

圖形工具在向量圖層上使用時，會創建可編輯的向量形狀。當然，您也可以在點陣圖層上使用它們。圖形工具的一個好處是您可以使用滑鼠或手指在手機／iPad 上繪圖，而不是使用手寫筆。

 

對於「直線」、「曲線」、「矩形」、「橢圓」和「多邊形」，執行方式和工具屬性是相似的。點擊，按住滑鼠按鈕／按下手寫筆，然後拖動滑鼠以創建形狀。之後，稍微移動滑鼠以旋轉／定義曲線（如果需要）。

 

對於「折線」，您無需拖動，只需點擊以創建連續線條；點擊第一個點以關閉路徑。

附註：如果您的「工具屬性」面板沒有顯示上述某些選項，請點擊「顯示[輔助工具詳細資訊面板]」按鈕以選擇要顯示哪些值／狀態。

使用「連續曲線」／「貝茲曲線」繪製自由形狀。

當我使用圖形工具繪製連續曲線時，我使用（三次）貝茲曲線。它是最接近專業向量繪圖軟體的工具，而且非常精確和多功能。

 

使用滑鼠／手寫筆點擊以創建直線。點擊然後拖動以創建曲線。按下 [Enter] 鍵結束或點擊起點以閉合曲線。在 iPad 上，點擊畫布外部（最好是貝茲曲線工具或另一個工具來繪製另一條曲線或執行其他操作）。

在繪製貝茲曲線時要撤銷，請按下 [Delete] 或 [Backspace] 鍵。iPad 用戶可以通過兩指輕觸正常撤銷。

 

在拖動方向點時按住 [Shift] 鍵，強制其為 0／45／90／135／180 度等。

 

在繪製新點時，您可以按下 [Ctrl] 鍵修改舊點。

 

[Alt] 鍵有助於切換方向。

適用於 iPad 用戶的附註：使用邊緣鍵盤進行修飾鍵操作。向左或向右滑動邊緣以拉出它（我將設定更改為按鈕而不是滑動）。

 

或者您只需粗略放置錨點，然後切換到「修正線條」工具稍後進行微調。

二次貝茲曲線：

這是 CSP 上創建向量曲線的舊方法。我不使用它們，但它們用於某些預製素材（稍後會詳細介紹）。我只知道要修改它們，就拖動點：D

 

如果您想稍後調整錨點和方向點，請記住在向量圖層上繪製。

操作 [O] > 物件

選擇向量線條／曲線將顯示其隱藏的錨點和方向點。您可以移動點以及整個曲線，使用邊界框調整大小／旋轉。點的操作與您使用貝茲曲線工具時相同。

 

在「工具屬性 [物件]」選項卡上更改顏色、筆刷大小和形狀等。

 

您也可以使用 [Ctrl + C] 然後 [Ctrl + V] 複製曲線，並在按下 [Delete] 鍵時刪除該曲線。

修正線條 [Y]

使用這些工具修改向量錨點。

控制點

桌面用戶更容易，因為您只需右鍵點擊點即可訪問這些功能。對於 iPad 使用，在繪製完其他工具後切換到「修正線條」工具。

[圖像] + 簡短圖像說明

對話框 [T]

向量圖層不能包含彩色區域，只有線條？再想想看！您可以使用對話框工具做到這一點！這不是它們的預期用途，但它們能完成任務，何樂而不為呢。

 

請注意，對話框有自己的「對話框圖層」。它們是一種向量圖層的子類型，允許填充（彩色區域）。然而這兩者不能混用。此外，當您將兩個對話框放置在同一圖層中彼此相鄰時，它們將合併。

橢圓對話框／圓角對話框

儘管名稱如此，它們兩者都與「矩形」、「橢圓」和「多邊形」圖形工具類似，但有一個重要區別：它們可以使用「線條／填充」切換（圖形工具在向量圖層上只允許線條／曲線）。圓角對話框增加了「邊角圓度」參數。

曲線對話框

選擇「三次貝茲」曲線時，它的行為與貝茲曲線工具完全相同，同時允許在對話框圖層上進行填充。有關更多詳細資訊，請參閱上面的貝茲曲線部分。

素材

如果您懶得動手，素材選項卡配備了大量的預製對話框。只需將它們拖放到畫布上，隨心所欲地更改其線條和填充顏色。使用「物件」工具修改其錨點和方向點。

尺規 [U]

創建尺規的方法與圖形工具類似。當您想在點陣和向量圖層上創建平滑、連續的線條／曲線時，尺規可以用作圖形工具的替代品，並且可以稍後重複使用。但是由於使用尺規繪圖會創建過多的控制點，因此更難修改線條。

鉛筆／筆刷／噴槍／裝飾 [P] [B] (附穩定器) + 填充 [G]

 

有時直接使用筆刷繪圖比使用帶錨點的向量線條更快。如果您將穩定度提高到非常高的數字，您的線條將會非常平滑。它們也用於手繪陰影／紋理。

為避免在使用「填充」工具時出現間隙，請將「區域縮放」數字增加到筆刷大小的 ⅓ - ¼（僅適用於點陣圖層）。

3. 使用預製圖形繪製簡單插畫

這是一個簡單的範例，向您展示這些工具如何協同工作。

打開「素材 [對話框]」選項卡。將 Vibration_01 對話框（CSP 的默認素材）拖放到畫布或圖層選項卡（工具會自動切換到「物件」工具，因此您可以輕鬆選擇和修改向量物件）。

在「工具屬性 [物件]」選項卡上，選擇「創建填充」。將填充顏色更改為綠色。我選擇「中等」抗鋸齒，因為默認值（無）看起來有點粗糙。我還使用邊界框的節點將其縮放了一點。

切換到「曲線對話框」工具。在「工具屬性 [曲線對話框]」選項卡上，選擇「創建填充」、「添加到選定圖層」（以便創建的新對話框位於同一對話框圖層上；如果尚未選擇任何圖層，則會為第一個對話框創建一個新的對話框圖層）、三次貝茲曲線、中等抗鋸齒。選擇棕色。

 

我點擊了三次以創建樹幹的三角形，然後點擊起點以閉合形狀。

重複這些步驟三次，繪製三個樹枝。由於對話框在一個圖層中重疊，它們會合併在一起。

您現在擁有一棵向量樹。它看起來有點平淡，所以我們將添加一些「紋理」。

 

在「樹幹」對話框圖層之上創建一個新的向量圖層。

 

切換到「圖形」工具 >「直線」。拖動以創建一條垂直線。

我可以用這條簡單的線裝飾樹幹，但我想使用更花俏的東西。使用「物件」工具選擇線條，然後到「筆刷形狀」下拉選單中選擇您喜歡的筆刷。

 

如果您想要的筆刷沒有出現在這裡，例如我想要「裝飾」工具中的筆刷，請到該筆刷的工具屬性選項卡：

 

點擊右下角的「顯示 [輔助工具詳細資訊面板]」按鈕。在彈出面板上，前往「筆刷形狀」並點擊「註冊到預設」按鈕。您的筆刷現在將出現在「筆刷形狀」下拉列表中。

我選擇了「粗糙邊緣筆刷」，增加了筆刷大小並更改了顏色。

仍然使用「物件」工具選擇線條，我通過 Ctrl + C 然後 Ctrl + V 將其複製成多個實例。我使用「物件」工具移動它們以形成一種圖案。

 

然後我選擇向量圖層並點擊「剪裁到下方圖層」按鈕。樹幹現在有了鋸齒狀圖案。

我們將使用另一種方法來處理樹冠。從「素材」選項卡，我將日本家紋圖案拖放到「圖層」選項卡，將其放置在樹冠的對話框圖層之上。在「圖層屬性」選項卡上，選擇「圖層顏色效果」並將圖案的顏色更改為淺綠色。然後將圖案圖層剪裁到對話框圖層。

這棵樹幾乎完成了。我再次前往「素材」選項卡，將「40% 40/0 雜訊單色」圖層拖放到所有其他圖層之上，並將其不透明度降低到約 30%。

另一個範例：這些房屋和鋪設好的道路只能用多邊形工具和氣泡素材製成！

4. 使用貝茲曲線繪製複雜曲線和形狀

使用您習慣的任何筆刷在點陣圖層上草繪您的繪圖。

我降低了草圖的不透明度。它將位於其他圖層的頂部。

 

我使用「曲線對話框」工具繪製紅色花瓣。

點擊開始，然後拖動以創建曲線，點擊以創建角落等。有關如何使用貝茲曲線的更多詳細資訊，請參閱第 2 部分。

葉子的顏色不同，因此您可能不想將它們的對話框與紅花放在同一圖層上，以便稍後可以在其上使用不同的陰影／紋理。為此，當選擇「曲線對話框」工具時，在繪製第一片葉子時選擇「新建圖層」，然後切換回「添加到選定圖層」，以便將所有葉子放置在同一圖層上。

 

創建一個新的向量圖層，使用「圖形」工具 >「貝茲曲線」繪製花的莖；另一個向量圖層用於雄蕊。一般來說，如果曲線／形狀具有不同的顏色和／或筆刷形狀，您應該將它們分離到不同的圖層中。

 

如果您周圍有太多形狀，請注意圖層的順序。此外，只合併相同類型的圖層（也就是說，只合併向量圖層彼此、對話框圖層和點陣圖層；混合不同類型會將結果圖層轉換為點陣圖層，之後您將無法編輯向量曲線）。

如果您仔細規劃，您可以繪製非常複雜的圖像。

在上面的範例中，我甚至使用「正片疊底」模式的暖灰色形狀添加了陰影。甚至要規劃顏色！

5. 陰影和紋理

這一步非常簡單，但它可以而且將會把您的繪圖提升到一個新的水平！選擇一個或多個紋理筆刷／噴槍／裝飾筆刷／鉛筆／蠟筆——任何東西，與基礎形狀不同的顏色，然後在其上繪製。有兩種方法可以做到這一點：

 

1 - 在基礎形狀的圖層上方創建一個新的點陣圖層，並將新圖層剪裁到其上。在此圖層上進行陰影處理。這種方法可以應用於所有三種類型的圖層（點陣、向量和對話框），並且向量／對話框形狀保持可編輯，但它可能會創建很多額外圖層。

 

2 - 如果需要，將基礎形狀的圖層點陣化（右鍵點擊然後選擇「點陣化」），然後鎖定透明像素。直接在點陣化圖層上繪製。您的檔案不會那麼雜亂，但之後更難編輯。

 

我使用「乾水粉筆刷」和「噴漆噴槍」在花上進行了陰影處理，並添加了一個帶有紋理的對話框素材作為背景（此圖片中的光線來自上方）。

Clip Studio Paint 已經提供了很好的紋理筆刷選擇，但您可以前往 Clip Studio Asset 下載更多。花朵的範例可能看起來很普通，但好的紋理筆刷加上精緻的調色板可以真正地將您的平面形狀超出預期地改變！下面是我的一些插畫，向您展示這種風格可以有多麼多功能！

希望您能在我的教學中找到有用的東西！如果您喜歡我的教學，請訪問我的頁面！讓我們聊聊吧：D