使用Adobe Illustrator繪制矢量小黃人教程

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

今天的教程絕對勁爆你眼球,因為我們準備詳細介紹曾經亮相過巨幕、史上最有趣的角色之一的小黃人的繪制過程。

不要忘了你還可以去

GraphicRiver

擴充你的素材包,那里有海量的

矢量角色圖形

任君挑選。

話不多說,讓我們現在就開始吧!記得給自己準備一杯冰鎮香蕉奶昔哦~


1.創建新文檔

我想你應該已經在后臺運行了Illustrator,將其窗口前置并創建一個新的文檔(文件 > 新建或快捷鍵Control-N) ,具體參數設置請參考下圖:


  • 畫板數量:1

  • 寬度: 320 px

  • 高度: 600 px

  • 單位: 像素

高級選項卡:


  • 顏色模式: RGB

  • 柵格效果: 屏幕 (72ppi)

  • 預覽模式: 默認值

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費


2.創建圖層

創建文檔之后,我們需要使用各種圖層來幫助我們完成角色的構建,使用圖層可以幫助我們保持注意力集中而不是分散到其他角色上從而保證文件順利完成。

我們將先繪制各個角色包含細節的結構草圖然后在其圖層之下使用鋼筆工具繪制基礎幾何圖形并組合以完成角色的構建。

具體說來就是調出圖層面板,新建6個圖層,如下所示為它們命名:

  • 圖層 1: 斯圖爾特
  • 圖層 2: 斯圖爾特草圖
  • 圖層 3: 凱文
  • 圖層 4: 凱文草圖
  • 圖層 5: 鮑勃
  • 圖層 6: 鮑勃草圖

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

小貼士:當某一對象被選中時,其邊框會呈現高亮狀態,而其中又以綠色最為顯眼(無論是閉合路徑或者開放路徑),因此為了方便大家更好地學習本教程,我特意將所有的圖層標簽都設置為綠色。


3.繪制斯圖爾特

我們從繪制小黃人的基礎結構開始著手,然后逐步增添細節直至我們覺得可以開始用鋼筆繪制基礎形狀為止。具體說來就是你要始終確保在正確的圖層上繪制基礎形狀(草圖的繪制應該位于第二個圖層),當你確定在某一圖層開始繪制時請確保其它圖層均被鎖住。

步驟 1

每個繪制項目我們都從分析它的結構輪廓開始,在本教程中,我們首先繪制頭部的參考線。選擇畫筆工具?(B) ,畫筆設置為1px 藍色(#3994F7)描邊的默認書法畫筆?(畫筆庫菜單 > 藝術效果 >藝術效果_書法 ) ,在位于畫板的上半部分位置繪制一個簡單的圓形。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 2

接下來繪制面部的水平參考線,緊接著繪制其垂直參考線,按參考圖所示,水平參考線應該位于面部中心線的略微偏上處,如下圖所示。我們需要這些參考線為后續繪制步驟做準備所以最好確保你的參考線放置在了合適的位置。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 3

在頭部的下方繪制另一條垂直線,其長度將用來確定身體的高度。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 4

使用另外一條更短的水平參考線劃分身體的上下部分。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 5

繼續繪制一條水平參考線以此界定身體下半部分的底端。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 6

使用從與圓相切至第三條垂直參考線為止的兩條垂直參考線連接斯圖爾特的頭和身。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 7

在身體的兩側,圓形和第二條水平參考線之間使用兩條曲線繪制斯圖爾特的手部參考線。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

小貼士:正如你在教程中所看到的那樣,我只繪制了沒有被身體遮掩的部分,但是你完全可以按照自己的意志自由地繪制,這樣會更有你自己的風格哦。

步驟 8

最后,我們來繪制斯圖爾特的腿部。使用兩條短對角線和與對角線長度差不多的兩條水平線組成斯圖爾特的腿部。至此,在你進行下一步細節的繪制之前,使用快捷鍵Control-G將所有的藍色參考線編組,以防后面你需要對其進行快速編輯。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 9

從這一步開始,我們將開始為基礎構圖添加細節,將描邊色更改為紅色(#F46B3B)。繪制一個漂亮的大圓作為斯圖爾特護目鏡的外緣。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 10

參考斯圖爾特的眼睛原型繪制護目鏡的內部,這意味著我們需要在眼睛的右上角去掉一小部分。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 11

接下來繪制護目鏡帶部份,先繪制護目鏡外緣兩側的小部件,然后繪制另外兩個更大的區域作為護目鏡帶。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 12

按照參考圖所示使用多組曲線快速繪制護目鏡的小螺栓頭。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 13

接下來繪制斯圖爾特的嘴巴,嘴巴是斯圖爾特的一個重要角色特征,所以務必要多費些心思。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 14

在第二條與第三條水平參考線之間使用曲線繪制褲子的下半部份。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 15

繪制一條弧度優美的曲線作為褲子的上半部份,曲線的最上端應位于頭部的下邊緣。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 16

首先繪制兩條呈對角線走勢的吊褲帶,接著在中心位置繪制口袋以完成褲子的繪制,這可能需要稍微花費點時間。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 17

現在讓我們把注意力集中到手部的繪制上來,依照真實的手的走向當然由于被背帶褲遮住實際上是看不見的,繪制手套的末端。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 18

現在將注意力繼續向下轉移至腿部,快速完成腿部的繪制,完成之后請記得添加橢圓形的陰影。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 19

現在進入草圖繪制的最后一步,為斯圖爾特添加幾綹頭發,在做進一步的繪制之前選中所有紅色的參考線(選擇 > 相同 > 描邊顏色)將它們編組(Control-G)。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費


4. 正式繪制斯圖爾特

接下來的幾分鐘,我們將依照草圖創建的參考線使用基本的幾何形狀重新構建角色。具體說來就是你需要將草圖圖層鎖定然后將繪制重心轉移到下一圖層上來。 ? ??

步驟 1

我們從使用不同深淺的灰色來覆蓋身體的主要部位開始著手,使用不同的顏色可以幫助我們更好地區分身體部位,完成之后,移至下一步驟。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

小貼士:如果覺得草圖實在擾亂你的注意力,你可以隨時回到草圖所在的圖層降低它們的不透明度以便更好地進行繪制。

步驟 2

一旦你完成斯圖爾特主要構成部分基本形狀的繪制后,你就可以開始為它添加諸如眼睛、 嘴巴、 頭發之類的細節。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 3

到了這個節骨眼上,斯圖爾特的繪制可以說已經完成一大半了,這意味著我們現在可以通過切換草圖圖層的可視性隱藏參考線的可見性,然后我們還需要在合適的位置添加一些方向朝下的投影。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 4

使用下面所列的顏色參數替代灰色配色方案以完成斯圖爾特的繪制:

  • 頭、身體和手臂: #FFDA66
  • 眼睛和牙齒: #FFFFFF
  • 頭發、 瞳孔、 護目鏡帶、 嘴、 手套、 鞋以及圓形的影子: #2B3249
  • 位置靠前的褲子部份: #849ED8
  • 背帶、側口袋、前面的口袋、腿部: #667EB2
  • 護目鏡的外側部份: #BDC9E5
  • 護目鏡的內側部分、 側帶元素和螺栓部份: #7E8CA8
  • 護目鏡側帶元素內部:?#50617C
  • 眼部投影: #D3D3D3
  • 身體的投影: #FFB266
  • 側口袋投影: #516A96

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費


5.繪制凱文

假定你已經完成了斯圖爾特的繪制,將包含斯圖爾特繪制元素的所有圖層鎖定,我們要開始將注意力轉移到另一個圖層(應該是第四個圖層)著手進行凱文的繪制了。

步驟 1

我們按繪制斯圖爾特基礎結構那樣如法炮制凱文的基礎結構繪制,些許不同之處在于圓形要稍小一些以及更高的身長。完成之后,在進入下一步驟之前,選中所有藍色的參考線并將它們進行編組(Control-G)。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 2

基礎結構繪制完畢之后,我們還需要為草圖添加更多的細節,比如說添加眼睛以及護目鏡。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 3

繪制褲子,請確保褲子的頂部與右手的頂部相平行。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 4

接下來,為凱文添加嘴巴、 手以及腿。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 5

增添更多的細節以完成草圖的繪制,在下一步驟開始之前記得將所有紅色的參考線選中并編組(Control-G)。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費


6.正式繪制凱文

接下來的部份,我們要像繪制斯圖爾特那樣使用基礎幾何圖形繪制凱文,確保鎖定凱文草圖圖層之后將注意力移至下一圖層。

步驟 1

如參考圖所示使用不同深淺的灰色覆蓋凱文的主要身體部位。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 2

完成基礎結構的繪制之后,你就可以開始著手為凱文添加細節了,例如眼睛、嘴巴、頭發等等。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 3

進行到這一步之后,我們可以關閉參考線的可見性了,像為斯圖爾特添加陰影那樣也為凱文添加適當的陰影。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 4

使用下面所列的顏色參數替換灰色配色方案以完成凱文的繪制。

  • 頭、身體和手臂: #FFDA66
  • 眼睛和牙齒: #FFFFFF
  • 頭發、 瞳孔、 護目鏡帶、 嘴巴、 手套、 鞋和橢圓形的影子: #2B3249
  • 位置靠前的褲子部份:#849ED8
  • 背帶、側口袋、前面的口袋、腿部: #667EB2
  • 護目鏡的外側部份:?#BDC9E5
  • 護目鏡的內側部分、 側帶元素和螺栓部份:?#7E8CA8
  • 護目鏡側帶元素內部:?#50617C
  • 眼部投影:?#D3D3D3
  • 身體的投影:?#FFB266
  • 側口袋投影:?#516A96

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費


7.繪制鮑勃

現在我們來到第三個也就是最后一個小黃人的繪制上來了,繪制之前請確保你的行動在正確的圖層上(應該是第六個圖層)進行,讓我們一鼓作氣完成所有小黃人的繪制吧!

步驟 1

像繪制斯圖爾特和凱文那樣,也從繪制基本結構開始繪制鮑勃,完成之后將所有藍色參考線選中并編組(Control-G)之后我們就進入到下一步驟。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 2

基礎結構繪制完畢之后,我們也同樣需要為草圖添加更多的細節,比如說添加眼睛以及護目鏡。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 3

接下來繪制褲子,因為我們需要參照它來定位一些其他的細節。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 4

花費一些時間繪制鮑勃的嘴巴、 手和腿。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 5

增添更多的細節以完成草圖的繪制,在下一步驟開始之前記得將所有紅色的參考線選中并編組(Control-G)。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費


8.正式繪制鮑勃

和前面一樣,我們要像繪制斯圖爾特和凱文那樣使用基礎幾何圖形繪制凱文,確保鎖定鮑勃草圖圖層之后將注意力移至下一圖層。

步驟 1

如參考圖所示使用不同深淺的灰色覆蓋鮑勃的主要身體部位。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 2

完成基礎結構的繪制之后,你就可以開始著手為鮑勃添加細節了,例如眼睛、嘴巴、頭發等等。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 3

關閉草圖圖層的可見性,像繪制前兩個小黃人那樣在合適的位置添加一些方向朝下的投影以完成鮑勃的灰色方案繪制。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

步驟 4

使用下面所列的顏色參數替代灰色配色方案以完成鮑勃也即整個文檔的繪制:

  • 頭、身體和手臂:?#FFDA66
  • 眼睛和牙齒:?#FFFFFF
  • 頭發、 瞳孔、 護目鏡帶、 嘴、 手套、 鞋以及圓形的影子:?#2B3249
  • 位置靠前的褲子部份:?#849ED8
  • 背帶、側口袋、前面的口袋、腿部:?#667EB2
  • 護目鏡的外側部份:?#BDC9E5
  • 護目鏡的內側部分、 側帶元素和螺栓部份:?#7E8CA8
  • 護目鏡側帶元素內部:?#50617C
  • 眼部投影:?#D3D3D3
  • 身體的投影:?#FFB266
  • 側口袋投影:?#516A96

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

大功告成!

太棒了,小黃人愛好者同盟們!希望你們喜歡這篇教程,當然最重要的是希望你們在完成小黃人繪制的過程中還能收獲許許多多的樂趣。

使用Adobe Illustrator繪制矢量小黃人教程-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

發表評論