一隻圓滾滾、眼神清澈的綠豆蛙躍然屏上，全程純矢量繪製，放大縮小永不失真。本教程將拆解從簡單幾何形狀到生動角色的完整工作流，適合想鞏固鋼筆工具、路徑查找器、漸變網格等核心技能的初中級學習者。

成品展示：簡約線條勾勒神態，漸變賦予體積感

核心技能清單

• 鋼筆工具：勾勒有機流暢輪廓
• 路徑查找器：布爾運算快速組合複雜形狀
• 漸變工具/網格工具：模擬皮膚濕潤質感與環境光
• 外觀面板：疊加多重填充/描邊實現非破壞性編輯
• 符號面板：管理重複元件（如氣泡、水草）

繪製邏輯：從大塊到細節的層層遞進

1. 基礎幾何構型

以橢圓工具組合出頭身大塊比例：大橢圓為身體，小橢圓為頭部，兩側再加兩個扁橢圓做前肢。路徑查找器「聯合」合併為單一物件，直接選擇工具微調錨點處理連接處過渡。

2. 五官與表情賦予

眼睛用圓形工具疊加：白眼球 + 黑瞳孔 + 高光小圓，組合成「會發光」的清澈眼神。嘴巴用鋼筆工具畫一道向上彎曲的貝茲曲線，描邊設圓頂端點，線寬 3-4pt，瞬間賦予愉悅神態。

3. 漸變網格注入生命力

身體主體套用徑向漸變（淺綠→中綠→深綠），模擬球體受光。關鍵部位（臉頰、肚臍、四肢連接處）升級為漸變網格，手動添加網格點拉高光、壓陰影，表現兩棲動物特有的濕潤皮膚質感。

4. 環境互動與細節豐富

腳下加徑向漸變橢圓做投影，虛實結合穩住重心。周圍點綴幾顆半透明氣泡（白色橢圓 + 疊加模式 + 高斯模糊），幾片負空間水草剪影，畫面瞬間有了故事感。

進階拓展建議

• 將綠豆蛙存為符號，配合符號噴槍工具快速生成青蛙家族群聚圖
• 嘗試外觀面板添加第二層填充（紋理圖案/雜色），一鍵切換扁平風/紋理風
• 導出 SVG 直接用於網頁動畫，或配合 After Effects 做逐幀動畫

這隻綠豆蛙看似簡單，實則濃縮了矢量插畫「以簡馭繁」的精髓。建議動手複刻一次，體會如何用最少的錨點、最巧妙的漸變，捕捉角色的靈魂。