教程背景

針對圖標設計標準尺寸(512×512 px)規範，展示從草圖導入、形狀構建、圖層樣式材質、調色組管理的完整標準化流程，適合建立食品類圖標設計系統。

最終效果

杯狀蛋糕，底部條紋陶瓷杯，中間鬆餅體，頂部奶油裝飾配草莓，材質質感豐富，色調統一。

標準化流程 19 步

Step 1-3：畫布與草圖規範

1. 新建 1024×1024 px → 動作面板載入 `Icon Grid 512` 動作 → 自動生成 512×512 px 安全區參考線。
2. 導入草圖 `Sketch.jpg` → 組 `Sketch` 置頂 10% 正片疊底 鎖定。
3. 鋼筆工具繪製蛋糕大體形狀：`Base_杯底` `Muffin_鬆餅` `Cream_奶油` `Strawberry_草莓`，各組不同顏色區分，改進曲線使造型更優雅。

Step 4-14：杯身材質系統化構建

4. `Base` 圖層添加 `漸變疊加`(線性 -90°、#E8A87C→#C88868) + `內陰影`(距離 3、大小 8) → 陶瓷基礎質感。
5. 新層 `Main_Light` 剪貼 `Base`：模式「疊加」、白筆刷畫中間高光條帶。
6. 條紋系統：暗紅矩形形狀複製 12 份 → 合併形狀 → `Ctrl+T` 扭曲變形貼合杯身 → `智能物件` → `高斯模糊 0.2 px` → 蒙版擦除頂底 → 複製偏移形成雙層條紋。
7. 頂底紅色暈染層(不透明度 70%) + 中間白光層(疊加) → 剪貼 `Base`。
8. 條紋暗部/高光細分：鋼筆勾選區 → 填色 → `正片疊底/疊加` → `高斯模糊 0.6/0.3 px` → 蒙版過渡。
9. 橙黃環境光 `柔光` + 組頂層 `顏色減淡` 60% 高光收尾。

Step 15-19：鬆餅、奶油、草莓、調色

15. 鬆餅頂部高光：`濾色` 80% 淡黃掃邊緣 → 底部陰影：正常模式 #BC6F3A 畫陰影 → 疊加細節陰影(加深模式)與高光(疊加模式 40%)。
    — 紋理素材置入 → `明度` 模式 + 蒙版 → `色彩平衡`(同杯身參數、不透明度 40%) 統一色調。
16. 奶油：鋼筆勾形狀 → 填淡色 → 下層深灰陰影 50% → 高光層蒙版過渡 → 橙黃 `疊加` 豐富色溫 → `色相/飽和度` 調粉紅 → `剪貼蒙版` 限制。
    — 奶油蓬鬆：`套索選區` + `漸變工具`(白→陰影色) 多選區疊加 → 裝飾糖珠：畫筆點圓 + `圖層樣式`(斜面浮雕+內發光+投影) 批量立體。
17. 草莓：單獨組，參考「紅燒肉教程」濕潤質感邏輯：基礎紅 → 高光白線條 → 種子凸點(斜面浮雕) → 汁液高光(線性減淡)。
18. 最頂層調色組：`曲線` S 型 + `色彩平衡`(溫暖) + `飽和度` +10 → 群組不透明度 80% 可控。

設計系統接口建議

• 將 `杯身材質組` `鬆餅材質組` `奶油材質組` 存為 `.psd` 模板，新口味蛋糕只需替換 `奶油顏色調色組` `裝飾水果組`。
• 導出規格：`512px PNG` `1024px @2x PNG` `SVG(形狀圖層導出)`，命名 `ic_cake_strawberry_512px.png`。

更多精彩教程請關注三聯 Photoshop 教程欄目。