【Illustrator 教學】畫一個自己的萬聖節南瓜吧

哈囉~萬聖節即將到來,大家準備好「Trick or Treat!」了嗎?
今天就利用 illustrator 的形狀來畫個應景的南瓜吧!

首先,點選檔案新增;先建立一個 800 × 600 大小的檔案

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - Screenshot_2

【南瓜主體】

  1. 使用形狀工具中的橢圓形工具,先隨意拉一個橢圓形

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_1-e1572260555898
2. 要複製出4個同樣的橢圓形;按住Alt鍵點選橢圓向旁邊拖曳即可複製形狀

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_2-e1572260541626
3. 模擬南瓜的形狀,將橢圓形交疊擺放如下圖

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_3-e1572260531146
4. 調整顏色的深淺;選取橢圓形後可以在右上方的顏色面板中調整顏色

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_4-e1572260515778
5. 將中間的淺色橢圓形移到最上層,兩邊的橢圓的圖層也依序排列如下圖(排在最上層的路徑、物件,圖層也會排在最上面喔)

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_5-e1572260033690
6. 再來要使用直接選取工具,去調整橢圓形的錨點,讓形狀可以更自然;點選正中間的橢圓形時,會看到4個藍色的錨點出現,錨點就是調整形狀的關鍵點啦~

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_7-e1572260481806
7. 點選想要調整的錨點,被選取的錨點會呈現實心藍色並且出現方向控制把手,拉動把手去調整橢圓形狀,把手向外拉會將形狀往外拉大(如下圖),或是直接選取錨點後,移動錨點的位置也可以的 (這個步驟可以依照自己喜歡的南瓜形狀去做調整喔!)

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_12-e1572260407581
8. 一一去調整完其他的橢圓形,南瓜第一層的形狀大致就確定啦

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_13-e1572260390105
9. 再來,為增加南瓜的立體感,要再加上3個較深色的橢圓形,如下圖;到這邊就完成南瓜基本的形狀了~

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_15-e1572260362623
【南瓜的莖】

  1. 使用形狀工具中的矩形工具,畫出一個矩形

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_16-e1572260348451

  1. 選取增加錨點工具,在矩形的2個邊上加上錨點(記得要點在路徑上!)

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_17-e1572260332989

  1. 使用轉換錨點工具,選取剛剛新增的錨點後,選擇將錨點轉換為平滑,錨點就會出現把手可以讓你調整曲線啦,並將形狀調整成中間往內凹的形狀

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_19-e1572263126251

  1. 使用直接選取工具將矩形頂端的錨點往同一側移動,就會形成微彎的莖的形狀啦

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_21-e1572260269600

  1. 在矩形頂端加上個顏色較深的橢圓形,莖就完成囉,將2個形狀一起選取起來,按滑鼠右鍵→群組

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_23-e1572260228559

  1. 群組後就可以一起移動2個形狀,將南瓜的莖和剛剛做好的南瓜組合在一起,記得要調整合適的大小,並將莖的圖層放到南瓜的中間,如下圖示,到此南瓜大致就完成了

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_24-e1572260213896

【南瓜眼睛】

  1. 使用形狀工具中的多邊形工具,因預設拉出來是六角形,所以在拉動多邊形工具時按鍵盤的上下鍵可以調整邊的數目,這邊需要拉出三角形來當南瓜的眼睛,如果直接拉出的三角形想要在做點變化,可以使用直接選取工具調整錨點位置

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_25-e1572260196979

2.  選取三角形,按滑鼠右鍵變形鏡射, 在鏡射的面板上選擇垂直,然後拷貝,再將2個三角形移至適當位置就完成眼睛了

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_28-e1572260148802

【南瓜嘴巴】

  1. 使用多邊形工具畫出3個三角形水平排列,如下圖

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_29-e1572260133613

  1. 選擇視窗→路徑管理員;將3個3角形一起選取起來,點選路徑管理員面板中的聯集將形狀合併

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_31-e1572260104633

  1. 再使用直接選取工具移動錨點去調整形狀,錨點不夠的地方就一樣使用增加錨點工具,調整成如下圖的樣子

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_32-e1572260093168

  1. 將嘴巴放到之前做好的南瓜上面啦,最後再放個三角形鼻子,就大功告成囉~

Photoshop 影像設計  - 【Illustrator 教學】畫一個自己的萬聖節南瓜吧 - pumkin_33-e1572260082108

看完以上示範後,大家學會怎麼畫南瓜了嗎?利用形狀工具先做出大略的形狀,再使用直接選取工具去調整錨點,南瓜的五官大家也可以嘗試用不同形狀組合來做不同表情喔,自己動手試試看吧!

謝謝大家~我們下次再見囉 😀

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Photoshop 影像設計 and tagged , , , , , , , , , .

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *