靈感來源：從齒輪到餅乾的側向思考

某日需繪製齒輪圖示，靈光一閃：晶格化工具 (晶格化工具隱藏於寬度工具下) 的「邊緣擾動」特性，不正是鋸齒餅乾/齒輪的完美製造器嗎？本教學示範如何用一個圓形 + 晶格化工具 + 外觀面板，在三分鐘內產出可無限縮放、可隨時調整齒數/深度的參數化鋸齒形狀。

核心操作流程

1. 基礎圓形： 橢圓工具 (L) 按 Shift 畫 100 px 正圓，填色 #f5e6cc（餅乾色）或金屬漸層（齒輪色），描邊無。
2. 晶格化邊緣： 選取圓形 → 晶格化工具 (Shift+R) → 畫筆大小設 15 px、細節 5、簡化 0。在圓形邊緣「順時針」輕輕劃動一圈，圓形邊緣立即產生有機鋸齒。若齒數不足，減小畫筆大小再劃；若太尖銳，增加「簡化」數值。
3. 非破壞性調整： 晶格化效果會自動出現在「外觀面板」中。雙擊該效果可隨時修改畫筆大小、細節、簡化參數，形狀即時更新，完全向量化、不破壞原始圓形路徑。

進階變體：雙層餅乾與夾心效果

1. 複製晶格化圓形 (Ctrl+C, Ctrl+F)，縮放 85%，填色深一點 (#e8d5b7) 作為下層餅乾。
2. 夾心：再複製一層縮放 70%，填白奶油漸層（徑向 #fff→#ffe8d0），加「效果 → 風格化 → 內發光」（螢幕、白、20%、3 px）模擬厚度。
3. 整體群組，存為符號，即可用符號噴槍快速佈滿畫面，每顆餅乾仍可單獨編輯晶格化參數。

齒輪變體：金屬質感與動畫就緒

• 基礎圓形填金屬徑向漸層（中心亮銀 #e8e8e8 → 邊緣深灰 #4a4a4a）。
• 晶格化參數：畫筆 8 px、細節 8、簡化 2，獲得尖銳齒條。
• 中心挖孔：畫 30 px 圓、置中 → 路徑查找器「減去前方」。
• 動畫就緒：將齒輪主體、中心孔、固定銷分別存為圖層，匯出 SVG 供 CSS `transform: rotate(360deg)` 無限旋轉動畫。

補充資源與常見問題

附件提供現成 AI 檔（含晶格化效果保留），可直接拖入專案複用。常見問題：
• 齒形不對稱？ 晶格化劃動方向需均勻，建議按 Shift 限制角度劃圓。
• 效果太重導致卡頓？ 降低「細節」數值或改用「效果 → 扭曲與變形 → 齒輪」替代。
• 需精確齒數？ 改用「極座標網格工具」或「旋轉複製」傳統方法，晶格化適合「有機感、快速迭代」場景。