最終效果預覽

核心圖層架構規劃

• icon-bg：底色漸變層
• glass：玻璃主體（白 50% 不透明度 + 刪除上半部）
• shine：高光層（多次羽化刪除疊加）
• icon-frame：邊框層（漸變描邊）
• 背景層：黑色襯托（可替換）

18 步詳細製作流程

1. 底色漸變：圓角矩形工具 Alt 拉正方形 → 漸變填充兩色 → 命名 icon-bg。
   
2. 玻璃主體：複製圖層改名 glass → 填白、不透明度 50% → 矩形選區選上半部 → Delete 刪除。
   
3. 下部柔化：橢圓選區選下部 → 羽化 ~30px → Delete → 形成底部漸隱。
   
4. 邊緣高光 shine：Ctrl+點擊 glass 載入選區 → 選擇→修改→擴展 1px → icon-bg 下新建層填白 → 命名 shine。
   
5. 背景設黑：最底層填黑襯托（可換其他色）。
   
6. 頂部高光精修：圓形選區 → 羽化 30px → 選 shine 層 Delete 兩次。
   
7. 中部高光：同法選上部 → 羽化 → Delete 一次。
   
8. 微調 shine 不透明度。
   
9. 邊框 icon-frame：Ctrl+點擊 icon-bg → 擴展 1px → shine 下新建層填黑 → 命名 icon-frame。
   
10. 隱藏黑背景。
    
11. 邊框漸變描邊：icon-frame 圖層樣式 → 漸變疊加設置金屬感漸變。
    
12. 添加白色幾何裝飾（反光條、亮點等）。
    
13. 疊加圖層樣式強化玻璃反射（倒角、內發光、投影等）。
    
14. 合併可見層 → 底部陰影：最下新建層畫小橢圓。
    
15. 倒影製作：複製合併層 → 垂直翻轉 → 合併 → 再複製翻轉 → 多層疊加形成漸變倒影。
    
16. 倒影羽化消隱：圓形選區選下部 → 羽化 30px → Delete。
    
17. 最終微調透明度，完成極致玻璃質感。
    

關鍵技法總結

• 「選區→羽化→刪除」構建柔和過渡是玻璃質感核心
• 多層高光（shine、邊框、裝飾）疊加模式混合模擬真實折射
• 倒影用「複製→翻轉→合併→羽化」分層製作更可控
• 圖層樣式非破壞性調整，隨時可回頭微調參數