最終效果預覽

分層構建流程

一、繪製「底座」

1. 橢圓工具 (L) 按 Alt+Shift 繪製正圖，圖層命名「金屬底座」。
   
2. 自由變換工具 (E) 按 Shift+Ctrl+Alt 拖動右下角控制點，做垂直方向透視變形，增加真實感。
3. 漸變工具 (G) 套用徑向漸變，描邊黑色 2pt。
   
4. 外觀面板 (Shift+F6) 添加新填色，漸變工具從左上角向中心拉黑白徑向漸變，透明度面板設混合模式「濾色」。
   

二、繪製「金屬凹邊」

1. 選中底座路徑，物件→路徑→偏移路徑，命名新路徑「金屬凹邊」。
   
2. 外觀面板選單選「簡化為基本外觀」。
   
3. 無填色，描邊 5pt，Ctrl+C 複製備用。物件→路徑→輪廓化描邊，填線性漸變。
   

三、繪製「金屬上拋光面」

1. Ctrl+F 貼上備用路徑，命名「金屬上拋光面」。
2. 按 > 鍵切漸變填色，Ctrl+點擊工具欄漸變圖標重置為預設黑白漸變。漸變面板設色標，漸變工具拉黑白線性漸變，無描邊。
   
   

四、繪製「內部藍漸變」（單路徑實現複合漸變）

1. 繪製稍小橢圓，命名「內部藍漸變」，位置偏上右。
   
2. 填徑向漸變，描邊灰色 4pt。
   
3. 外觀面板添加新填色，漸變工具從右下角向右拉徑向漸變，透明度面板設「濾色」。
   
   

註：RGB 模式下 CS3 以下版本需用三色黑代替單色黑，濾色模式才能濾去黑色。

五、製作「內部標牌」

1. 圓角矩形工具繪製，調整圓角，白填無描邊。
   
2. 文字工具輸入文字，文字→建立輪廓 (Shift+Ctrl+O)。
3. 選矩形與文字輪廓，路徑查找器「前減後」扣除文字。
   
4. 置於水晶按鈕上，效果→風格化→投影，適當旋轉。
   

六、內部內發光

1. 複製「內部藍漸變」，Ctrl+F 原位貼前，按 D 鍵重置填描，物件→路徑→偏移路徑得較小橢圓，填淺藍。
   
2. 效果→風格化→羽化，透明度面板設「濾色」35% 透明度。
   

七、質感高光

1. 複製上一步剩餘大橢圓備用。繪製路徑與橢圓相減得高光區域。
   
2. 命名「質感高光」，填青色，透明度面板設「濾色」85% 透明度。
   
3. Ctrl+F 貼上備用橢圓，選橢圓與高光，透明度面板選單「建立不透明蒙版」。
   
4. 點擊蒙版縮略圖進入編輯，Ctrl+點擊漸變色塊套用預設漸變，漸變工具調整漸隱效果，點左側物件縮略圖返回。
   
   

八、完美演繹

同法添加左上、右下高光。最終將「內部標牌」不透明度降至 80%，為底座添加陰影，完成最終效果。

本教程核心技法：外觀面板多重填色疊加、路徑偏移與輪廓化描邊構建結構、濾色模式模擬透光高光、不透明蒙版控制漸隱範圍。展示了 Illustrator 進行高保真 UI 圖標設計的專業非破壞性工作流。