1. Design & Illustration
  2. Character Design

如何在Illustrator快速設計一個奇特的腳色

by
Read Time:5 minsLanguages:
This post is part of a series called Easy Character Design.
Create a Cute Raccoon Character in Adobe Illustrator
Illustrator for Kids: How to Create a Cute Cactus Character

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

角色設計聽起來很困難,但其實簡單又有趣。 在此教學中,我會教你如何運用基本的形狀創造簡單的角色。

新增一個文件

在開始製作前,先設置一個1000 x 1000 px(像素)的方形工作區。

Create a new documentCreate a new documentCreate a new document

打個簡單的草稿

試試看用幾個簡單的形狀畫出角色。 我畫了一個大的身體,還有較小的臉和四肢。 使用灰色─以方便待會對照、描圖。

如果你的草圖不是使用Illustrator畫的,那就將畫好的圖片置入(檔案>置入)。 如果你直接在Illustrator裡畫好了草圖,那就群組(Ctrl+G)並且鎖定(Crtl+2)它。

Draw a simple sketchDraw a simple sketchDraw a simple sketch

開始描圖

使用鋼筆工具(P)把所有的部分畫出來。 從面積最大的部分畫到最小的部分。 畫的時候將填色調整成空白的,筆畫調成黑的。

步驟1

首先,我們先畫面積最大的部分─身體。 使用鋼筆工具(P)畫出身體的外型。 記住,越少錨點越平滑。

Trace the body shapeTrace the body shapeTrace the body shape

步驟2

接下來是臉部。 試著只用四個錨點畫出臉部的橢圓,使他看起來平滑。 若還不太熟練鋼筆工具,那也可以用橢圓形工具(L)繪製。

Trace the face shapeTrace the face shapeTrace the face shape

步驟3

繪製頭髮。 臉的範圍內照著草圖畫,超出臉的部分要如何收尾都行。

Add hair shapeAdd hair shapeAdd hair shape

步驟4

複製臉部的形狀,貼在剛剛繪製的頭髮之前(Ctrl+F)

打開路徑管理員面板(視窗>路徑管理員)。 將頭髮與臉部形狀選取起來,在面板選項中選擇交集

Use the Pathfinder tool to create a perfctly aligned hair shapeUse the Pathfinder tool to create a perfctly aligned hair shapeUse the Pathfinder tool to create a perfctly aligned hair shape

然後你會得到完美對齊著的臉與頭髮。

The design so farThe design so farThe design so far

步驟5

使用橢圓工具(L)畫出眼睛。 畫出兩個橢圓放置在草圖眼睛的位置上。

Use the Ellipse Tool to draw the eyesUse the Ellipse Tool to draw the eyesUse the Ellipse Tool to draw the eyes

步驟6

繪製嘴巴後,就完成了臉的部分。 接下來將繪製四肢。

Trace the handsTrace the handsTrace the hands

仔細地畫出手部。 小心彎彎曲曲的手指頭。 我的建議依舊是使用越少的錨點越好。 如果覺得鋼筆工具很難,請試著在工作區域外練習繪製圓形。 初學者可能會覺得有點棘手,但我保證熟能生巧。

Pay attention to fingersPay attention to fingersPay attention to fingers

步驟7

相較之下,腳部的繪製變得很簡單。 先畫出腿部,在畫腳。

Trace the legsTrace the legsTrace the legs

步驟8

最後,繪製衣服上的鈕扣。 根據草圖上的位置,使用橢圓工具(L)畫出三個圓。 在釦子的旁邊繪製出外套重疊的地方。

Add the details of the coatAdd the details of the coatAdd the details of the coat

步驟9

解除草圖的鎖定(物件>全部解除鎖定),並將它刪除。 將草圖刪除後,剩下剛剛繪製的線條。 看起來不錯吧?

The design in outlinesThe design in outlinesThe design in outlines

上色

上色是角色設計的第三個階段。 這聽起來最簡單的,但有時候搭配完美的色調會耗掉很多時間。 幸運地,此教學中只需要用到少數的顏色。

步驟1

首先,從身體開始。 選取身體的形狀,然後打開色票面板(視窗>色票)。 填色選取基本的RGB紅色,然後把筆畫調整為無。

Color the body in redColor the body in redColor the body in red

步驟2

臉部和手部使用膚色。 這裡使用的是R255, G217, B186

Use skin tone for the face and handsUse skin tone for the face and handsUse skin tone for the face and hands

步驟3

橘色的頭髮,藍色的眼睛,嘴巴的顏色比皮膚的顏色再深一些。

Color the eyes hair and mouthColor the eyes hair and mouthColor the eyes hair and mouth

步驟4

腳部使用跟身體一樣的紅色,腿部比腳步的紅色再深一些(R137, G0, B0)。 釦子的顏色也一樣!

我們快完成了! 為了使角色更生動,我們可以增加一些頭髮與陰影的細節。

Color the legs and feetColor the legs and feetColor the legs and feet

步驟5

加入一些頭髮的線條。 如果你很懶,你可以先畫一個然後複製旋轉它。

Add hair detailsAdd hair detailsAdd hair details

步驟6

為了讓角色更生動,我們可以再加上一個簡單的陰影。 使用鋼筆工具,畫出一個能夠涵蓋住身體左側的簡單的形狀。

Draw a shape for the shadingDraw a shape for the shadingDraw a shape for the shading

步驟7

複製身體的形狀,貼在陰影之前。

打開路徑管理員面板。 將陰影及身體的形狀選取起來,點選交集

Use the Intersect Pathfinder tool to create the shadeUse the Intersect Pathfinder tool to create the shadeUse the Intersect Pathfinder tool to create the shade

將剛剛得到的新的形狀選取起來,填入30%的淺灰色。 在混和模式中選擇色彩增值

Set the blend mode to MultiplySet the blend mode to MultiplySet the blend mode to Multiply

太棒了!你完成了!

恭喜! 你設計了一個角色! 設計角色可以簡單又有趣。 別害怕嘗試各種形狀與顏色。 跟著這簡單的教學,你可以幫它做出更多的夥伴們。


萬一你想幫角色改變心情,只需要換一下它的表情。 如下圖,我幫它多做了兩種表情。 只要改變一點點地方,它就轉換了心情。

Animated characterAnimated characterAnimated character

关注我们的公众号
One subscription.
Unlimited Downloads.
Get unlimited downloads