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