前言

切換開關是 UI 設計常見元件。本教學示範以圖層樣式 (漸變、內陰影、內發光、斜面浮雕、投影) 疊加，快速產出具立體質感的開關按鈕，並示範 ON 文字與陰影處理。

最終效果預覽

製作步驟

1. 新建 600×500 文件，背景層轉一般圖層，加徑向漸變 #f6fcff → #bbddff。
2. 圓角矩形 (半徑 50px) #aec24e 為滑軌基底。
3. 滑軌圖層樣式：內陰影、內發光、斜面浮雕 (內部凹陷感)、漸變疊加、描邊。
4. 橢圓工具 Shift 畫正圓滑塊，加內陰影、內發光、斜面浮雕 (凸出感)、漸變疊加、描邊。
5. 滑塊下方新層，黑色柔邊筆刷繪投影。
6. 滑塊上方再疊一圓形，樣式疊加高光邊緣。
7. 文字工具輸入「ON」，Myriad Pro、混合模式「亮光」+ 投影。
8. 嘗試更換滑軌顏色產生不同風格按鈕。

過程圖參考