原創插畫是如何來的，你這樣一看就明白了（附教程）

STEP 01

讓我們開啟AI，建立一個寬1600px高1200px的新文件。然後將所參考的照片置於其中，鎖定照片的圖層，再新建一個圖層作為繪製層。繪製時可以用鋼筆工具，

STEP 02

鋼筆工具所繪製的形狀關閉填充，線條設定為紅色，將線條大小設定為0.5px。這裡選用紅色是為了照顧視覺的可辨性，你也可以選用和照片本身差別大的色彩。

根據照片提示的輪廓進行繪製，並不是一定要完全效仿照片。就像本例中，我們未必要完全效仿模特的髮型。基礎形裡的每一個形狀都要封閉完全，這是為了填色的需要。

STEP 03

繪製五官的部分，尤其是眼睛的時候，要注意保持每個形的封閉型，這時你要非常清楚你的填色邏輯，不要被線條誤導了。

五官保持最簡單的形，去掉一切繁瑣細節，而又要保持視覺上的“合理性”。

STEP 04

處理人物剩下的部分。這時可以稍微發揮創意，比如我在這裡增加了頭髮的長度和弧度。也是這時開始，我們就丟棄對照片的依賴。關閉照片可見，完全從線條的角度來審視整個畫面。

STEP 05

調整線條，讓它變得更為“絲滑”，並對形進行合併與刪減。其目的是為了填色的需要，因此要謹慎選擇合適的形狀物件。而保持“絲滑”的前提就是不要過度的歪曲與拐角，你需要放大細節進行調整。

處理形的要義就是要學會趨向簡單幾何。

簡約配色

這裡我們將要學會對色彩的節制，注意在繪製人像時，人物的某一五官將作為突出重點，比如我們要在這裡突出嘴唇，因此嘴唇的部分和皮膚的部分就在色彩上加以區分。

這時，整體的色彩最好不要超過三種。用顏色作為視覺引導，在人物的重要部分運用不同的色彩對比。

STEP 06

為畫面增加背景色，這個背景色與唇色呼應。讓色彩顯得乾淨。基本的填色完成後，大致的人物形象就一目瞭然，在此進行對五官細節的微調，將是更進一步的“符號化”的過程。

陰影的點睛作用

有趣的地方就在於，儘管我們丟棄了所有的陰影細節，然而並不代表我們不需要它。利用陰影，可以起到畫龍點睛的作用。比如在這幅畫中，我們給脖子上增加頭部的陰影，脖子和頭就有了視覺上的層次，立體感增強了。

STEP 07

陰影的色彩我們選用和唇色一樣的粉紅色。將陰影的混合模式改為“正片疊底”，透明度降至30%。

STEP 08

再為眼睛增加陰影，這將增加眼神的力量。“眼影”的混合模式仍然為“正片疊底”，透明度為60%。

STEP 09

為了增加臉部的立體感，我們也要利用陰影進行“潤色”。這時，陰影不僅僅是實際的對光線投射的描繪，而是有著某種“裝飾”的意味，同時突出臉部輪廓，在關鍵的部分利用線條的婉轉來表現臉部的輪廓起伏狀態。

填色後的混合模式仍未“正片疊底”，透明度為15%。

製造焦點

我們曾經也談到過正負形交錯的用法。也就是讓背景與所繪製物件主體的色彩有彼此可以融合的部分，根據完形法則，我們人眼能從一些線索中就判斷出物件。

STEP 10

將背景變為黑色，與黑色的頭髮、眉毛相接。又將桃紅色背景縮小為更小的圓，用以突出焦點。在焦點處新增上焦點。至此 美女插畫設計已完成。

手段的目的就是手段本身

說起來，這句話有點繞。換句話說，在目前“唯結果論英雄”的思維方式下，我們更應該焦距在過程本身。不被結果影響是很難做到的，但至少我們可以抽身在享受過程的某一個小瞬間。

其實，最初是想要探討關於網頁設計中插畫的方向。做設計的人都深有體會，有時候為了尋找一個好的素材，翻遍各大免費攝影網站都未必合適。精疲力盡的同時還加深了我們對於DEADLINE的焦慮。於是，求人不如求己，我就想到了用插畫的方式來自己動手設計素材。

有要學的夥伴麼，整理的影片教程，可以找我要來學啦！

【精品教程】教你玩轉商業插畫設計 （強烈推薦） 提取碼