插畫在網頁和移動端的BANNER和專題頁越來越流行，所以我們應該學習一下插畫繪制，而扁平化插畫是比較容易上手，今天和大家分享用AI繪制的扁平化教程，插畫的主題是丟失海洋寶藏。這類插畫用在WEB/UI上都是非常合適，本教程使用的軟件是Adobe illustrator，難度適中，建議同學們一起來做練習。

一、創(chuàng)建新文檔

首先使用以下設置? 新文檔? （文件>新建? 或? 控制/命令-N）：

畫板數(shù)量：? 1
寬度：800
身高：600
單位：像素

從“高級”選項卡：

色彩模式：? RGB
光柵效果：屏幕
預覽模式：? 默認
取消選中“? 將新對象與像素網格對齊”

二、如何構建寶箱

第1步

使用矩形工具（M）并創(chuàng)建一個?123 x 55 px?的矩形和?45 x 55 px?的矩形開始構建寶箱，并填充顏色為?#4921a1

第2步

在按住Shift的同時使用選擇工具（V）選擇矩形，然后轉到 對象>路徑>偏移路徑。? 在偏移值字段中輸入 8 px。將輪廓的填充顏色設置為#5596eb

第3步

將較小的輪廓矩形放在較大的藍色形狀的右外側。使其藍色輪廓更暗（#497cc9），形成陰影部分。

在較大和較小的紫羅蘭色矩形上添加三條細長條紋（#1d0f4a），模仿木板。較薄條紋的寬度為123px， 較短條紋的寬度為45px。

左側部分的所有部分打組（Control-G），并對右側部分進行相同操作。

第4步

通過使用選擇工具（V）選擇組 并在按住Alt的同時向上拖動來制作較大邊的副本。我們將使用該副本創(chuàng)建一個蓋子。

將藍色輪廓的顏色更改為#82c7ff。使用直接選擇工具（A）選擇底邊并將其拖動到頂部，將其與內部紫羅蘭色矩形的底邊放在一起。

在蓋子的右外側添加一個30 x 63 px的矩形，填充為#5596eb

第5步

通過使用直接選擇工具（A）選擇它們并將圓形指示器拉到形狀的中心（1），使較小矩形的兩個右角變圓。

保持選中圓角矩形，轉到“對象”>“路徑”>“偏移路徑”。? 在? 偏移? 值字段中輸入?-8 px。將 內部形狀的填充色設置為?#4921a1 （2）。

制作一個圓形藍色矩形的較小副本（#1d0f4a）并將其著色，將其放置在大紫羅蘭色的內側左側（3）。

第6步

現(xiàn)在讓我們?yōu)槲覀兊纳w子添加搭扣。

在蓋子外面構建一個12 x 22 px的矩形（#acd4ef），使其頂部完全圓潤。

選擇形狀并按Control-C和Control-F，在原始形狀的頂部創(chuàng)建一個副本。使用鍵盤上的箭頭，將副本向左移動幾個像素并將其填充更改為#e3eef5。

我們在兩個錨之間的頂部有一個缺口。通過添加一個小矩形（#acd4ef）來掩蓋它。

第7步

使用相同的方法和下面的圖像作為參考，為搭扣添加一個洞。它由兩個重疊的圓角矩形和兩個較小的矩形組成，以隱藏較大形狀之間的間隙。使用淡藍色#acd4ef和深藍色#5596eb（1）。

將這部分的所有部分組合在一起（Control-G）并將其放在搭扣的上半部分。選擇孔組和其他組 ，再次組（Control-G）組。

將搭扣放在蓋子的頂部邊緣，靠近左側。使第二個副本靠近右側。（2）將所有蓋子部分（Control-G）組合在一起，并將蓋子放在寶箱（3）的頂部。

第8步

在正面的藍色頂部輪廓下添加兩個小方形矩形。使用與輪廓相同的藍色。使矩形的底部倒圓（1）。

在寶箱紫羅蘭兩側的底角放置四個方塊。使用刪除錨點工具（ – ）刪除每個矩形的頂部錨點之一，將它們轉換為三角形（2）。

第9步

使用橢圓工具（L），在寶箱的底部藍色輪廓上創(chuàng)建兩個4.5 x 4.5 px圓圈（#82c7ff），靠近其左側和右側。（1）

按住? Shift ?鍵，使用選擇工具（V）選擇圓圈? 。

Illustrator創(chuàng)建平滑的顏色過渡。通過選擇“ 對象”>“混合”>“混合選項”? 或雙擊“ 混合工具”來? 修復它? 。將“ 間距”? 選項更改? 為“? 指定步驟”， 將值設置為 3.（2）

讓我們確保圓形行與正面對齊。選擇我們的圓圈和寶箱側面，然后再次單擊前側組，使其成為關鍵對象。打開“? 對齊”? 面板? （“窗口”>“對齊”）? ，然后單擊“? 水平對齊中心”。（3）

第10步

選擇混合對象，然后轉到對象>展開。選中“ 對象”選項并取消選中“ 填充”? 選項，然后按“ 確定”?，F(xiàn)在我們有一個由五個圓圈組成的小組。

通過按住Alt拖拽 復制我們的圈子組。使用選擇工具（V）將行旋轉90 度，按住Shift鍵。將垂直行放在寶箱的垂直藍色區(qū)域，刪除頂部和底部圓圈，并在每一側再制作三個副本（1）。

在右下角添加一個圓圈。

然后在胸部的三角形角內構建四個6.5 x 6.5 px 圓圈（#82c7ff）。（2）

第11步

我們的寶箱看起來仍然有點空。讓我們在正面添加一個鎖孔板。

在寶箱外面建立一個28 x 28px的矩形（#5596eb）。使用選擇工具（V）將其頂角向下拖動到底部， 同時按住Shift鍵，將形狀旋轉45度。（1）

通過Control-C和Control-F在第一個形狀的頂部再創(chuàng)建一個副本，然后將副本向左拖動幾個像素。將副本的顏色設置為#b6e0fc。（2）

隱藏較小矩形后面的副本的頂角和底角之間的空白區(qū)域。（3）

在組的中間添加一個簡單的鎖孔（#5596eb），由一個圓和一個矩形組成。（4）

選擇前面創(chuàng)建的鎖孔的兩部分，并結合起來，使它們成為一個形狀。（5）

使用Control-C并按Control-F兩次，在鑰匙孔前面獲得兩份副本。將頂部形狀稍微向右移動。選擇這兩個副本，使用? 路徑查找器? 中的減去頂層，并填充顏色為#5596eb，得到鎖孔內的陰影部分。（6）

組（Control-G）鎖孔板的所有部件并將其放置在寶箱的前側。（7）

現(xiàn)在它看起來很棒！

三、繪制皇冠和寶藏

第1步

ok，現(xiàn)在我們有了寶箱。但是我們仍然需要把寶藏放在里面。

首先拿出鋼筆工具（P）并在打開的寶箱蓋子內創(chuàng)建看起來像一堆硬幣的東西。它可以是一個沒有細節(jié)的簡單輪廓，填充為#89b8d9。

在第一個前面再畫一堆淺色的形狀，顏色為#b8e2ff。

然后借助一個簡單的矩形（#5596eb）創(chuàng)建一個硬幣。通過復制和拖動形狀，形成幾個硬幣堆棧，并將它們分散在我們的堆頂部和寶箱的側面。在金樁的中間留一個空的空間，以便我們稍后再創(chuàng)建一個皇冠。

你可以為硬幣使用更多顏色，以增加插圖的深度。

第2步

現(xiàn)在我們要打造皇冠。

使用矩形工具（M）? 并構建一個35 x 4 px（#ebf6fd）的矩形。然后創(chuàng)建一個32 x 2 px（#5596eb）?的條紋，我們將放置在第一個形狀的底部，與其中心對齊。（1）

在上部形狀（2）的中間前面形成一個10 x 4px的矩形（#5596eb）。在前一個內部再構建一個7 x 2 px ?（#ebf6fd）圓角矩形，它將充當寶石（3）。

在右上邊框的燈光部分添加一個相同大小的圓角矩形。將其顏色設置為#9cbfe4 （4）。

保持選中矩形，選擇? 反射工具（O）。按住? Alt ?鍵，單擊底部藍色邊框的中間。在? 鏡像? 選項窗口中，將軸設置? 為? 垂直? ，然后按? Copy，將其反映到左側（5）。

第3步

在中間藍色形狀的頂部邊緣構建一個10 x 20 px（#b6e0fc）矩形。

在添加錨點工具（ ）的幫助下，在創(chuàng)建的形狀的頂部中間添加一個錨點。然后使用刪除錨點工具 （ – ）并單擊左上角和右上角錨點以刪除它們，獲得一個冠峰值。

使用鋼筆工具（P）在右側再創(chuàng)建一個尖峰。使用反射工具（O）在左側制作鏡像副本，就像我們在上一步中所做的那樣。

第4步

在先前創(chuàng)建的形狀之間的空白處添加兩個尖峰（#5596eb）。

將這兩個釘子的尖銳邊緣隱藏在3.5 x 3.5 px圓圈后面? ，我們將這些圓圈填充為#b6e0fc。在另外三個釘子的頂部放置三個以上的顏色圓圈（#9cbfe4）。

然后使用簡單的彩色圓圈在較輕的尖釘上添加一些紅色寶石（#ff5454）。

將所有冠部組合在一起（Control-G）并將表冠放在寶箱內的一堆硬幣上。

你可以通過在寶藏堆中添加更多珠寶或者保留組合物來進一步。我添加了簡單的珠子和由圓形和圓角矩形創(chuàng)建的鏈。

第5步

讓我們的寶貝閃耀！

使用星形工具，在選項窗口中將 半徑1設置 為1像素，半徑2 ?到7像素，點數(shù)設置為4，創(chuàng)建一個四角星。

通過使用直接選擇工具（A）選擇并拖動它們來圍繞星形的內角。制作一些不同大小和角半徑的星星副本，并將副本分散到寶藏上。設置一些星星的顏色，并在星星中添加一些紅色和白色的圓形閃光，營造出均衡的構圖。

將（Control-G）所有寶箱對象組合在一起。

四、繪制潛水員

是時候創(chuàng)造一個潛水員了。這些潛水員最有趣的事情是頭盔。我們現(xiàn)在要畫其中一個。

第1步

首先構建一個65 x 58 px 的矩形（#82c7ff），使其頂部完全圓潤。

在藍色形狀的左側部分添加一個22 x 22 px 的圓圈（#def1ff）。使圓形的左側從主形狀的左邊緣略微突出。在第一個中添加一個16 x 16 px圓形（#4921a1）。

在較大圓圈的右側構建陰影部分，方法是將其復制在后面(#4599ff)并將其向右移動幾個像素。

構建一個4 x 16 px圓角矩形，沒有填充的1.5 px描邊的形狀，描邊顏色為#82c7ff，將其放置在圓圈的中間。使用選擇工具（V）將其頂角向下拖動到底部， 同時按住? Shift鍵，將? 形狀旋轉? 45度 。在左側制作鏡像副本，完成側面板。

第2步

在頭盔的右側部分為潛水員的面板（1）創(chuàng)建一個更大的鏡像副本。

在白板輪廓內形成一個小圓圈（#acd4ef），將其放置在頂部固件下方并與其中心對齊（2）。

選中圓圈，選擇? 旋轉工具（R）? ，然后? 在面板中間按住Alt鍵單擊。在“? 旋轉”? 面板中，將“ 角度”設置? 為30°? ，然后單擊“? 復制”? 按鈕（3）。按? Control-D ?重復上一個操作并繼續(xù)按? Control-D ?以在板（4）周圍添加所有12個圓圈。

選擇內紫色圓圈并在其前面創(chuàng)建一個較小的副本，將顏色更改為#5634b2（5）。

第3步

在頭盔頂部正上方創(chuàng)建一個34 x 3.5矩形（#def1ff）。

在頭盔的底部邊緣下方再構建一個65 x 3 px形狀（#def1ff），并在下方（1）處構建一個65 px寬度（#acd4ef）的較薄條紋。

將上部矩形放在頭盔頂部上方并與其中心對齊，從而模仿上部板的側面。然后將下方矩形放在頭盔的底部邊緣下方并與其中心對齊。在矩形上放置條紋，使其穿過中心（2）。

在頭盔上方構建一個26.5 x 2.5 px矩形，沒有填充和1.5 px寬度（#acd4ef）。將左下方和右下方的錨點稍微向外側移動。使兩個頂角都圓角并刪除底邊（3）。將生成的形狀放在頭盔的上板上，將下部隱藏在頭盔后面（4）。

第4步

在底部白色條紋邊框下方形成一個65 x 5 px矩形（#82c7ff），并將其底部錨點向左和向右移動約2 px。在我們的形狀下構建相同的條紋邊框。

為兩個矩形構建的面板添加一個鉸鏈，并為頭盔右上角的管子再創(chuàng)建一個小矩形。使用與頭盔其他部分相同的白色和灰色。

第5步

通過采用橢圓工具（L）并構建一個72 x 83 px橢圓（#82c7ff）來開始創(chuàng)建頭盔的下半部分。繪制一條水平線，穿過形狀的中間和側面錨點。選擇這兩個形狀和? 劃分? 他們，使用? 路徑查找器? 面板。取消組合（Control-Shift-G）? 形狀并刪除上半部分（1）。

保持選定形狀，轉到對象>路徑>偏移路徑，然后 在? 偏移? 值字段中輸入 8像素，獲得輪廓 ，（2）填充顏色為#b8e2ff。

使用刪除錨點工具（ – ），刪除輪廓的兩個頂部錨點，使輪廓的上邊緣與半圓的頂邊（3）處于同一水平面上。

在半圓的左外側和右外側外側添加兩個小的? 8 x 8 px圓圈，使其中間和側面的錨點位于半圓（4）的上邊緣。

通過復制和拖動，在輪廓上方展開六個小圓圈（#4599ff）。您可以在一側形成三個并使用反射工具（R）在邊框的另一側創(chuàng)建對稱副本（5）。將所有物體放在主頭盔組下面。

為了使頭盔更加細致，我決定添加一個圓形板（#4599ff）和兩個小圓圈（#def1ff）（6）。你可以更進一步，在互聯(lián)網上找到一些老式潛水員頭盔的參考資料并添加您自己的詳細信息。

第6步

讓我們通過添加一些陰影部分來使頭盔更加逼真。

選擇頂部藍色形狀并 使用Control-C ?復制它? 。單擊 Control-Command-F ?兩次，在頭盔頂部獲得兩個副本。將頂部副本向右移動，將第二個副本添加到選定內容并使用“ 路徑查找器”? 面板的“? 減去頂層”? 選項? 。

將生成的形狀的“ 混合模式 ” 更改? 為“? 正片疊? 底”，同時在“? 透明度” 面板中將“ 不透明度”? 級別降低? 到40％ ，從而獲得陰影部分。

使用相同的方法，在頭盔的下部藍色部分添加兩個陰影。

現(xiàn)在你可以將頭盔的所有部件組合在一起（Control-G）。

第7步

現(xiàn)在，給我們的潛水員一個身體。

創(chuàng)建一個? 85 x 72像素的矩形（#4599ff），將其頂邊與半圓形頭盔部分的頂邊合并，使其左側稍微向左延伸（1）。

拿起鋼筆工具（P），在按住? Alt鍵的同時， 將矩形的右邊緣略微向右拖動，將其從直線轉換為曲線（2）。

略微環(huán)繞底角（3）。

開始做潛水員重要系統(tǒng)，包括皮帶和皮帶。在底部邊緣下方形成一個? 84 x 16.5 px水平矩形（#d42d59），靠近身體形狀的左側。在第一個下面再建一個13 x 27.5 px（#d42d59）垂直矩形，稍微靠近水平一個（4）的右邊部分。

使垂直形狀的右下角呈圓形。然后再構建一個58 x 16.5 px矩形（#f94675），左邊是一個完整的圓形，將其放在水平條紋的前面并與右邊緣對齊（5）。

#4921a1在圓形末端添加一個小的紫色圓圈，用于帶孔和#4921a1靠近左邊緣的垂直矩形。它將充當皮帶環(huán)（6）。

第8步

形成一根細繩（#acd4ef），圓角位于皮帶（1）的頂部邊緣。

然后在潛水員身體的左側部分形成一個10 x 66像素的垂直帶（#4921a1），將其底部邊緣與腰帶（2）的底部邊緣對齊。

在垂直帶的底部添加一個12 x 28像素的矩形（#5634b2），將其對準帶子的左側，并將其中心放在水平帶（3）的中心軸線上方。

使形狀的右角都圓潤。在陰影部分的左側外側形成一個薄的垂直邊緣（#4921a1），并在底部帶子矩形內部構建一個較小的矩形（#4921a1），完成一個帶子扣（4）。

組（Control-G）? 將表帶和表扣部分組合在一起，在身體的右側部分創(chuàng)建一個類似的表帶。選擇頭盔組并轉到對象>排列>置于前面，將頭盔放在肩帶前面并隱藏重疊的末端（5）。

第9步

現(xiàn)在是時候給我們的潛水員添加腿了。

為左腿構建一個36 x 115像素的矩形（#4599ff），并在其右下角稍微圓一些。為膝蓋板（1）添加一個20 x 36像素的圓角矩形（#1973e1）。

就拿鋼筆工具（P）和畫一個簡單的靴子形狀，我們使用顏色#1973e1 （2）。

使靴子腳趾呈圓形，并在頂部邊緣（#d42d59）下方添加一個矩形，在底部邊緣下方添加一個矩形（#d42d59）。

通過在其上展開一些深紅色的垂直圓角矩形，為鞋底添加紋理（4）。

使用帶有圓形左側的矩形（5）創(chuàng)建一個簡單的引導緊固件。

復制緊固件并使用選擇工具（V）將其旋轉45度，按住Shift鍵。將副本放在第一個緊固件（6）下方的行李箱上。

第10步

選擇兩個緊固件和靴子形狀，并通過使用Shape Builder工具（Shift-M）（1）按住Alt鍵刪除它們。

創(chuàng)建一個與引導腳趾重疊的圓（#d42d59），并再次使用Shape Builder Tool（Shift-M）刪除未完成的部分，形成一個toecap（2）。

通過Alt制作腿的副本 – 將所有部件拖到右側。使用“ 對象”>“排列”>“發(fā)送到后面”（3）隱藏左腿后面的副本? 。

第11步

最后，我們的潛水員已經完成了，但他仍然需要武器和空氣來維持生存在這個神秘的海底世界。我們來幫助他吧。

在潛水員身體的左側添加一個22 x 105像素的矩形（#4599ff），使其左上角變圓，形成一個手臂和肩膀（1）。

復制膝蓋板形狀并將其放在手臂形狀上，使其右側部分與手臂重疊。使用Shape Builder Tool（Shift-M）切斷延伸件，得到彎頭板（2）。

從手臂底部的三個簡單矩形創(chuàng)建手套。使用了暗紅色（#d42d59），較淺的顏色（#f94675）。使垂直矩形的底角變圓，以獲得手套內手的錯覺（3）。

第12步

讓我們做另一只手臂。抓住鋼筆工具（P）并繪制一條斜線。制作? 筆觸? 顏色#4599ff并將重量設置? 為? 25磅。

稍微繞肘角并轉到? 對象>展開? 以將筆劃轉換為曲線。

在肘部前面創(chuàng)建一個圓圈（#0d6bc9）并切斷延伸部分，制作肘板。

第13步

通過創(chuàng)建13.5 x 27 px（#f94675）和? 20 x 27 px ?（#d42d59）矩形開始構建手套。為拳頭添加一個31 x 31 px圓圈（#f94675），為拇指添加一個較小的圓圈。

轉動手并將其連接到手臂。

第14步

我們的潛水員需要的另一件事是一個老式的水下燈照亮他穿過海床的路徑。

制作一個40 x 37像素的圓角矩形（#82c7ff），并使用“ 偏移路徑”選項在內部添加一個更小的形狀，將“ 偏移”值設置為-5像素。將內部形狀的顏色設置為#ebf6fd（1）。

在較淺的形狀（2）內添加兩個6 x 27 px ?（#82c7ff）垂直對稱矩形。

在主要部分下方形成一個33.5 x 37.5 px橢圓（#4599ff），與其底部重疊。隱藏形狀后面的橢圓（3）。

創(chuàng)建一個37 x 4.5像素的條紋（#acd4ef），它穿過略微位于其中心上方的橢圓。選擇橢圓和條紋，并使用Shape Builder Tool（Shift-M）（4）切除下延伸部分。

在燈的頂部形成一個10 x 15 px的矩形（#4599ff），與其中間對齊，并將其左上角和右上角的錨點向中心軸（5）移動幾個像素。

構建一個穿過先前創(chuàng)建的矩形中間的條帶（#5634b2）并刪除未完成的部分（6）。

在頂部創(chuàng)建一個25 x 42 px矩形，沒有填充，使其? 筆觸? 顏色? #4921a1 并將重量設置? 為? 6磅。隱藏燈泡后面矩形的底部，并將兩個頂部錨點略微向中心軸移動。然后通過將圓形指示器拉到中心使形狀的頂部變圓，形成燈柄（7）。

將所有部件組合在一起（Control-G）并將燈放在潛水員的右手套上。選擇手套的圓形拳頭形狀，然后轉到對象>排列>置于前面，將燈柄隱藏在拳頭后面（8）。

第15步

通過為主要形狀形成一個42.5 x 113 px圓角矩形（#ba3256）和兩個用于條紋（1）的42.5 x 7 px（#4921a1）水平矩形來創(chuàng)建一個空氣罐。

在潛水員的頭盔上，在側面板（2）下方構建兩個較小的5 x 7.5 px（#4599ff）和1.5 x 7.5 px（#0d6bc9）的矩形。它將是將空氣管從空氣罐連接到頭盔的地方。

抓住? 鋼筆工具（P） 并繪制一條從空氣罐頂部到較大矩形中心的傾斜線。制作? 筆觸? 顏色? #b8e2ff 并將重量設置? 為? 6磅。然后將其左上角弄圓（3）。

轉到? 對象>展開? 以將筆劃轉換為曲線并通過拖動圓形指示器使其右邊緣變圓，完成空氣管（4）。

我們的潛水員已準備好冒險！

五、添加背景及其它元素

第1步

為背景添加一個? 800 x 600像素的矩形（#4921a1）。將我們的潛水員和寶箱放在構圖的中心部分，并添加一個圓形的矩形（#5634b2）模仿地面。

為了增加插圖的深度，在潛水員后面放置一個淺色（#5527bd）的簡單圓圈，在圓圈上繪制一個簡單的海帶輪廓，使其顏色與背景填充相似。

傳播簡單的魚和圓圈組，模仿氣泡，在插圖上，填充空白空間，創(chuàng)造一個均衡的組成。

第2步

通過在潛水員的手臂，身體和腿上添加額外的陰影部分，使我們的場景更加細致和真實。

通過在燈前放置兩個顏色的圓圈來模仿燈泡（#5634b2），將其混合模式更改? 為? 屏幕，? 同時在 透明度 面板中將不透明度? 級別降低? 到? 30％ 。

以相同的方式工作，為寶箱添加光反射。

ok！我們的深潛圖已經準備好了！

恭喜！你做了很棒的工作，可以為自己感到自豪。

當然，完美沒有限制。您可以進一步添加更多細節(jié)，如海洋生物和植物，創(chuàng)建您自己的海底世界，就像我在深潛和海洋寶藏中所做的那樣。