本教學展示如何通過多層圓角矩形疊加、漸變填充、Photoshop 兼容層樣式(內發光、斜角浮雕等)、虛線高光、投影，構建極具質感的水晶玻璃質感按鈕。展示了 FW 對 PSD 層樣式的良好兼容與向量疊加建模能力。

效果預覽

圖層結構拆解

1. BG1 底層： 圓角矩形 115×32px，調整圓角半徑，套用 PS 動態效果(內陰影、斜角浮雕、光澤等)定基調。
2. BG2： 複製 BG1 縮小 1px (114×31)，移除 PS 效果，填充單色 #A9A9A9 做中間層。
3. BG3： 複製 BG2，填充「放射狀漸變」模擬球面高光分佈。
4. BG4： 複製 BG3，填充「線性漸變」強化頂部亮面。

5. 虛線高光： 白色正方形線性漸變透明，複製排列成虛線帶，置頂層增強玻璃邊緣折射感。
6. 投影收尾： 底層添加投影，按鈕懸浮於界面之上。

此「多層漸變疊加模擬材質 BRDF」思路，是純向量繪製玻璃/水晶/陶瓷等複雜材質的通用方法論。