平面設計:繪製可愛的小黃人插圖

平面設計:繪製可愛的小黃人插圖

(本教程由尋圖標icon.52112.com提供)

設置項目文件屬性

啟動並運行Illustrator,創建一個新文檔File> NewControl-N):

  • 畫板數量: 1
  • 寬度: 320像素
  • 高度: 600像素
  • 單位: 像素

進入“ 高級”選項卡:

  • 色彩模式: RGB
  • 柵格效果:屏幕(72ppi)
  • 預覽模式:默認
平面設計:繪製可愛的小黃人插圖

創建圖層

清晰明瞭的圖層可以給我們的設計提供很大的便利,希望在以後進行創作的過程中都能養成這樣的習慣。

打開“ 圖層”面板,創建六個圖層,我們將它們重命名如下:

  • 第1層:斯圖爾特
  • 第2層:斯圖爾特的草圖
  • 第3層:凱文
  • 第4層:凱文的草圖
  • 第5層:鮑勃
  • 第6層:鮑勃的草圖
平面設計:繪製可愛的小黃人插圖

提示:在這裡我使用綠色為圖層上色,方便繪圖過程中觀察圖形的輪廓

繪製斯圖爾特

我們將首先繪製斯圖爾特的大概形狀,然後逐漸添加細節,直到我們得到一個滿意的圖案。廢話不多說,讓我們開始繪製第一個小黃人吧。

第1步

對於每個繪圖項目,我們首先要弄清楚角色的整體結構,首先我們通過繪製頭部的基本準則來實現第一步的操作。我們選擇筆刷工具(B)並使用Illustrator的默認書法畫筆(畫筆庫菜單>藝術> 書法)和1 px (#3994F7)畫筆來繪製一個朝上的簡單圓圈。完成後,將圖層放置在畫板底層。

平面設計:繪製可愛的小黃人插圖

第2步

繪製面部的中垂線和水平線,將其定位在頭部的上半部分,如參考圖像所示。稍後我們會使用這些線條為參考繪製小黃人的五官特徵。

平面設計:繪製可愛的小黃人插圖

第3步

以頭部的垂線下半部分的長度來確定角色身體的高度,接著用畫筆繼續進行身體的繪製。

平面設計:繪製可愛的小黃人插圖

第4步

使用一條水平線將身體的上部與下部分開,確保這條水平線比頭部的水平線長。

平面設計:繪製可愛的小黃人插圖

第5步

使用第二條水平線劃分身體的下端。

平面設計:繪製可愛的小黃人插圖

第6步

使用從圓的外邊緣中心繪製兩條垂線,一直向下到第三條水平線。

平面設計:繪製可愛的小黃人插圖

第7步

使用兩條曲線創建手臂,將在它們放置在圓形和第二條水平線之間的位置。

平面設計:繪製可愛的小黃人插圖

提示:到這裡我繪製身體的方法就分享完了,其實繪製身體的方法有很多你可以用自己獨特的方法繪製它們。

第8步

最後,使用兩條線畫出腿部,兩條水平線作為腳部,同時保證兩條水平線水平對齊。然後使用Control-G鍵盤快捷鍵選擇所有線條將其組合在一起,以便在以後需要時能夠快速編輯它們。

平面設計:繪製可愛的小黃人插圖

提示:到這裡我繪製角色身體的方法就分享完了,其實繪製身體的方法有很多你可以用自己獨特的方法繪製它

第9步

現在,我們就可以給圖形增添細節了,使用紅色(#F46B3B)作為筆觸顏色。這裡繪製的是護目鏡的外部部分。

平面設計:繪製可愛的小黃人插圖

第10步

創建護目鏡的內部部分,然後是眼睛,正如我們所看到的那樣,你要繪製一個月牙的形狀。

平面設計:繪製可愛的小黃人插圖

第11步

接下來,開始繪製眼鏡兩側部分的帶子。

平面設計:繪製可愛的小黃人插圖

第12步

然後繪製參考圖像中護目鏡的小螺栓。

平面設計:繪製可愛的小黃人插圖

第13步

接下來是嘴巴和牙齒的繪製,一個有特點的面部特徵會讓你的角色更加生動。

平面設計:繪製可愛的小黃人插圖

第14步

接下來我們在第二和第三水平準線之間畫出曲線繪製褲子的下部。

平面設計:繪製可愛的小黃人插圖

第15步

繪製一條漂亮的曲線添加褲子的上部,曲線一直從左邊緣延伸到右邊緣。

平面設計:繪製可愛的小黃人插圖

第16步

然後在褲子中央位置畫出口袋,接下來是兩個斜揹帶,完成褲子的繪製。

平面設計:繪製可愛的小黃人插圖

第17步

繪製手套,完成後放置在身體的後面。

平面設計:繪製可愛的小黃人插圖

第18步

繪製小黃人的小短腿、鞋子以及陰影。

平面設計:繪製可愛的小黃人插圖

第19步

完成草圖,給小黃人畫出頭髮,選擇所有紅線(選擇>相同>描邊顏色),然後將它們組合在一起(Control-G)。這一步的目的在之後繪製的過程中會進一步的說明。

平面設計:繪製可愛的小黃人插圖

(本教程由尋圖標icon.52112.com提供)

給斯圖爾特上色

在接下來的幾分鐘內,我們將以剛剛繪製的草圖為參考使用基本的幾何形狀重新創建角色。首先,確保鎖定當前角色的草圖圖層,然後向下移動到下面的圖層。

第1步

首先,使用不同的灰色陰影覆蓋身體的主要部分,方便我們瞭解哪個是哪個部分。然後我們再繼續下一步。

平面設計:繪製可愛的小黃人插圖

提示:如果你覺得繪製過程中草圖會干擾視線的話可以返回草圖圖層調整它的透明度。

第2步

一旦你完成了角色的基本形狀,你就可以開始添加眼睛,嘴巴,頭髮等細節了。

平面設計:繪製可愛的小黃人插圖

第3步

完成的小黃人所有圖案的繪製,接下來給小黃人添加陰影以此來增加質感。

平面設計:繪製可愛的小黃人插圖

第4步

以下是我對角色各部分的配色方案:

  • 頭部,身體和手臂: #FFDA66
  • 眼睛和牙齒: #FFFFFF
  • 頭髮,眼睛瞳孔,護目鏡帶,嘴巴,手套,鞋子和圓形陰影: #2B3249
  • 褲子的前部: #849ED8
  • 吊帶,側面,前部,腿部: #667EB2
  • 護目鏡的外部: #BDC9E5
  • 護目鏡的內側部分,側帶元件和螺栓元件: #7E8CA8
  • 帶側元件的內部部分: #50617C
  • 眼影: #D3D3D3
  • 身體陰影: #FFB266
  • 褲子口袋陰影: #516A96
平面設計:繪製可愛的小黃人插圖

(本教程由尋圖標icon.52112.com提供)

繪製凱文

鎖定斯圖爾特圖層,繼續繪製我們的第二個小黃人。

第1步

如我們繪製斯圖爾特時所做的那樣,從繪製基本的角色結構開始,只是這次使用較小的圓圈作為頭部,繪製較長的線條作為身體。完成後,選擇每個藍色引導線並將它們組合在一起(Control-G),然後再繼續下一步。

平面設計:繪製可愛的小黃人插圖

第2步

一旦我們繪製了基本框架,我們就可以開始添加細節了,創建角色的眼睛、護目鏡以及小螺母等。

平面設計:繪製可愛的小黃人插圖

第3步

畫出褲子,放置在右手底部錨點附近。

平面設計:繪製可愛的小黃人插圖

第4步

接下來,給角色添加嘴,手和腿。

平面設計:繪製可愛的小黃人插圖

第5步

完成草圖的細節後,選擇並分組(Control-G)所有紅色線條。

平面設計:繪製可愛的小黃人插圖

給凱文上色

鎖定當前角色的草圖圖層,然後向下移動到下面的圖層,給角色上色。

第1步

如參考圖像中所示,使用不同的灰色陰影覆蓋主體的主要部分。

平面設計:繪製可愛的小黃人插圖

第2步

一旦你為角色的主要構圖部分繪製了基本形狀,我們就可以開始添加眼睛,嘴巴,頭髮等細節了。

平面設計:繪製可愛的小黃人插圖

第3步

接下來隱藏草圖,然後給我們的角色添加陰影。

平面設計:繪製可愛的小黃人插圖

第4步

對角色進行以下配色方案的調整:

  • 頭部,身體和手臂: #FFDA66
  • 眼睛和牙齒: #FFFFFF
  • 頭髮,眼睛瞳孔,護目鏡帶,嘴巴,手套,鞋子和圓形陰影: #2B3249
  • 褲子的前部: #849ED8
  • 吊帶,側面,前面,腿部: #667EB2
  • 護目鏡的外部: #BDC9E5
  • 護目鏡的內側部分,側帶元件和螺栓元件: #7E8CA8
  • 帶側元件的內部部分: #50617C
  • 眼影: #D3D3D3
  • 身體陰影: #FFB266
  • 褲子口袋陰影: #516A96
平面設計:繪製可愛的小黃人插圖

(本教程由尋圖標icon.52112.com提供)

繪製鮑勃

接下來就是最後一個圖層了,讓我們鎖定凱米的圖層開始繪製吧。

第1步

如前幾個小黃人的繪製那樣,我們首先繪製基本的角色結構,在進入下一步之前選擇並將每個藍色線段進行分組(Control-G)。

平面設計:繪製可愛的小黃人插圖

第2步

一旦我們完成了角色的大概形狀,我們就可以開始給角色添加細節了,首先繪製的是眼鏡和褲子。

平面設計:繪製可愛的小黃人插圖

第3步

畫出鮑勃的嘴,手和腿。

平面設計:繪製可愛的小黃人插圖

第4步

通過添加角色細節完成草圖,選擇並分組(Control-G)每個紅色線條,然後再進行下一步的操作。

平面設計:繪製可愛的小黃人插圖

(本教程由尋圖標icon.52112.com提供)

給鮑勃上色

正如我們創建所有其他角色那樣,接下來我們將使用基本幾何形狀重新創建鮑勃,因此接下來我們鎖定當前角色的草圖圖層,然後移動到下一個圖層。

第1步

首先使用灰色陰影覆蓋身體的主要部分,如參考圖像中所示。

平面設計:繪製可愛的小黃人插圖

第2步

佈置好了基本形狀,你就可以開始添加眼睛,嘴巴,頭髮等細節了。

平面設計:繪製可愛的小黃人插圖

第3步

隱藏草圖,給已經完成的圖像添加陰影。

平面設計:繪製可愛的小黃人插圖

第4步

以下是我給鮑勃上色用到的顏色方案:

  • 頭部,身體和手臂: #FFDA66
  • 眼睛和牙齒: #FFFFFF
  • 頭髮,眼睛瞳孔,護目鏡帶,嘴巴,手套,鞋子和圓形陰影: #2B3249
  • 褲子的前部: #849ED8
  • 吊帶,側面,前面,腿部: #667EB2
  • 護目鏡的外部: #BDC9E5
  • 護目鏡的內側部分,側帶元件和螺栓元件: #7E8CA8
  • 帶側元件的內部部分: #50617C
  • 眼影: #D3D3D3
  • 身體陰影: #FFB266
  • 褲子口袋陰影: #516A96
平面設計:繪製可愛的小黃人插圖

完成

平面設計:繪製可愛的小黃人插圖

(本教程由尋圖標icon.52112.com提供)


分享到:


相關文章: