Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Flat Design
Design

如何在Adobe Illustrator中創建舒適的扁平化室內設計

by
Difficulty:IntermediateLength:MediumLanguages:

Chinese (Traditional) (中文(繁體)) translation by Stypstive (you can also view the original English article)

Final product image
What You'll Be Creating

家,甜蜜的家! 在本教程中,我們將創建一個舒適的客廳氛圍,設計一個扁平風格的內部,一個可愛的卡通人物坐在舒適的扶手椅裡。 我們將使用基本的幾何形狀,並使用變換面板,以一種有趣而簡單的方式呈現所有元素。

在本課結束之前,您將能夠使用本教程中涵蓋的技巧並將其應用於新插圖。 請在Envato Market上尋求靈感, 並查看這些扁平內部扁平人物的例子。 讓我們開始吧!

1.創建一個扁平式人物

步驟1

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

create a New Document

步驟2

我們將從頭部開始設計我們的角色。 使用矩形工具(M) 並做一個45 x 60像素的黃色形狀。 切換到直接選擇工具(A) ,並使用活角功能,通過拉動小小的圓圈標記形狀的中心,使邊角圓潤。

我們還可以從頂部的控制面板或變換面板窗口>變換)調整形狀的大小和拐角半徑。 在本教程中,我們將使用變換面板,因為它可以獨立調整形狀的每個角落。

make a head from rectangle

步驟3

現在讓我們做一個眼瞼。 使用橢圓工具(L)製作一個7×7像素的小圓形,帶有棕色描邊無填充。 將描邊粗細設置為1pt,將端點邊角設置到描邊面板中的中間位置。

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

make eye from circle

步驟4

為鼻子做另一個7 x 7像素的圓圈,並用黃色填充,比頭部的顏色略深。 使用直接選擇工具(A)選擇頂部錨點,並將其向上拖動以使鼻子典型化。

make nose from circle

步驟5

使用我們創建的元素來設計臉部。 添加幾個小的粉紅色的圓圈做為腮紅,並使用與我們眼睛相同的方法做一個嘴。

Design the face using the elements that weve created

步驟6

讓我們轉到耳朵。 做一個7×12像素的黃色矩形,並用活角功能,使其圓潤。 在上面放一個小的圓形矩形,填充更深的黃色。 編組(Control-G)元素並且置於底層Shift-Control- [)。 製作耳朵組的副本,並將兩隻耳朵連接到頭部。

make the ear from rounded rectangles

步驟7

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

刪除下半部分。 選擇剩餘的形狀,單擊鼠標右鍵連接以使路徑關閉。

create the hairdo from circle 1

步驟8

使用添加錨點工具(+)在頭髮形狀的底部邊緣添加一個點,並使用直接選擇工具(A)將其向上拖動。 切換到錨點工具(Shift-C)並拖出錨手柄,將它們放置在45度,使頭髮平滑。

create the hairdo from circle 2

步驟9

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

請充分圓潤頂部的形狀,使用變換面板或活角功能。

Form the hairdo from rectangle

步驟10

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

提示:使用參考線使錨柄的長度相等。按Control-R顯示標尺,並將水平標尺的參考線向下拖動。從視圖>參考線>清除參考線中選擇並刪除參考線。

選擇形狀和置於底層(Shift-Control- [),在頭部下方,形成一個時尚的短髮型。

modify the bottom of the shape

步驟11

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

複製形狀並粘貼在前面(Control-C> Control-F)。 選擇頂部副本,使用橡皮擦工具(Shift-E),按住Alt並刪除形狀的底部。 將剩餘部分的顏色更改為綠色,做成明亮的襯衫。

render the body from rectangle

步驟12

使用鉛筆工具(N),為手臂繪製光滑的拱形線。 將填充顏色設置為無,並將描邊顏色設置為黃色。 將描邊粗細設為8pt,使手臂變厚。 切換端點邊角到中間位置,使線條的尖端圓潤。 為拇指添加一條較小的線,將粗細設置為3pt

為相對的臂添加一個較暗的黃色8 pt筆觸,並將其置於底層(Shift-Control- [)。 為同一個手臂繪製另一個筆劃,但這次將其放置在身體和第一個手臂之間,使用Control- [鍵將形狀向下移動。

use the pencil tool to draw the arm

步驟13

讓我們繪製一隻貓,讓我們的人物把它抱在懷裡。 做一個30 x 30像素的深灰色圓圈,並使用直接選擇工具(A)向下拖動底部的錨點,擠壓形狀。 把形狀後移(Control - [),使頂部的手覆蓋它。

make a cat from circle

步驟14

為頭部做一個15 x 10 像素的圓角矩形,將邊角半徑設置為5像素。 添加眼睛,使用與我們人物的眼睛相同的技術。

移動到耳朵並使用多邊形工具做一個三角形,在變換面板中將側面的數量設置為3

make a head from the rectangle

步驟15

讓我們為角色添加腿。 我們會讓腿彎曲,讓我們的角色可以坐在舒適的扶手椅裡。

使用鋼筆工具(P)製作90度角和8pt描邊粗細的線。 使用直接選擇工具(A)活角功能使角落圓滑,形成一個典型化的膝蓋。

make legs from strokes with the pen tool

步驟16

讓我們添加一隻柔和的室內便靴。 製作12 x 15像素的淺米色形狀的靴子頂部。 並為底部添加另一個矩形,使形狀重疊。 使右上角圓滑。 選擇這兩個形狀並對齊到底部關鍵對象,使用對齊面板

編組(Control-G)復制(Control-C> Control-F)形狀以添加第二條腿。 將副本放在身體下方(Shift-Control- [),稍微調整它,改變膝蓋的邊角半徑,使元素變暗。

add a foot in a soft house shoe

2.設計扁平化內部

步驟1

讓我們開始設計一個柔軟舒適的扶手椅。 使用矩形工具(M)製作一個105 x 125像素的粉紅色形狀。 使其右上角圓角13像素

在第一個形狀的左側創建一個25 x 125像素的另一個矩形,使兩個形狀部分重疊。 為新矩形填充更深的粉紅色,使頂部的形狀完全圓形。

使用對齊面闆對齊兩個形狀的底部關鍵對象

make an armchair from rectangle

步驟2

讓我們創建一個扶手。 製作一個28 x 28像素的淺粉紅色圓圈,並將其放置如下圖所示的位置。 連接圓圈和扶手椅的底部具有窄淺粉紅色矩形,對齊形狀的底部關鍵對象

make the armrest 1

步驟3

做一個小圓按鈕來裝飾扶手的頂部。

創建一個60×28像素的深粉紅色的矩形,使其角落完全圓形。 將形狀放置在淺粉紅色圓圈下方(Control- [),並使用淺粉紅色圓圈作為關鍵對象應用水平對齊功能。 如您所見,兩種形狀的高度相同(28像素),因此它們完美地結合在一起。

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

make the armrest 2

步驟4

編組(Control-G)扶手的元素。 雙擊鏡像工具(O)翻轉元素垂直軸。 單擊複製並將創建的鏡像組放在扶手椅的相對側,將其置於底層(Shift-Control- [)

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

add finishing details to the armchair

步驟5

現在我們可以讓我們的人物坐在扶手椅上,然後繼續圍繞室內工作。 使用矩形工具(M)創建一個窄的275 x 10像素的條紋地板,用淺米色填充。

我們開始塑造抽屜櫃。 在扶手椅下面製作一個70 x 80像素的米色矩形並且放置到後面

複製形狀並粘貼到前面(Control-C> Control-F)。 使復制的形狀的顏色更淺並壓縮,將其寬度縮小到47像素

use rectangles to make floor and bedstand

步驟6

我們來加一些抽屜。 製作一個35 x 20像素的淺米色矩形,並在其中央放置一個小圓形手柄。 組合兩個形狀,按住Alt-Shift並向下拖動組,製作副本。 按Control-D添加第三個抽屜。

make the drawers

步驟7

讓我們把一個長扁的影子放在抽屜的衣櫃裡。 做一個矩形並旋轉45度。 形狀填充米色和切換到混合模式正片疊底在透明面板,使得形狀半透明。

將矩形的頂角與扶手組合(請參見下圖中的圓圈標記)。 選擇陰影和抽屜的箱子形狀。 使用形狀生成器工具(Shift-M),按住Alt並單擊要刪除的不需要的陰影形狀。 做得好!

add a long flat shadow

步驟8

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

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

對於右下角的錨點重複相同操作,將其相往反方向移動5像素

make a table lamp from rectangles

步驟9

讓我們添加一些細節到室內通過將一些照片掛在牆上。 製作一個45 x 55像素的矩形,帶淺米色填充和更深的米色描邊3pt粗細,描畫一幅相框。

在裡面放一個矩形,用淺黃色填充,並在上面添加一些簡單的抽象形狀。

make a picture frame from the rectangle

步驟10

再做兩張照片,將它們掛在我們人物之上的牆上。 通過為背景(Shift-Control- [)做一個450 x 300像素的淺黃色矩形來完成插圖。

add background rectangle to the illustration

恭喜你! 我們的舒適扁平化內部插圖完成!

做得好! 我們已經使構圖看起來平衡並且完成了。 我希望您喜歡遵循本教程,並學習了一些新的技巧和訣竅,這將幫助您創建更加扁平的內部插圖與花式的人物和寵物。

玩的開心!

Cozy Flat Interior Illustration is Finished
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.