平面插圖無處不在。想想交通標誌。圖片乾淨，簡單，沒有太多細節，一眼就能看出是什麼。

我要畫《賣火柴的小女孩》中的三個場景，它們的情緒和焦點各不相同。我相信你們中的大多數人都熟悉這個故事。

 

我們將討論主要焦點，選擇配色方案以及它如何在平面插圖風格中發揮作用。

 

我建議查看下面的視頻版本以了解遊戲中時光倒流。

工具和風格

平面插圖通常是無線條的。您可以使用任何鋼筆、畫筆自由繪製，或僅使用套索工具並填充。您還可以使用圖形工具繪製平滑的輪廓。

如果您喜歡的話，粉筆、蠟筆之類的紋理筆刷也很管用。

我正在使用我最喜歡的修改版映射筆和硬橡皮擦，以及用於其他效果的漸變工具和色調刮擦噴槍。

可以使用單元格陰影或漸變對插圖進行陰影處理，但請記住平面插圖應該看起來是平面的。以不會給插圖帶來太多深度感的方式繪製陰影。

如果您使用漸變，請謹慎使用。我們希望形狀看起來清晰，太多的漸變會使顏色變得模糊。

配色方案

由於其無線條的特性，顏色非常重要。你不能通過使用藝術線條來分隔相似顏色的項目來作弊。

這就是對比出現的時候。可能是形狀對比或顏色對比，我們的眼睛會被不尋常的東西所吸引。為了看起來不尋常，主要焦點應該與周圍環境不同。

顏色是我們最強大的武器。在談論顏色時，使用的對比度有四種。

 

1. 彩色與灰度。這與...幾乎相同

2. 飽和與去飽和。

3. 暖與冷。

但其中最重要的是價值觀。我會在選擇顏色後立即解釋價值觀。

選擇配色方案對我來說是一場噩夢。了解顏色理論是一回事，但我們如何選擇顏色呢？

 

我的建議是首先選擇將在插圖中佔據大部分空間的顏色。

場景發生在晚上，周圍將是藍色的。因此藍色將占主導地位並成為我們的第一種顏色。

 

在色彩理論中，我們有很多與藍色搭配得很好的顏色。還有很多沒有的。這有助於我們消除很多可能性。

暖色很吸引眼球，與冷藍色形成鮮明對比。

在插圖中加入一些是個好主意，特別是對於我們的主角。這消除了只有冷色的色彩和諧。

既然我們擁有的更少，請決定您要使用多少色調。對於此示例，兩個太少，四個太多。讓我們堅持三個。

只剩下兩個了。現在是冬天，所以使用綠色會很奇怪，而且我不喜歡使用粉紅色，所以獲勝者是 Split Complementary。

恭喜，我們已經有了自己的配色方案！

 

當您在為您的藝術選擇顏色時遇到困難時，我希望這個技巧可以幫助您。

策劃階段

讓我們快速繪製一個粗略的草稿。在這一步中，我正在嘗試顏色並充實角色和環境，因為我不想在畫真實的東西時絆倒。首先，因為這不是一個歡快的故事，所以我避免選擇飽和的顏色。

• 對於透過窗戶的燈光，我們將使用褪色的黃色。

 

• 雪是淺藍色而不是白色。在我的彩色插圖中，我傾向於避免純白色和純黑色。

 

• 為了將觀眾的眼睛吸引到女孩身上，我們將使用更飽和、更明亮的暖色，而與她相比，路人看起來更白、更藍。

 

• 對於星星，與窗戶相比，光線飽和黃色，略微發光。

 

• 對於女孩和她的祖母飛向天堂的最後一張照片，我選擇使用流星的顏色讓他們沐浴在帶有漸變的暖光中。

要查看顏色是否有效，請檢查值。轉到圖層屬性>表達式顏色>灰色。

它會將您的彩色圖片變為灰度。

值是色調的明暗程度。不同的顏色可以有相似的值，這不利於平面插圖。不同的形狀具有不同的值很重要。

例如，女孩頭巾的顏色和窗戶的顏色具有相似的價值。

我使用了色相/飽和度/亮度並增加了亮度以使其更亮。它增加了知名度。

回到Layer Property>Expression Color，這次選擇“Color”，看看變化。您在灰度模式下所做的更改將應用於彩色模式。

草圖

在第一張照片中，這個可憐的女孩在街上追著一個人，試圖賣掉她的火柴。我將以自上而下的視圖顯示狹窄的小巷，並在插圖中顯示更多信息。

第二張是女孩看到流星的情景，想起了慈祥的奶奶。

 

焦點是流星，我們要把相機放在女孩身後，告訴觀眾女孩正在抬頭看。

 

建築物上的燈全部熄滅，告訴觀眾即使小鎮入睡，女孩仍然在外面寒冷。

這個長鏡頭中有太多的空白空間，很難聚焦在星星上，所以我把它縮短了一點。

星星和女孩在相對的兩側以平衡插圖。

如果女孩就在星空下，就會有空白區域，使插圖的一側看起來太重了。

 

不是一個好的組成。

最後一個是她在來世遇到她的祖母。

由於插圖從左邊開始，我將女孩和奶奶放在右上角以順應潮流。

巷子裡的女孩在第三張插圖的左下角。主要焦點是她們飛向天堂，讓地球上的女孩與環境的色彩融為一體。

 

由於女孩（胡同）在第三幅插圖中的位置，我翻轉了第二幅插圖以保持一致性。

讓我們檢查三個插圖的值。看起來不錯。是時候敲定了。

定稿

讓我們在第一個插圖的頂部和底部添加一些陰影。然後在建築物上一些以更好地框住女孩。

第二個插圖，在天空中添加一些較淺的藍色條紋，使其不那麼空曠，並使建築物液化以使其變直。

第三張，地球女孩的頭變小了，飛行場景的對比度增加了。

在我們清理插圖之前的最後一項測試是斜視測試。

此測試的目的是確定插圖的焦點是否未被環境中的任何事物分散注意力。

 

手動的方法是離開屏幕，瞇著眼睛看插圖。

用高斯模糊模糊插圖也可以。

正如我們所見，第一個插圖並沒有完全通過瞇眼測試。窗外的燈光和女孩正在爭奪注意力。不過，另外兩個則以出色的成績通過。

 

我在最終版本中更改了窗口的顏色。

讓我們檢查顏色值並進行另一個 Squint 測試以確保一切正常。

我把第一張插圖中女孩的裙子顏色變深，讓她看起來更流行。斜視測試...

插圖一勉強通過了斜視測試。

 

女孩的紅裙子和頭巾幾乎沒有比窗戶燈更引人注目，所以我選擇關掉她右邊的燈，在第一張插圖的左下角畫一個新的帶燈的窗戶。

而且，我們完成了！我希望你學到新東西。

 

下一個教程見！