本教程展示如何在 Adobe Illustrator 中，以單一 60×60 px 圓形為基礎，運用基本形狀、形狀生成器、路徑查找器、即時圓角、鏡像複製、偏移路徑等核心功能，高效產出 6 款風格統一的扁平化動物頭像：暹羅貓、歡快小狗、可愛浣熊、友善熊貓、聰明熊、狡猾狐狸，並延伸製作長投影圖標。

最終成果

核心工作流

1. 基礎臉型建立

• 橢圓工具 (L) 繪製 60×60 px 圓形
• 直接選擇工具 (A) 調整錨點 → 向下拉動側錨點形成下巴/臉頰
• 橡皮擦工具 (Shift+E) 按住 Alt 切割頂部 → 扁平化頭頂

2. 模組化組件複用

• 耳朵：多邊形工具繪三角形 → 效果→變形→凸出 (40%) → 擴展外觀 → 直接選擇工具轉平滑角 → 鏡像工具 (O) 水平翻轉複製
• 眼睛：橢圓 → 錨點工具 (Shift+C) 轉尖角 → 形狀生成器 (Shift+M) Alt 刪除虹膜溢出部分 → 旋轉+鏡像複製
• 鼻子/嘴巴：多邊形/橢圓 + 即時圓角/剪刀工具 (C) 切割 → 形狀生成器精修

3. 角色差異化細節

角色	關鍵差異化手法
暹羅貓	三角耳+凸出效果、藍色眼睛、臉部淺色區、扁平陰影覆蓋半邊臉
歡快小狗	側錨點左右移動 5px+曲率工具圓滑、垂耳偏移路徑 -3px、伸舌頭(矩形圓角+線段)、面具形狀生成器切割
可愛浣熊	臉部壓扁、深灰鼻子+剪刀工具切割笑嘴、面具路徑查找器分割雙眼斑點
友善熊貓	米色臉、復用狗鼻子區域合併+剪刀切割笑容、浣熊眼睛+偏移路徑 -1px 瞳孔
聰明熊	蛋形臉(頂錨點上移)、圓耳偏移路徑、寬鼻+矩形鼻橋即時圓角上圓下方
狡猾狐狸	尖臉+下錨點轉角、浣熊耳換色、黑橢圓蓋住鼻區+形狀生成器切出尖鼻、臉頰橢圓鏡像+形狀生成器、毛皮點陣(Alt+Shift 複製+Ctrl+D 重複)

4. 統一風格收尾

• 所有角色添加右側扁平陰影：複製群組 → 路徑查找器合併 → 正片疊底 → 橡皮擦工具切割半邊
• 放入 106×106 px 綠松石色圓形底、80×80 px 旋轉 45° 正方形長投影 → 形狀生成器切割超出部分

效率心法

• 基礎形狀復用：耳朵、眼睛、鼻子模組化，跨角色調用，保證風格一致。
• 形狀生成器 (Shift+M) + Alt 刪除：比路徑查找器更直觀的布爾運算。
• 即時圓角/偏移路徑/鏡像工具：參數化修改，避免重繪。
• 關鍵對象對齊：Alt+點擊基準對象 → 對齊面板一鍵居中。

完成後可擴展為完整圖標套裝，適合 App 圖標、品牌吉祥物、UI 裝飾等場景。建議下載源文件拆解圖層結構，體會「模組化思維 × 參數化工具」的高效向量工作流。