1. Design & Illustration
  2. Illustration

如何在Adobe Illustrator中創建壹幅噪音恐怖癥場景插畫

by
Read Time:12 minsLanguages:
This post is part of a series called Phobia Week!.
How to Draw a Mystic Moon Illustration in Procreate on iPad
21 Stylish Fashion & Fabric Add-Ons Including Embroidery Actions

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

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

在今天的教程中,我們將創建壹個遭受噪音恐怖癥的孩子—害怕噪音。

如果在GraphicRiver中,妳會找到很多關於噪音音樂爆炸碰撞聲等等的圖片。妳可以用來展現這種恐懼。

開始我們的創作! 

1. 如何創建輪椅

步驟1

打開Adobe Illustrator新建壹個文件寬和高850 x 850 px

我們先來創建輪椅。使用圓角矩形工具,繪制壹個深灰色圓角矩形。設置填充色如下。在下面再添加壹個圓角矩形,設置顏色為淺灰色。  為了得到壹個帶有很圓角的圓角矩形,先畫壹個小的圓角矩形,然後進行延伸。或者妳可以打開視圖>顯示圓角插件,通過向內拖拽,修改邊角。 

繪制壹個垂直方向的圓角矩形,把它緊挨著另壹個水平圓角矩形的上部。  這就是這個輪椅的左邊扶手。按住Shift Alt 鍵的同時將這個扶手移到右邊,得到扶手的副本。  妳會註意到現在妳得到了扶手的副本(Alt鍵進行了復制),它是水平對齊的(Shift鍵進行了對齊)。

creating the wheelchaircreating the wheelchaircreating the wheelchair

步驟2 

我們來創建輪椅腿。使用矩形工具(M),為左腿添加壹個灰色的垂直矩形。在這個矩形的底部,添加壹個黑色圓角矩形嗎,寬度和灰色矩形的保持壹致。  把左腿復制壹個:選中它,按住ShiftAlt鍵的同時,將輪椅左腿移到右邊。將這兩條腿用另壹個水平矩形進行連接。

creating the wheelchair 2creating the wheelchair 2creating the wheelchair 2

步驟3

現在我們來添加大輪子。創建壹個小的矩形,把它挨著下圖椅子的左腿放置。 創建壹個深灰色垂直圓角矩形,把它挨著灰色矩形放置。這就是左輪子。

將左邊輪子復制壹個得到右邊輪子:選中它,打開變換>鏡像。輸入垂直軸90度角,點擊復制。把副本移到右邊。

creating the wheelchair 3creating the wheelchair 3creating the wheelchair 3

2. 如何創建男孩的頭部

步驟1

我們開始來畫男孩的頭部。使用橢圓工具(L)畫壹個圓。為了得到壹個正圓,畫使用橢圓工具(L) 的時候按住Shift 鍵畫壹個橢圓。如下圖所示,妳可以看到妳需要的填充顏色。

然後打開效果>變形>膨脹。輸入下面看到的參數值。對這個形狀進行擴展(對象>擴展外觀)。 

creating the headcreating the headcreating the head

步驟2 

將頭部形狀進行復制,把它變小壹點,將顏色改為淺灰色。在這個形狀內添加壹個深灰色的圓。添加壹個小的白色圓作為高光。  現在我們來創建耳朵。將灰色形狀復制壹個,放在後面(Control-C, Control-B),把它稍微向下移動壹點,將顏色改為白色。  這裏註意,妳不需要描邊顏色,下面的描邊只是便於大家看到。最後如下圖所示,添加幾個白色圓角矩形。

creating the eyecreating the eyecreating the eye

步驟3

現在我們來完成眼睛的繪制。選中左邊眼睛的同時,選擇鏡像工具(O)。按住Alt鍵的同時,在頭部中間點擊壹下。  在彈出的對話框中,選擇垂直90度角,點擊復制。對於右邊眼睛,刪掉其中壹個垂直圓角矩形避免兩只眼睛內的眼淚對稱。 

creating the tearscreating the tearscreating the tears

步驟4 

我們來畫眉毛。創建壹個圓角矩形,稍微把它向左邊旋轉壹點。將左邊眉毛放在左眼上方。  選中左邊眉毛,選擇鏡像工具(O),按住Alt鍵的同時,在兩只眼睛中間點擊壹下。彈出壹個對話框,選擇垂直,90度角,點擊復制。現在我們應該有兩個眉毛了。

creating the eyebrowscreating the eyebrowscreating the eyebrows

步驟5

我們來創建嘴巴。首先妳需要創建壹個小的棕色橢圓。將這個棕色橢圓復制(Control-C, Control-F),就有兩個前後挨著的副本。  然後創建壹個白色圓角矩形,把它放在橢圓的前面,如下圖所示。選中嘴巴形狀(棕色橢圓),還有白色圓角矩形,點擊路徑查找器面板裏面的交集按鈕(窗口>路徑查找器)。

creating the mouthcreating the mouthcreating the mouth

步驟6

將頭部形狀復制壹個(Control-C, Control-B),來畫頭發,然後把它向上移動。現在把它進行倒置,將顏色改為下圖所示的參考色。接下來,再把它復制壹個,稍微向右旋轉壹點。

最後,在前面畫幾個不同大小和方向的橢圓來創建男孩的頭發,如下圖所示。

creating the haircreating the haircreating the hair

步驟7

現在我們來創建脖子。使用矩形工具 (M),在頭底部畫壹個小的矩形。選中它的時候,打開效果>變形>下弧形,輸入下面的參數:

creating the neckcreating the neckcreating the neck

3. 如何創建男孩的身體

步驟1

使用圓角矩形工具,創建壹個圓角矩形,把它放在後面(Control-X, Control-B),作為男孩的脖子。設置填充色如下圖所示。

接下來,使用直線段工具(\)在圓角矩形上畫壹條線。不要忘了去除掉天河城色,設置任意描邊色。這條線的顏色和粗細無關重要。  現在選中圓角矩形,直線,點擊路徑查找器面板裏面的分割按鈕。之後右擊鼠標,點擊取消編組。圓角矩形就會被在妳放置線條的地方分割成兩部分。

最後,選擇圓角矩形的底部部分,將顏色改為灰色。

creating the bodycreating the bodycreating the body

步驟2 

我們來添加左邊袖子。將身體的深紫色形狀復制壹個,把它變小和變窄壹點,把它和身體部分水平放置。我們先來畫壹個弧形來創建胳膊。

 首先,妳需要的填充色和男孩臉部顏色壹致:使用吸管工具(I) 拾取顏色。然後按Shift-X,將填充和描邊色進行切換。 

之後,勾選描邊面板上的圓頭端點,將這個描邊大小進行加粗(大概30–40 px)。  現在,使用弧形工具,畫出這個男孩的左邊胳膊。使用直接選擇工具(A)移動錨點的手柄,得到妳需要的形狀。

接下來,創建壹個橢圓,填充色和臉部壹樣,沒有描邊色。移動錨點的手柄進行修改(使用直接選擇工具(A)),得到左邊手掌,如下圖所示。

creating the left armcreating the left armcreating the left arm

步驟3

通過變換>鏡像,將左邊胳膊和袖子進行復制。把新創建的胳膊移到右邊。

creating the right armcreating the right armcreating the right arm

步驟4

我們來創建腿部。將身體的深紫色形狀復制壹個,參考下圖把它進行縮小。將顏色改為灰色。把腿復制壹個,把它移到右邊。

creating the legscreating the legscreating the legs

步驟5

畫壹個橢圓作為鞋子。使用直接選擇工具(A)將左右兩邊的錨點向上移動。妳會得到壹個像壹條面包壹樣的形狀。  選中它,復制壹個在後面(Control-C > Control-B)。把這個復制向下移動壹點,應用壹個白色填充。再次妳去除掉描邊色。這就是男孩的鞋子。

creating the footcreating the footcreating the foot

步驟6

把這個鞋子放在左腿下面。把它復制壹個,放在另壹條腿的上面。

placing the foot and creating another oneplacing the foot and creating another oneplacing the foot and creating another one

4. 如何創建背景

步驟1

對於背景,使用矩形工具(M)創建壹個寬和高都為850 px的紫灰色正方形。在畫板上輕點壹下,然後輸入下面的

creating the backgroundcreating the backgroundcreating the background

步驟2 

將背景放在男孩和輪椅的後面。

placing the boyplacing the boyplacing the boy

步驟3

在男孩周圍,添加壹個近乎白色描邊,沒有描邊色的圓(這裏妳可以再次使用Shift-X將填充色改為描邊色)。為了得到壹個正圓,在使用橢圓工具(L)的時候,記得按住Shift鍵。

將這個圓放在背景的中間。打開對齊面板(窗口>對齊)。  設置對齊到對齊到畫布(如果妳看不到對齊到:打開擴展菜單,找到顯示選項),確保妳的形狀是被選中的,點擊水平居中垂直居中按鈕。  最後,妳的圓應該就位於背景的正中間。妳也可以調整男孩的位置。

接下來,將圓復制三個 (Control-C > Control-B) 三次。改變它們的半徑。為了得到的半徑是對稱的,選中副本的同時,按住Alt Shift 鍵的同時,向內或者向外拖拽。 

creating the background circlescreating the background circlescreating the background circles

步驟4

為了對圓的壹些部分進行裁剪,選擇剪刀工具(C),在圓的描邊處進行點擊。之後,妳可以選中兩個截切點之間的部分,按鍵盤上的刪除鍵將它們進行刪除。

cutting the circlescutting the circlescutting the circles

5. 如何創建噪音源

步驟1

我們先來畫壹個揚聲器。首先,創建壹個圓角矩形,填充色和背景色類似,描邊色和男孩周圍的圓形壹樣。

在這個形狀頂部,放置壹個矩形蓋住圓角矩形。然後進行裁剪:選中這兩個形狀,使用路徑查找器裏面的減去頂層按鈕,妳會得到下圖所示的形狀。

creating the loudspeakercreating the loudspeakercreating the loudspeaker

5步驟2 

接下來,使用矩形工具(M),創建壹個矩形。使用直接選擇工具(A)選中頂部右邊的錨點,再使用鍵盤上的向上箭頭把它向上移動。  最後記下妳使用向上箭頭按了幾次。

之後,選中底部右邊的錨點,把它向下移動。如果妳使用向下箭頭鍵,所按次數和之前向上箭頭保持壹致,妳就會得到壹個對稱的梯形。  最後,創建壹個垂直圓角矩形,把它和梯形大的壹邊挨著。 

creating the loudspeaker 2creating the loudspeaker 2creating the loudspeaker 2

步驟3

現在,把橢圓放在揚聲器的後面。創建壹個小矩形,把它放在揚聲器的下面作為揚聲器的手柄。最後,為了表現噪音的傳播,使用直線段工具(\)添加幾條直線。

creating the loudspeaker 3creating the loudspeaker 3creating the loudspeaker 3

步驟4

為了創建壹個音樂符,首先使用矩形工具(M)畫壹個矩形,接下來使用直接選擇工具(A),選中頂部和底部的錨點,利用鍵盤上向上箭頭把它們向上移動。

現在使用直線段工具(\)添加壹個垂直線,把它放在修改後矩形的左側。  為了得到壹條直線,畫線的時候按住Shift鍵。把這個直線復制壹個(Control-C, Control-V),把它放在修改後矩形的右側。

最後,創建兩個橢圓,稍微向左邊旋轉壹點,參考下圖,把它們放在兩條直線的下面。 

creating the music notecreating the music notecreating the music note

步驟5

再來創建壹個音樂符,創建壹條垂直線。畫壹個橢圓,把它稍微向左邊旋轉壹點。挨著底部的線條。最後使用弧形工具畫壹個弧形,把它放在直線的頂部。

creating the second music notecreating the second music notecreating the second music note

步驟6

我們來創建壹個大喊的生氣人物。

首先,創建壹個圓角矩形。這個就是臉部。然後創建兩個小壹點的圓角矩形,放在大的後面,把它們放在正確的位置作為耳朵。  將臉復制壹個,放在後面(Control-C > Control-B),稍微向上移動。對於兩只眼睛,創建兩個圓。個橢圓來表現。   創建兩條線作為眉毛,稍微旋轉壹點方向。最後,將大喊的嘴巴用壹個橢圓來表現。 

creating the angry personcreating the angry personcreating the angry person

步驟7

最後,我們來畫汽車。首先創建兩個圓角矩形,確保壹個比壹個大,把小的放在大的內部。  之後,選中這兩個形狀,打開效果>變形>弧形,輸入下面的參數值。對它進行擴展(對象>擴展外觀)。這就是汽車的頂部。 

接下來,將兩個圓角矩形放在已創建形狀的底部—在底部首先創建壹個大壹點的,然後壹個細長的,  添加輪子,創建兩個垂直方向的圓角矩形,圓角很圓滑(為了讓邊角很圓滑,先創建壹個小圓角矩形,然後對它進行延伸)。把這兩個輪子放在水平圓角矩形的後面。

對於車燈部分,添加兩個圓角矩形,把它們放在大壹點的圓角矩形上。為了完成窗戶的繪制,在變形後的小圓角矩形內添加壹些線條(使用直線段工具(\))能夠創建壹種玻璃反射的效果。

creating the carcreating the carcreating the car

步驟8

現在將創建的噪音源的細節部分放在圓周圍。確保每個對象都是編組在壹起的(選中對象,右擊>編組)。

placing the objects on the backgroundplacing the objects on the backgroundplacing the objects on the background

步驟9

為了創造男孩周圍的噪音效果,添加不同形狀的線條(波紋狀也是由線條組成的)。

adding lines and zig zagsadding lines and zig zagsadding lines and zig zags

哇塞...莫完成了

祝賀妳完成本次教程的繪制。希望妳們能夠學到壹些有用的工具使用技巧,可以應用到以後的創作當中。  同樣的,希望妳們能註意到我們周圍存在的噪音,關註它們的存在,有比我們更需要關懷的人群。如有任何疑問,歡迎在下面評論區給我留言。 

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