教學重點

以矩形按鈕為例，掌握漸層映射光感與圖層樣式組合，觸類旁通可做任意形狀水晶按鈕。

最終效果

步驟解析

步驟 1：基礎形狀

新建 500×300px 白底文件，新圖層「按鈕」，矩形選框工具拉長條矩形填黑（圖1）。

步驟 2-3：漸層疊加模擬水晶通透感

雙擊圖層開啟樣式，勾選「漸層疊加」，設定參數（圖2），編輯漸層顏色（圖3-4）。

步驟 4：外發光增強邊緣通透

添加「外發光」樣式（圖5）。

步驟 5：描邊定義邊框

添加「描邊」確定，完成水晶質感。其他顏色僅需更改漸層色彩即可（圖6）。