教程特色

全程使用形狀圖層（矢量可編輯）+ 圖層樣式（非破壞），無手繪筆觸，適合追求精確可控、易於修改迭代的 UI/圖標設計師。教程界面已漢化，素材包含預設形狀。

最終效果

透明玻璃杯盛載金黃啤酒，細密氣泡上升，頂部豐富泡沫，杯壁凝結水珠，背景漸變清爽。

文件設置與形狀庫

• 文件：1200×1200 px、72 dpi。背景圖層添加「漸變疊加」淡藍徑向漸變。
• 下載並載入「玻璃形狀」庫（.csh），包含 7 個預設形狀 #1-#7，對應杯身、杯腳、泡沫、水珠等部件。

核心圖層結構與樣式邏輯

1. 杯身主體（Shape #1）

僅顯示 #1，添加圖層樣式：
— `內陰影`(距離 3、大小 8、#1A3A4A) 表現壁厚陰影。
— `內發光`(來源中心、大小 15、#FFFFFF、螢幕 30%) 表現玻璃邊緣透光。
— `漸變疊加`(線性 -90°、#0D2B3A→#1A4D6B→#0D2B3A、疊加 40%) 賦予玻璃通透色調。
— `描邊`(1 px、內部、#FFFFFF、螢幕 20%) 強化邊緣高光。

2. 啤酒液體（Shape #2 衍生）

• 顯示 #2，橢圓形狀「減去頂部」得液體主體；減去部分「相交」得泡沫層（獨立圖層）。
• 液體主體：`漸變疊加`(線性 -90°、#FFD700→#B8860B→#8B6914、正片疊底 60%) → 複製圖層 3 次疊加不同模式/不透明度（疊加 30%、柔光 20%、強光 15%）豐富色深。
• 邊緣高光帶：複製 #2 → `Ctrl+T` 拉伸至杯壁外緣 → 加蒙版限制 → `漸變疊加`(徑向、#FFF8DC→透明、螢幕 40%)。
  底部折射：複製 #2 減去頂部保留底部 → `斜面浮雕`(內部、平滑、大小 3) → 複製合併溶解模式 30% 增加顆粒感。

3. 泡沫層（Shape #2 相交得）

`漸變疊加`(徑向、#FFFFFF→#F0E6D2→透明、正常 80%) → 複製合併空白層 → `亮度/對比度`(+40) → 模式「溶解」30% → 新空白層合併 #2 不透明度 70% + `斜面浮雕`(外部、平滑、大小 2) → 複製高斯模糊 0.3 px → 新層溶解模式 40% 畫氣泡點綴。

4. 杯腳與杯底（Shape #6、#7）

同樣套用金屬/玻璃混合樣式：`斜面浮雕`(外部、鑿刻) + `漸變疊加`(金屬環反射) + `描邊`(高光邊緣)。

關鍵技巧總結

• 「形狀圖層布爾運算」替代鋼筆勾選，保證邊緒矢量銳利、隨時可改尺寸。
• 「同一形狀多次複製疊加不同樣式」替代單一複雜樣式，圖層結構清晰、調試靈活。
• 「溶解模式+亮度提升」低成本模擬泡沫氣泡顆粒感。
• 所有樣式參數均可存為 `.asl`，構建「玻璃/液體/金屬」材質庫，新專案一鍵套用。

適合建立飲品類圖標設計規範的團隊參考。