當前位置:
首頁 > 創意 > AI教程/日常小插畫

AI教程/日常小插畫

圖/文 Yulia Sokolova

註:此教程為英翻教程,軟體操作不嫻熟的小夥伴兒,謹慎嘗試哦。有看過的小夥伴兒,溫故而知新哦。

1.創建一個扁平人物

步驟1

首先,讓我們創建一個新文檔的450×300像素大小。

步驟2

我們將從頭開始設計角色。取矩形工具(M)?並製成45 x 60像素的黃色形狀。切換到直接選擇工具(A),?然後使用「實時拐角」功能通過將小圓圈標記拉到形狀的中心來使拐角變圓。

我們還可以通過頂部的控制面板或「變形」?面板(Windows>「變形」)調整形狀的大小和「角半徑」?。在本教程中,我們將使用「變換」面板,因為它允許我們獨立調整形狀的每個角。

步驟3

現在讓我們眼皮。使用橢圓工具(L)製作一個7 x 7 px的小圓圈,帶有棕色的筆觸,不填充。在「筆畫」面板中將「筆畫重量」設置?為1 pt,將「筆帽和角」設置為中間位置。

抓住剪刀工具(C),然後單擊圓的側面錨點以將其分開。刪除上半部分。

步驟4

再為鼻子畫一個7 x 7 px的圓圈,並用黃色填充,比頭部的顏色略深。使用直接選擇工具(A)選擇頂部錨點,然後將其向上拖動以製作風格化的鼻子。

步驟5

使用我們創建的元素設計面部。使用與眼睛相同的方法,為臉頰上的腮紅加幾個淡粉紅色的小圓圈,然後製成嘴巴。

步驟6

讓我們繼續前進。製作一個7 x 12 px的黃色矩形,並使用「實時角」功能對其進行圓角。在頂部放一個小的圓形矩形,用較深的黃色填充它。將元素分組(Ctrl-G)並發送回(Shift-Ctrl- [))。複製耳朵組,並將兩隻耳朵都固定在頭部上。

步驟7

讓我們為角色繪製一個漂亮的髮型。使用橢圓工具(L),按住Shift並製作一個55 x 55 px的藍色圓圈。如下圖所示,將圓放置在頭頂上方。使用剪刀工具(C)單擊側面錨點,將形狀分成兩半。

刪除下半部分。選擇其餘的形狀,單擊?滑鼠右鍵,並加入,使路徑閉合。

步驟8

使用「添加錨點工具」( )在頭髮形狀的底部邊緣添加一個點,然後使用「直接選擇工具」(A)將其向上拖動。切換到錨點工具(Shift-C)並拖出錨柄,將其成45度角以使髮際線平滑。

步驟9

讓我們繼續為頭髮定型。製作一個55 x 55像素的深藍色正方形。選擇兩種頭髮形狀,然後再次單擊下部形狀,使其成為關鍵對象。使用「對齊」面板將兩個形狀都對齊到中心和頂部。

使用「變換」面板或「實時角」功能使形狀的頂部完全變圓。

步驟10

現在,讓我們修改形狀的底部。使用錨點工具(Shift-C)向下拖動錨點手柄,使形狀的底部略微拱起並增加平滑度。

提示:使用輔助線使錨點手柄的長度相等。按下Control-R鍵來顯示標尺,拖動指南水平標尺下來。在不再需要該指南時選擇並刪除它,或者從「視圖」>「指南」>「清除指南」中清除它。

選擇形狀,然後在頭部下方發送到背面(Shift-Ctrl- [),形成一個時尚的短髮型。

步驟11

現在,讓我們渲染角色的身體。使用矩形工具(M)製作大小為30 x 57 px的藍色形狀,並使用「變換」面板將頂角的「底角半徑」設置為10 px,底角的「底角半徑」設置為12 px。

複製形狀並粘貼到正面(Ctrl-C> Ctrl-F)。保持頂部副本處於選中狀態,使用橡皮擦工具(Shift-E)並按住Alt並刪除形狀的底部。將其餘部分的顏色更改為綠色,從而製作出鮮艷的襯衫。

步驟12

拿鉛筆工具(N)並為手臂畫一條平滑的弓形線。將「填充顏色」設置為「無」,將「描邊顏色」設置為黃色。將「行程重量」設置為8 pt,使手臂變粗。將Cap和Corner切換到中間位置,使線的尖端變圓。為拇指添加一條較小的線,將「權重」設置為3磅。

為另一條手臂添加一個較深的黃色8點筆觸,然後將其發送回「 Back」(Shift-Ctrl- [))。為同一條手臂繪製另一個筆劃,但是這次使用Ctrl- [鍵將形狀向下移動,將其放置在身體和第一條手臂之間。

步驟13

讓我們做一隻貓,讓我們的角色將它抱在懷裡。製作一個30 x 30像素?的深灰色圓圈,然後使用直接選擇工具(A)將底部錨點向上拖動,以擠壓形狀。向後發送形狀(Ctrl- [),使上手覆蓋它。

步驟14

為頭部製作一個15 x 10 px的圓角矩形,將Corner Radius設置為5 px。使用與對主要角色的眼睛相同的技術添加眼睛。

移到耳朵上,並使用多邊形工具製作一個三角形,在「變換」面板中將邊數設置為3。

步驟15

讓我們為角色添加腿部。我們將腿彎曲,以便我們的角色可以坐在舒適的扶手椅上。

使用鋼筆工具(P)製作一條90度角和8磅行程粗細的線。使用直接選擇工具(A)和動態拐角功能使拐角變圓,形成一個程式化的膝蓋。

步驟16

讓我們在柔軟的房子里穿上一隻腳。在靴子頂部製作一個12 x 15像素的淺米色形狀。並在底部添加另一個矩形,使形狀重疊。使右上角變圓。選擇這兩個形狀和對齊至底部的的重點對象,使用對齊面板。

分組(Ctrl-G)並複製(Ctrl-C> Ctrl-F)形狀以添加第二條腿。將副本放置在身體下方(Shift-Ctrl- [)並稍作調整,更改膝蓋的拐角半徑並使元素稍微暗一些。

2.設計內部

步驟1

讓我們開始設計一個柔軟舒適的扶手椅。使用矩形工具(M)製作 105 x 125 px的粉紅色形狀。使它的右上角 為13 px的「角半徑」。

在第一個形狀的左側創建另一個25 x 125 px的矩形,使兩個形狀部分重疊。用較深的粉紅色填充新矩形,並使形狀的頂部完全變圓。

使用「對齊」面板?將兩個形狀都與「關鍵點對象」的底部對齊。

步驟2

讓我們創建一個扶手。製作一個28 x 28 px的淺粉紅色圓圈並將其放置,如下圖所示。用一個狹窄的淺粉紅色矩形連接扶手椅的圓形和底部,?使形狀與「關鍵對象」的底部對齊。

步驟3

製作一個小圓圈按鈕,裝飾扶手頂部。

創建一個60 x 28 px的較深粉紅色矩形,並使其角完全變圓。將形狀放置在淺粉紅色的圓形(Ctrl- [)下,並應用「?水平對齊右」功能,以淺粉紅色的圓形作為Key Object。如您所見,這兩個形狀的高度相同(28 px),因此它們可以完美地結合在一起。

通過在扶手下方添加深粉紅色矩形來完成扶手椅的這一部分。

步驟4

將扶手的元素分組(按Ctrl-G)。雙擊「反射工具」(O),然後在「垂直軸」上翻轉元素。點擊複製並且由扶手椅的相對側放置創建鏡像組,發送?它到返回(Shift鍵控制- [)。

在扶手椅的座位上添加一個110 x 23像素的矩形,使其右側變圓。在座位下方放置一個粉紅色的矩形,創建柔和的陰影。

第5步

現在,我們可以將角色坐在扶手椅上,並繼續在周圍的室內工作。使用矩形工具(M)在地板上創建275 x 10 px的窄條,並用淺米色填充。

讓我們開始塑造抽屜櫃。製作一個70 x 80 px的米色矩形,然後在扶手椅下發回。

複製形狀並粘貼到正面(Ctrl-C> Ctrl-F)。使副本的顏色變淺並壓扁,將其寬度減小到47 px。

第6步

讓我們添加一些抽屜。製作一個35 x 20像素的淺米色矩形,並在其中心放一個小圓形手柄。對兩個形狀進行分組,按住Alt-Shift 並將其向下拖動以進行複製。按Control-D添加第三個抽屜。

步驟7

讓我們在抽屜櫃中添加一個長長的陰影。製作一個矩形並將其旋轉45度。用米色填充形狀,然後在「透明度」?面板中將「混合模式」切換為「正片疊底」?,使形狀為半透明。

將矩形的上角與扶手結合在一起(請參見下圖中的圓圈標記)。選擇陰影和五斗櫃形狀。使用「形狀構建器工具」(Shift-M),按住Alt 並單擊要刪除的陰影形狀中不需要的元素。很好!

步驟8

讓我們在抽屜櫃的頂部放一個小檯燈。使用矩形工具(M)?為燈架製作兩個小的垂直形狀。

為燈罩製作一個25 x 30像素的矩形。切換到直接選擇工具(A),然後選擇陰影的左下錨點。按Enter鍵打開「移動選項」窗口。將「水平」值設置為-5 px,將「垂直」值設置為0 px。按OK,將點向左移動5像素。

對右下錨點重複相同的操作,將其沿相反方向移動5 px。

步驟9

讓我們通過在牆上懸掛一些圖片為內部添加更多細節。使45×55像素與淺米色矩形填充和較暗米色中風?的3磅重,描繪了一個圖像幀。

在內部製作另一個矩形,用淺黃色填充它,並在頂部添加一些簡單的抽象形狀。

步驟10

再製作兩張圖片,並將其懸掛在角色上方的牆上。通過使?背景為450 x 300 px的淺黃色矩形(Shift-Ctrl- [)來完成插圖。

至此就完成啦!

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

節日賀卡設計要領!
廣告要有視覺衝擊力~