本次教程內容來源于 Sail Ho Studio的Cities Of Colors 系列中的一幅扁平插畫作品，亮眼的顏色搭配、具有代表性的城市建筑、自然景觀以及城市的英文縮寫組成了這張獨具風格的插畫作品。接下來教程將通過整體-細節的方式教你一步步繪制插畫，在繪制的過程中，學會效果中形狀的繪制以及運用配色的方法。學會以后，你也可以試試創作出屬于你的城市的作品。

先看看效果圖

STEP 01 繪制背景

繪制背景線條

使用矩形工具和圓形工具(無填充，描邊1)完成背景線條的繪制。

其中圓角矩形的繪制為畫一個矩形，選中錨點并向里拖動圓角標志。

半圓的繪制為畫一個圓，然后選中橡皮工具，按住ALT鍵框選并刪除不想要的部分。

填充顏色

給背景填充顏色#f3cacb，描邊無，并給其中幾個形狀添加漸變，數據如下：

STEP 02 繪制字母

繪制形狀

首先繪制出字母，填充#ea5a5a，字體找類似的就好(不要太圓潤)。

添加漸變

給字母A添加漸變。先繪制需要添加漸變的形狀，再將“A”向上復制一層(Ctrl+C，Ctrl+F)，選中繪制的漸變形狀和復制層，選擇路徑查找器中的“交集”即可。其他漸變形狀也像這樣做(有的地方線條不是很圓滑，因為后面會在上面添加建筑物等遮擋住，所以不影響整體效果)。舉例和漸變數值如下：

給其他兩個字母添加漸變，方法一樣，數值如下：

STEP 03 添加建筑、風景等

花

用鋼筆工具勾出花的形狀，花瓣和葉子可以畫出一片，然后通過選中對象-右鍵-變換-對稱-垂直-復制另一半?；ó嫼煤髲椭茙讉€(按住Alt鍵拖動花即可復制)并改變大小擺放好。

風車

風車身體可以做一半，另一半復制改顏色

遛狗

鋼筆工具繪制，不標注的都是純色塊。

騎車的人

船

房子

其他

STEP 04 添加裝飾和背景

把上一步做的建筑和自然景觀放置在字母上，添加一些裝飾：橫線(描邊1，填充無)和圓點，然后把背景放置在下面。

STEP 05 PS添加質感

把在AI里做的圖整體建組(Ctrl+G)復制粘貼到PS中，選中-濾鏡-雜色-添加雜色-數據如下。現在整張圖就完成了，快點來試一試吧~

結語

本期教程到這里就結束了，希望大家在練習過程中多思考、理解制作思路和操作方法，活學活用。