Photoshop 善製按鈕，Illustrator 憑藉強大的漸變、透明度與濾鏡同樣能產出高質感矢量按鈕。本教程以 AI 10 為例，逐步拆解蘋果官網風格透明按鈕的繪製流程，涵蓋圓角矩形、徑向漸變、投影、圖層混合模式與文字特效，文末提供下載源文件。

製作步驟

1. 新建文檔：矢量圖無需關注印刷尺寸，RGB 模式即可。
2. 繪製底層圓角矩形：工具欄選「圓角矩形工具」，點擊畫布彈出對話框設定圓角半徑。外觀面板設定描邊顏色（R:115 G:115 B:115），填充選「漸變」，漸變面板設定徑向漸變參數。
3. 添加投影：選中對象，執行「濾鏡 → 風格化 → 投影」，調整偏移、模糊、不透明度等參數。
4. 建立高光圖層：新建圖層，繪製白色矩形覆蓋按鈕上半部，透明度面板設「混合模式：亮度，不透明度 69%」，瞬間形成玻璃質感。
5. 輸入文字與文字投影：新建文字圖層，輸入「Quick Time」，字體 Arial、45pt，同樣添加投影濾鏡。

關鍵技巧總結

• 徑向漸變模擬光源從上左照射的立體感
• 投影濾鏡賦予懸浮感
• 亮度混合模式的白色高光層是玻璃質感核心
• 文字同樣需要微弱投影增強可讀性

完成後可通過「編輯 → 自由變換」旋轉角度，打破死板感。源文件下載見文末。