不只 Photoshop，Illustrator 強大的漸變、透明度、濾鏡功能同樣能打造極具質感的蘋果風格按鈕。這篇教學針對 AI 10 版本，演示圓角矩形、徑向漸變、描邊、投影濾鏡、亮度混合模式疊加高光層、文字投影的完整流程。

最終效果

步驟詳解

1. 新建文件（矢量無尺寸限制），圓角矩形工具點擊畫板設定：寬 90mm、高 22mm、圓角 11mm。

2. 外觀面板：描邊色 R115/G115/B115；填色選漸變 → 漸變面板設定徑向漸變（參見圖）。

3. 選中物件 → 「濾鏡→風格化→投影」設定參數。

4. 新建圖層，畫同寬半高矩形（W90 H11mm），無描邊、填白，置於圓角矩形上半部重疊 → 透明度面板：混合模式「亮度」、不透明度 69%。

5. 新建圖層，橫排文字工具輸入「Quick Time」，Arial 45pt，同樣套用投影濾鏡 → 完成。

版本遷移提示

• AI CS 以後版本：投影移至「效果→風格化→投影」（即時效果可編輯），濾鏡菜單已不建議使用。
• 透明度面板功能一致，「亮度」模式完美模擬玻璃高光質感。
• 全流程矢量操作，輸出 SVG/PDF 供 Web/印刷無損縮放。

掌握「基礎形狀 + 多層漸變疊加 + 混合模式 + 即時效果」這套 UI 組件構建方法論，可快速產出各風格按鈕、卡片、面板等介面元素。