經典 UI 圖標入門案例：以豬臉為題材，系統講解路徑查找器布爾運算、漸層網格工具 (U) 營造臉頰立體紅暈、混合工具 (W) 製作柔和過渡、寬度工具 (Shift+W) 控制線條粗細變化、外觀面板多重描邊/投影/混合模式疊加等核心技法。適合初中階學習者建立完整圖標製作肌肉記憶。

分模組製作流程

1. 基礎五官結構

• 6×6 英吋畫板，矩形工具畫桃色底色。
• 橢圓工具：深紫眼球 (#35253f)、粉紅水平橢圓鼻子 (#f57da0)、深紫鼻孔小橢圓。

2. 臉頰漸層網格立體感

• 橢圓工具畫淺粉臉頰，直接選擇工具 (A) 拉動底部錨點內收上移成水滴形。
• 漸層網格工具 (U) 點擊網格線交叉點添加網格點，外緣 #f8d9d1、中心上方 #feeeeb，直接選擇工具逐點微調顏色過渡。複製鏡像得右臉頰。
• 嘴巴：複製眼睛縮小置鼻下，高光再複製臉頰縮小旋轉 180°。

3. 鼻子與舌頭細節

• 鼻孔混合工具 (W) 20 步驟：複製鼻孔→放大橢圓不透明度 0%→混合產生柔和陰影過渡。
• 鼻子主體漸層網格：底部邊緣添加深粉紅 (#c33e6b) 網格點。
• 鼻頭高光：橢圓底部錨點內收，填膚色桃紅，網格點邊緣不透明度 0%。
• 舌頭：粉紅橢圓疊蓋深紫嘴巴 → 形狀建立器工具 (Shift+M) 刪除非重疊部分。
• 臉頰雀斑：粉紅小圓點隨機分佈。

4. 眼鏡配件（展示圓角矩形、扭曲效果、投影、混合模式）

• 矩形工具畫鏡框，路徑查找器「減去頂層」挖鏡片孔。
• 矩形連接鼻樑，效果＞扭曲＞水平彎曲 23% → 展開外觀。
• 眼鏡腿：小矩形群組 → 風格化＞投影（正片疊底、33% 不透明度、深紫）。
• 鏡框頂底緣：薄矩形線性漸層（深紫→亮紫→深紫）。
• 鼻梁陰影：投影效果（正片疊底、29%、深紅）。
• 鏡片色調：亮紅矩形疊加模式「疊加」21% 不透明度，左右各一。

5. 頭髮與蹄子（漸層描邊、寬度工具、疊加模式輪廓光）

• 鋼筆工具繪製 3 束髮絲路徑，套用三角形描邊輪廓（描邊面板），寬度工具 (Shift+W) 微調粗細變化，投影效果同鼻梁。
• 複製髮群組→紅色填色→疊加模式 21% 產生輪廓光。
• 蹄子：鋼筆繪製桃色基底→投影→前 2/3 線性漸層（深紫→亮紫→深紫）配合漸層工具角度調整→頂緣深紫筆觸增加厚度。

6. 髮絲輪廓光進階技法

• 同一漸層（深紫→亮紫→深紫）應用於髮絲。
• 每束髮絲複製兩份：一份刪除投影，另一份「減去頂層」產生邊緣高光線條，疊加於主形之上，形成精致輪廓光效果。

完成度極高的入門級綜合練習，涵蓋 UI 圖標 80% 核心技法，建議反覆練習至可在 30 分鐘內獨立完成。