萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

Illustrator 繪製萬聖節南瓜燈:從扁平幾何到立體發光的節日插畫實戰

萬聖節標誌性元素——南瓜燈,是練習 Illustrator 漸變渲染、路徑查找器布爾運算、混合模式光影合成的完美案例。本教程將帶你從基本幾何形狀出發,一步步構建擁有立體體積感、發光鬼臉、真實莖柄質感的南瓜燈矢量插畫,並可直接用於電子賀卡、海報、動畫素材。

核心技法清單

  • 鋼筆工具:勾勒南瓜有機曲線輪廓與鬼臉細節。
  • 線性/徑向漸變:模擬球體受光、發光腔體光暈、莖柄圓柱質感。
  • 路徑查找器 (合併/相交/減去):構建複雜形狀、提取高光陰影區域。
  • 混合模式 (正片疊底/螢幕/疊加):非破壞性光影疊加。
  • 圖層管理:分離南瓜本體、鬼臉發光層、莖柄、背景。

分步繪製指南

1. 基礎南瓜本體:幾何與漸變的結合

  1. 參考真實南瓜照片,用鋼筆工具 (P) 繪製南瓜主體輪廓 (扁球體、垂直凹槽暗示)。建議分 3-5 條主要曲線段組合,而非單一閉合路徑,便於後續分區著色。
  2. 各路徑段填充線性漸變無描邊:色標 1 與色標 2 同為橙紅 (R:255 G:127 B:0),但透過漸變工具 (G) 拖拽方向/長度,創造微妙的體積感起伏。

2. 合併與高光塑形:路徑查找器核心應用

  1. 全選南瓜路徑段,Ctrl+C 複製,Ctrl+F 原地貼前。
  2. 開啟路徑查找器面板 (Shift+F9),按住 Alt 點擊「合併」 (Unite/Shape Mode: Unite),獲得完整南瓜外輪廓單一複合路徑。
  3. 選中合併路徑,用漸變工具 (G)** 套用徑向漸變:
    • 色標 1 (中心/高光):白色 (R:255 G:255 B:255)
    • 色標 2 (邊緣/固有色):橙黃 (R:204 G:122 B:22)
    • 從中心偏上向下拖拽,模擬頂部光源照射下的球體高光分佈。
  4. 將此高光層混合模式設為「正片疊底」,疊加於基礎橙紅層上,瞬間獲得立體球體質感。

3. 莖柄繪製:圓柱體漸變邏輯

  1. 鋼筆工具繪製莖柄輪廓 (彎曲圓柱體)。
  2. 填充徑向漸變:色標 1 (受光側) 黃綠 (R:111 G:129 B:46)、色標 2 (背光側) 深橄欖 (R:82 G:56 B:17)。
  3. 漸變工具調整漸變中心偏向受光側,模擬圓柱體受光。

4. 鬼臉發光腔體:圖層隔離與混合模式

  1. 新建圖層「鬼臉」,置於南瓜本體上方。
  2. 鋼筆工具繪製三角眼、鼻、鋸齒嘴等鬼臉形狀 (可多路徑)。
  3. 全選鬼臉路徑,套用徑向漸變 (三色標):
    • 中心:亮黃 (R:255 G:242 B:0)
    • 中間:橙紅 (R:255 G:146 B:0)
    • 邊緣:深紅 (R:187 G:50 B:0)
  4. 漸變工具從每個眼睛/嘴中心向外拖拽,每個特徵獨立發光中心。

5. 鬼臉立體深度:相交運算提取內壁厚度

  1. 針對左眼:鋼筆工具繪製一個大致覆蓋眼腔內壁厚度的形狀。
  2. 複製左眼路徑 Ctrl+C Ctrl+F,選中複製眼與內壁形狀,路徑查找器 Alt+點擊「相交」 (Intersect),提取眼腔內壁厚度形狀。
  3. 此形狀填充深色漸變 (色標 1: R:255 G:146 B:0, 色標 2: R:187 G:50 B:0),模擬內壁厚度陰影。
  4. 對右眼、鼻、嘴重複操作。

6. 精修高光與陰影:微觀光影雕刻

  • 陰影區 (鬼臉邊緣內側):鋼筆工具繪製形狀,填深漸變 (R:255 G:146 B:0 → R:187 G:50 B:0)。
  • 高光區 (鬼臉邊緣外側/凸起):繪製形狀,填亮漸變 (R:255 G:255 B:139 → R:255 G:164 B:0)。
  • 所有細節形狀置於鬼臉層內部,混合模式正常,依靠漸變色值直接融合。

最終成果與變體設計

  • 風格變體:扁平風 (純色塊無漸變)、線稿風 (僅輪廓描邊)、霓虹風 (鬼臉改為路徑描邊 + 外發光效果)、低多邊風 (三角形拼貼)。
  • 動畫就緒:將鬼臉發光層、高光層、陰影層分別命名,匯出 PSD 供 AE 做呼吸閃爍動畫 (不透明度關鍵幀)。
  • 系列化:複製文檔,修改鬼臉表情 (驚嚇/大笑/眨眼)、南瓜形態 (高/胖/歪)、色調 (白南瓜/綠南瓜/藍南瓜),快速產出表情包系列。

結語

這個南瓜燈教程的核心價值在於:「路徑查找器提取幾何關係 + 漸變工具精準控制光影分佈 + 混合模式非破壞疊加」。這套邏輯不僅適用於南瓜,同樣適用於任何「發光體積體」(燈籠、燈泡、螢火蟲、魔法水晶球) 的矢量表現。萬聖節將至,快用這套流程為你的設計作品點亮一盞屬於你的「矢量南瓜燈」吧!

copyright © 萬盛學電腦網 all rights reserved