創作：Maxim Shkret
#p#副標題#e#
Benoit Drigny是來自法國的自由插畫師和平面設計師。他擅長用繽紛的色彩和簡單的幾何圖形創造出可愛而抽象的插圖作品。
智利視覺藝術家Christian Orrillo使用強大的調色板創作了華麗的超現實主義藝術品。
Sibel Acikalin Akgun，土耳其插畫師。她的作品線條流暢，運用線面結合的方式，使畫面豐富有層次，人物造型獨特，故事表現能力強。
您可以在Illustrator中使用等距網格創建等距圖形(如下圖所示)。這將幫助您根據網格創建等距形狀。
這是今天要繪制的人物插畫(如下圖所示)。
1. 創建人物的頭部
步驟1
選擇橢圓工具 (L) 并創建一個圓。按住鍵盤上的 Shift 鍵, 同時用鼠標單擊和拖動, 以創建一個完美的正圓。對于膚色, 我們將使用下面的設置, 但您可以自由地為您的項目選擇自己喜歡的顏色。R:194 G:119 B:112
步驟2
選擇直接選擇工具 (A) 并選擇圓。這樣你就能看見形狀的定位點, 并且您能夠使用該工具對其進行調整。
步驟3
使用直接選擇工具 (A) 選擇底部錨點, 并將其移動到一側, 以創建角色的下巴。
步驟4
使用橢圓工具創建另一個完美的圓, 這次為你的角色的頭發選擇一種顏色。R: 45 G: 42 B: 69
步驟5
要創建耳朵, 請使用圓角矩形工具。使用與頭部相同的膚色繪制一個小膠囊形狀, 并將其移動到位。
步驟6
使用圓角矩形工具創建一個更大的膠囊。使用與頭發相同的顏色, 并以一定角度稍微旋轉頭發。
步驟7
使用選擇工具 (V) 將形狀放在頭部前面。
步驟8
復制膠囊形狀, 方法是復制它 (Ctrl-C) 并粘貼它 (Ctrl-V)。將新膠囊放在頭部上方, 讓人物的額頭有一些額外的頭發體積面。
步驟9
右鍵單擊耳朵的矢量形狀, 然后選擇 “排列” > “置于頂層”。
步驟10
這樣就能讓耳朵露出來啦
步驟11
創建兩個很小的膠囊, 并使用選擇工具 (V) 旋轉它們, 并將它們移動到位
步驟12
創建一個膠囊來作為頸部, 并將其移動到頭部下方。對皮膚使用稍微深一點的顏色。R: 165 G: 89 B: 89
步驟13
為背景創建新圖層。
步驟14
在新圖層上, 使用矩形工具創建新背景并選擇合適的顏色:R: 186 G: 227 B: 254
2.創建人物的身體
步驟1
使用矩形工具, 并大致繪制出一個很長的白色矩形。使用直接選擇工具 (A) 將頂部的兩個錨點相互移動, 以創建一個梯形。確保所有四個實時圓角小部件都可見 (如果沒有, 你可以換AIcc以上版本或者在效果里面使用圓角效果)。選擇小部件并將所有四個角拖動到中心以使四個角是圓的。
步驟2
確保已選擇身體（長白圓角矩形），轉到 “效果” > 3D > “旋轉”。
步驟3
在彈出框中, 請確保選擇以下內容:
位置: 等角-右方
表面: 無底紋
步驟4
這將使身體出現等距形狀。請注意, 您仍然是可以編輯形狀, 因為它是2D的, 這將會實時調整。（所以你的電腦配置得高點，不然東西做多了會卡）
步驟5
確保已選擇主體。轉到效果 > 3D > 凸出與斜角。
步驟6
在彈出框中, 請確保選擇以下內容:
位置: 離軸-前方
凹凸厚度:50
斜面: 圓角
高度: 4
表面: 無底紋
步驟7
這將創建一個等距3D對象, 我們可以將其用于人物的主體。
步驟8
使用選擇工具 (V) 將頭部移動到身體頂部的位置。
3.創建人物的腿
步驟1
使用圓角矩形工具創建人物的臀部。選擇要用于腿部的新顏色:R: 100 G: 118 B: 202
步驟2
確保已選擇臀部。轉到 “效果” > 3D > “旋轉”。在彈出框中, 請確保選擇以下內容:
位置: 等角-右方
表面: 無底紋
步驟3
確保髖關節仍處于選中狀態。轉到效果 > 3D > 拉伸和斜面。在彈出框中, 請確保選擇以下內容:
位置: 離軸-前方
凹凸厚度:50
斜面: 圓角
高度: 4
表面: 無底紋
步驟4
將形狀放置在身體下方和后面。您可以通過右鍵單擊形狀并選擇 “排列-置于底層” 來執行此操作。
步驟5
選擇鋼筆工具 (P) 并把粗細設置為21pt。
步驟6
使用鋼筆工具 (P) 通過按住鍵盤上的 Shift 鍵繪制一條直線。復制或繪制兩條腿, 并將它們放在臀部下方。
4.創建人物的手臂
步驟1
使用圓角矩形工具創建一個白色膠囊來作為襯衫的袖子。使用選擇工具 (V) 以輕微角度旋轉。
步驟2
將膠囊放在角色的肩膀上。
步驟3
復制形狀并將其放到左邊的肩膀位置。接下來, 您需要翻轉形狀 (右鍵單擊 > 變換 > 對稱 > 垂直), 然后將其縮短并放置在肩膀上。
步驟4
選擇鋼筆工具 (P) 并調整描邊設置, 使顏色與角色的膚色相匹配:
粗細:11 pt
端點: 圓角
步驟5
使用鋼筆工具 (P) 繪制一個稍微彎曲的手臂, 并將其放置在白色膠囊下方。
步驟6
復制手臂復制 (Ctrl-C) 并粘貼它 (Ctrl-V)。
步驟7
右鍵單擊手臂并選擇 “變換” >”對稱”> “垂直”。
步驟8
使用選擇工具 (V) 將手臂放到背部, 并將其放置在第二個白色膠囊下方。
步驟9
使用選擇工具 (V) 移動形狀, 并對等距的人物各部分進行最終的微調整。（細心的朋友應該早發現脖子的地方有個橢圓的小細節了把，如果你看教程到這里還沒有發現我就只能emmmm）
5.創建人物的裙子
步驟1
現在我們已經創建了第一個人物, 現在可以進行一些輕微的調整來創建第二個人物。使用選擇工具 (V) 選擇整個人物并對其進行復制。在第二個人物上, 使用直接選擇工具 (A) 刪除頭發。
步驟2
選擇兩條腿并更改筆畫屬性, 以使顏色與人物的膚色相匹配。稍微減輕腿部的粗細:
粗細:15 pt
圓角: 圓角
步驟3
要創建裙子, 請選擇構成人物臀部的等距形狀。然后使用選擇工具 (V) 并向下拉形狀以達到調整長度的作用。
步驟4
使用直接選擇工具 (A) 調整實時圓角的小部件, 使邊角再次變得銳利。這將使你更容易調整裙子的形狀, 通過互相的移動底部錨點。一旦你對裙子的一般形狀感到滿意, 你可以再次使用直接選擇工具 (A) 來使用實時圓角小工具來再次進行圓角。
6. 創建女人的頭發
步驟1
要創建第二個人物的頭發, 請使用橢圓工具 (L) 并創建一個完美的圓。使用選擇工具 (V) 將其放置在正確的位置, 并將其放到頭部的后面 (右鍵單擊 > “排列” 置于底層 “)。接下來, 創建一個較小的圓, 并將其放置在耳朵后面。
步驟2
創建另一個圓, 并將其放置在角色的前額前面。使用直接選擇工具 (V) 來降低圓的高度。
7. 創建女人的胸部
步驟1
使用橢圓工具 (L) 創建一個小的白色圓形形狀, 并將其放置在人物的胸部區域的頂部。
步驟2
復制形狀, 并將其放置在胸部的另一側。
步驟3
將這兩個形狀組合在一起 (Ctrl-G), 并復制他得到一個新的組。如何按住ctrl-shift-v，這將在上一個組的頂部粘貼復制的新組。我們將把這個新的小組稱為 “影子小組”。然后選擇一個稍暗的顏色填充他。
步驟4
將陰影組移動到兩個白色圓形形狀的后面, 并使用鍵盤上的箭頭鍵以增量方式向下移動, 以便出現一個小的、有厚度的陰影。
步驟5
通過用形狀覆蓋來刪除任何多余的陰影區域(這可以用鋼筆工具完成)。選擇陰影形狀和新形狀 (以紅色顯示), 然后使用 “減去頂層” 模式刪除多余的陰影。
步驟6
將陰影放置在白色橢圓下方。
恭喜你，完成了今天的教程！
原文地址：tutsplus
譯文地址：UI中國
作者：Jonathan Lam
譯者：米夏小雨
]]>
]]>
在今天的文章中，主要分享扁平化插畫的形色平衡的訓練為重點，演示創作夸張風格人物的過程。
效果圖：
使用工具：
Adboe illustrator (2019)
一、草圖：生成作品也許只需要30秒
我一再強調過草圖的重要性，草圖不需要畫得多好，它是一個想法的探索過程。在我們今天繪制的人物，我希望給人物一個看起來比較像是在舞蹈的動作，這樣的畫面會看起來更有活力。
這是我的草圖，看上去很凌亂，不過大家可以看到我在這里的思考脈絡。畫這個草圖用不到十五秒，但是它瞬間捕捉到了我腦海中想要人物呈現的樣子，以及可能想要給人物增加了一些場景元素。
我也在扁平插畫研習社當中和大家提到過，每天不一定能有時間完成一幅練習作品，但是一定可以拿1分鐘時間來完成一幅完全原創、天馬行空的涂鴉。
二、線 Or 非線
人物形態確定以后，接下就需要進一步了解到：你需要運用哪種更為細化的筆觸來表現插畫？
扁平插畫最基本的劃分，其中一個是線性或者是非線性。所謂線性就是要利用線條來對輪廓線或者邊線進行處理，而非線性只是采用形狀。它們之間的區別除了線條的存在與否以外，線性更需要加強線條本身的表現力，所以對線條的形態本身也需要格外關注。
STEP 01
首先打開AI，新建文檔，文檔大小可以設置為1200*1200，分辨率72，色彩模式RGB。
先從線條開始起步，設定好線條的大小為3px，繪制出一個圓角矩形。圓角矩形的角度圓弧可以放到最大，呈現一個膠囊形。這也是人物的頭部的繪制。
描邊的形態也要注意一下統一規格，詳見下圖：
三、繪制身體的大形
上一部繪制好了頭部，接下就可以開始繪制頸部以及身體的其他部分，這時候可以不用繪制細節的部分。重點是要抓住身體的比例以及大型的輪廓。
雖說我們繪制的是夸張比例的人物，但是比例仍然是我們繪制的關注點。
STEP 02
脖子的處理方式很像畫一條管子。這里我們采用鋼筆工具繪制直線條的方法，然后再將直角變圓角。這是扁平插畫中常用的繪制弧形的方式，除非你能很精準的控制鋼筆工具的貝塞爾曲線。
STEP 03
接下處理的身體的部分，首先要畫的是領口和肩臂的部分，這兩部分其實無法分割，而是作為一個整體來繪制的。
這時我們還要確定的是領口的樣式，領口究竟有什么樣式決定了衣服的樣式，一般我們常見的領口樣式就是一個圓領和一個V領，所以在這里，我們選擇用圓領。
要畫圓領很簡單的方法是用鋼筆工具，但是初學者不一定能把這個圓弧畫得很精準，這時我們可以借助圓角矩形本身來畫。然后利用形狀生成器工具（在左側工具欄中找到），在按住鍵盤ALT鍵的同時，對路徑進行刪減。
STEP 04
接下繪制肩部和身體，注意跟隨草圖的思路，同時需要注意線條的表現，弧線要處理到平滑均勻。從下圖的右側可以看出，扁平插畫中我們是如何運用幾何塊狀來構型的。
STEP 05
接下完成另一只手臂，但暫時不繪制手的部分。另外一只手臂也是需要表現出幾何形的感覺。
STEP 06
最后完成腿部的繪制，手和腳的部分留起來單獨畫，這是為了讓我們的身體大形全部建立起來，從而獲得人物動作的全貌，以便我們從大體上進行調整。
提示：
如果我們在草圖階段畫好了人物，也許覺得很滿意的作品，放到軟件里畫出來未必就是同樣的感覺，這時就需要繼續調整。
四、手腳細節
整個人物的身體都是用大的形狀所組成的，相對欠缺細節。那么手部和腳部（鞋子）就需要比較細節的刻畫，這樣就能讓細節也富有感染力。
STEP 07
繪制手部的時候，注意手指的線條要分布均勻，關系適當，手指的長短要表現出錯落有致。
STEP 08
腳部的細節主要就是要描繪出腳踝，以及鞋子的部分。鞋子的樣式可以自由發揮，照顧到整體的審美感即可。
注意右邊的鞋子，由于腳后跟的位置略往上抬起，因此鞋子的外觀和左邊就略有差別。
五、增加細節化處理
大形繪制完，整個人物就完成了，接下繼續增加線條，從細節上繼續豐富人物的表現力。
STEP 09
從頭部的細節開始增加，為人物增加眼睛和頭巾。頭巾的部分可以稍作夸張。
STEP 10
對人物的服飾增加裝飾性的線條細節。
STEP 11
繼續增加鞋子部分的細節，這里的線條可以稍作更為復雜的刻畫。
STEP 12
這里接下我們將直線替換為波浪線，比如人物的右邊的褲腿，就可以采用這類方式來增加人物的律動感。
首先繪制出一條直線，這條直線不要太短，接下在選中直線的基礎上，進入到【效果>扭曲和變換>波紋效果】，進入波紋效果的設置面板，然后根據下圖中的參數進行設置。這時直線變為了波浪曲線。
STEP 13
刪掉人物右邊的褲腿那條直線，然后將做好的曲線進行擴展外觀，擴展外觀后，這條波浪曲線就變為了曲線的路徑，然后將這條路徑放置在合適的位置上，注意首尾和原有圖形的對接。
六、裝飾線的細節
所謂裝飾，就是看似和人物不相干，但又能幫助烘托氛圍，增加豐富感的線條、圓圈等圖案。這些圖案的排布應該是靈活的，但又不失視覺的韻律感。
每個小裝飾的畫法都非常簡單，裝飾就像一種調味料，因此要把握好整體的比例。
STEP 14
增加線條作為主裝飾，它們的方向最好保持一致，和人物的腿部線條有方向上的共鳴。
STEP 15
繼續豐富裝飾的細節，增加幾何形、虛線、圓點、斜線……等等。這無疑就是多種調味來增加視覺的豐富和動態。
然后線條的部分我們就完成了。
接下我的習慣做法是，先把所有的圖形全部建立一個組，然后復制一個，當作備份。對新的復制出的線條進行擴展外觀。由于有了備份，即使最后發現線條有什么不對，也能重新把原始的線條調出來進行修改。因為在AI中如果已經擴展了外觀的線條就已經不再好繼續改動了。
七、填色
填色前先將所有的線條進行擴展，擴展后再將所有的線條（現在已經是黑色的形狀了）進行合并。
STEP 16
利用形狀生成器工具，選中剛剛我們擴展后的所有的黑色線條，然后通過鼠標單擊的方式來生成內部的形狀，從而可以對內部形狀進行填色處理。
這時我們選用藍色作為主色來填充人物衣服的部分。
STEP 17
然后再填充人物的皮膚的顏色。
STEP 18
運用一個飽和度更高的藍色，和之前所運用的藍色相比，它運用的面積比較小，讓這塊顏色具有視覺的凝聚力。
STEP 19
最后把主色調的藍色分別運用在其他的形狀上。然后再把人物的褲子的形狀填充黑色。
黑色和藍色的運用，會讓色彩整體有種力量感。而黑色褲子的部分就和其他地方用線包圍的感覺形成了對比，視覺上會具有更多層次。
STEP 20
將裝飾形狀的色彩也進行部分填充，色彩可以運用藍綠來補充畫面中色彩的單調。然后選用接近白色的藍色（不一定非要是純白）來給目前仍然處于空白狀態的形狀以白色。這樣整個畫面的填色就完成了。
STEP 21
主色為藍色，這就讓畫面看起來比較冷，那么為了中和這種冷調，那就需要增加一個暖色。這里我們為人物增加一個背景裝飾數字01，讓這個數字的色彩表現為黃色。
STEP 22
最后一步，為了讓畫面看起來更靈動，我們給人物的衣服增加白色英文字母。
最終效果如下：
八、插畫應用
最終應用在UI設計的界面中的效果：
九、后記：扁平（FLAT）的魅力
FLAT不是樸素，只是學會克制的表達。比起純快樂式的張揚藝術相比，扁平看起來比較冷靜，這也賦予了它在商業應用上的實用性。
在學習扁平插畫的時候，學會脫離原有物體的形態，練習夸張的人物是最有效的方式。由于重點從人物形態轉移到了形色的造型組合，因此，直達視覺傳達的本質。
來源：ifeiwu
]]>
