水晶質感按鈕是網頁設計經典元素，本教程將示範如何單純運用圖層樣式（漸變疊加、外發光、描邊）快速繪製出通透立體的水晶按鈕，並說明如何透過修改漸變色彩快速產出多色系列。

最終效果預覽

製作步驟詳解

1. 建立基礎形狀：新建 500×300 白底文件，圓角矩形工具繪製長條按鈕形狀填充黑色。
2. 核心：漸變疊加設定：雙擊圖層開啟樣式，啟用「漸變疊加」，設定從淺到深的漸變色彩（如白→淺藍→深藍），角度 90°，縮放 100% 以上增強立體感。
3. 外發光提亮邊緣：添加「外發光」，混合模式「螢幕」，顏色取漸變中最亮色，大小 5-10px 營造發光邊緣。
4. 描邊定義輪廓：添加 1-2px 「描邊」，顏色取漸變中深色，位置「內部」強化按鈕邊界。

快速變色技巧

僅需修改「漸變疊加」中的漸變色彩停駐點顏色（如改為紅系、綠系、金系），即可在秒內產出完整色系按鈕系列，極大提升設計效率。

應用延伸

同樣邏輯可製作水晶圖標、介面滑塊、進度條等 UI 元件，建議將樣式儲存為 .asl 檔案一鍵複用。