教程效果

10 步驟構建水晶按鈕

1. 畫布與基礎形狀

• 新建 500×300px 文檔
• 前景色純黑，圓角矩形工具（形狀圖層）繪製主體 → 鋼筆微調形狀

2. 底層陰影與厚度（形狀 1）

• 漸變疊加：#838383 → #020202 → #838383（模擬側面厚度陰影）
• 投影：參考圖參數，建立懸浮感

3. 第二層內凹面（形狀 2）

• 複製形狀 1 → 向上微移 → 漸變疊加：白色系（模擬內壁受光）

4. 核心水晶體（形狀 3）

• 複製形狀 2 → 縮小 → 漸變疊加：#513900 → #b07c00 → #473200 → #946800（金黃琥珀色系）
• 投影：參考圖參數

5. 高光層（形狀 4）

• 複製形狀 3 → 適當拉長 → 漸變疊加：#946800 → #ffb300 → #c38900（高亮金黃）

6. 四層疊加效果確認

此時獲得具有厚度、內凹、水晶體、高光層的基礎立體結構。

7. 表面折射高光（形狀 5）

• 鋼筆/形狀工具繪製月牙狀高光區 → 不透明度 44% → 漸變疊加：中心純白漸變透明（模擬折射聚焦）

8. 次級折射高光（形狀 6）

• 複製形狀 5 → 相同漸變 → 僅修改縮放比例適應更小區域

水晶材質光學模擬原理

• 多層疊加 = 多次折射/反射：每層形狀代表一次光程邊界
• 漸變方向 = 光線傳播路徑：從入射面到出射面的顏色/亮度遞變
• 不透明度/填充不透明度 = 透射率：水晶體低填充高樣式，高光層極低不透明度
• 斜面浮雕/內發光 = 次表面散射：模擬光線在介質內部散射發出的柔和光暈

最終效果