本教學示範如何利用圖層樣式快速構建具備玻璃/塑膠質感、高光倒影、多色變體的膠囊藥丸圖標。流程標準化、參數化，極適合 UI 圖標批量生產與設計規範建立。

文件與背景

1280×1024 px、白色背景。新建圖層填充黑色，添加「漸變疊加」（徑向深灰至黑）作為地面投影基底。

膠囊主體構建

1. 外殼：新建圖層，圓角矩形工具繪製白色長條（半徑約 1/2 高度）。添加樣式：
     • 倒角與浮雕：內部倒角、平滑、深度 100%、大小 10px。
     • 漸變疊加：線性、頂部亮→底部暗（模擬圓柱受光）。
     • 內發光：白色、螢幕、邊緣亮邊。
     • 描邊：1px 深灰、內部。

2. 內藥粉（顏色區）：新建圖層，較小圓角矩形填充 #f7bdd6（粉紅）。高斯模糊 2-3px → 添加「外發光」（同色、螢幕、不透明度 80%），形成半透明膠囊感。

3. 頂部高光帶：新建圖層，白色小圓角矩形→高斯模糊→不透明度 80%。

4. 分艙線：新建圖層，極窄白色圓角矩形→添加「倒角與浮雕」（外部倒角、大小 1px）→ 效果如縫合線。

倒影與多色變體

1. 合併除背景外所有圖層（Ctrl+Shift+E），複製合併層，Ctrl+T 垂直翻轉移至底部。
2. 高斯模糊 5-8px，添加黑色文字標籤（產品名/劑量），完成單枚膠囊。

3. 複製組，僅修改「內藥粉」圖層填充色（綠、藍、橙等）與對應外發光色相，即得全系列變體。

設計規範化建議

• 將所有樣式存為 .asl 檔，團隊共享統一視覺語言。
• 定義「膠囊組件」為智能對象，雙擊編輯內容即同步更新所有實例。
• 導出規格：@1x/@2x/@3x PNG、SVG、含參數說明的設計標註文檔。