四葉草是幸運符號,也是練習對稱建模、路徑操作、漸變質感的絕佳題材。本教程難度中等,適合新手到中級學習者,通過一片葉子的「畫一次、用四次」策略,掌握高效矢量工作流。
成品:葉脈清晰、漸變自然、帶背景裝飾的精致四葉草
核心策略:單元構建 → 變換復制 → 有機組合
步驟 1:繪製單片葉子——從圓形到有機形
- 橢圓工具 (L) 按 Shift 畫正圓
- 複製正圓,移動至重疊位置(兩圓相交形成葉尖/葉柄區)
- 選中兩圓 → 路徑查找器 > 聯合 合併為單一形狀
- 直接選擇工具 (A) 點擊交疊區錨點,拖動調整形成心形葉片輪廓
- Object > Transform > Reflect (垂直軸) 複製鏡像 → 再次聯合 → 獲得左右對稱完美葉片
步驟 2:漸變賦質——淺綠到深綠的生命力
漸變工具 (G) 套用線性漸變:淺綠 (葉尖) → 深綠 (葉基),角度順應葉脈走向。關鍵細節:色標位置微調,讓高光區更窄、過渡區更寬,模擬葉片厚度與透光差異。
步驟 3:四葉組合——旋轉複製的數學美
複製葉片 3 次,每次旋轉 90° (Object > Transform > Rotate 90° + Copy),以中心點為樞紐精準對齊。群組 (Ctrl+G) 鎖定相對位置,形成完美四折旋轉對稱。
步驟 4:葉柄與細節——隨意中的考究
鋼筆工具繪製彎曲葉柄,描邊設圓頂端點、漸變描邊 (寬→窄) 模擬莖部粗細變化。葉脈可用混合工具生成:畫首尾兩條葉脈 → Blend > Specified Steps (8-12) → 展開後微調彎曲度。
步驟 5:背景與裝飾——完成度的最後 10%
- 底層徑向漸變圓形(淺黃→白)做暈開背景
- 散落幾顆半透明光斑(白圓 + 高斯模糊 + 疊加模式)
- 幾何裝飾元素(六角形/圓點/線條)疊加,豐富視覺層次
進階拓展:參數化四葉草生成器
- 將單片葉子存為符號
- 符號噴槍工具 (Shift+S) 噴灑 → 符號移動/縮放/旋轉/染色工具隨機變化
- 或用變換效果:Effect > Distort & Transform > Transform,設定旋轉 90°、複製 3 份,動態調整葉片形狀即時更新四葉
- 導出 SVG + CSS 動畫,實現網頁端「葉片隨風搖曳/點擊綻放」互動
四葉草教會的不只是畫葉子,而是「單元化思維」:將複雜有機形態拆解為可參數化、可復用、可動畫的基本單元。這是從「畫圖」進化為「構建系統」的關鍵跨越。