寫實圖標的核心難點在於「多材質共存時的光影邏輯自洽」。本教程以購物袋為例，演示純圖層樣式非破壞構建：紙袋紋理、金屬扣眼、繩索編織、投影系統，零手繪、全參數化、可無限縮放修改。

圖層結構規劃

📁 ShoppingBag_Icon
  📄 BG_Gradient (背景漸變)
  📁 Bag_Body
    📄 OuterShape (圓角矩形主體)
    📄 InnerGlow_Shadow (內陰影/內發光/漸變疊加/圖案疊加)
    📄 BaseShadow (複製外形→清除樣式→填黑→羽化→下移做投影)
    📄 HighlightStrip (長條矩形+剪貼蒙版+灰白漸變)
    📁 Grommet_Set (金屬扣眼組)
      📄 Grommet_Outer (橢圓+描邊/內陰影/漸變疊加)
      📄 Grommet_Inner (更小橢圓+同樣樣式)
    📁 Rope_Set (繩索組)
      📄 Rope_Main (路徑合併形狀+圖層樣式)
      📄 Rope_Shadow (複製主繩→清除樣式→羽化→蒙版漸隱)
      📄 Rope_Texture (橢圓路徑+文字工具環路徑輸入SSSS模擬編織紋)

關鍵製作步驟與圖層樣式參數

1. 紙袋主體：圖層樣式堆疊建立材質基調

• 圓角矩形工具繪製主體形狀
• 投影： 距離 3px / 擴展 0 / 大小 5px / 不透明度 40% / 顏色深灰
• 內陰影： 距離 2px / 大小 3px / 不透明度 30% / 模擬邊緣內凹
• 內發光： 來源「邊緣」/ 器散 0 / 大小 5px / 顏色淺灰 / 不透明度 20% / 模擬紙張邊緣透光
• 漸變疊加： 深灰→淺灰→深灰 線性漸變 / 角度 90° / 不透明度 40% / 模擬紙張卷曲明暗
• 圖案疊加： 選擇紙張紋理圖案 / 不透明度 15% / 縮放 100% / 模式「疊加」

2. 底部接觸陰影：複製主體 → 清除樣式 → 填黑 → 羽化 4px → 下移 3-4px

3. 高光條：長條矩形 + 剪貼蒙版 + 灰白線性漸變

4. 金屬扣眼：雙層橢圓 + 金屬圖層樣式套裝

• 外環：橢圓填黑 + 描邊(1px 深灰) + 內陰影(距離1/大小2/不透明度50%) + 漸變疊加(金屬漸變/角度90°/不透明度60%)
• 內環：更小橢圓，同樣樣式參數微調

5. 繩索構建：路徑布爾運算 + 圖層樣式 + 紋理模擬

1. 橢圓工具繪製基礎環 → 路徑選擇工具 (A) 選中
2. Ctrl+C/V 複製路徑 → Ctrl+T 縮小向上移 → 形成雙環結構
3. 路徑面板 → 選中兩路徑 → 右鍵「減去前層」/ 合併形狀 → 獲得繩索截面環狀路徑
4. 矩形工具 Shift 添加長條路徑連接兩環 → 再次「減去/合併」獲得完整繩索路徑
5. 頂部添加小圓形作為繩結
6. 整組路徑合併為單一形狀圖層

6. 繩索圖層樣式：模擬圓柱體體積與編織紋理

7. 繩索投影：複製繩索層 → 清除樣式 → 羽化 → 蒙版漸隱（近實遠虛）

8. 進階：繩索編織紋理程序化模擬

• 橢圓工具繪製路徑 (無填充/無描邊)
• 文字工具 (T) 點擊路徑 → 輸入連續 "SSSSSS..." → 字體選等寬無襯線 / 字號匹配繩索粗細
• 文字層光柵化 → 濾鏡 → 風格化 → 風向 / 或 圖層樣式「浮雕」增強立體
• 剪貼蒙版限制在繩索形狀內

方法論總結：寫實圖標的「圖層樣式工程化」

1. 材質拆解： 將物體拆解為獨立材質單元（紙、金屬、繩、塑膠...）
2. 樣式標準化： 為每類材質建立「圖層樣式預設庫」
3. 形狀向量化： 所有基礎形狀用形狀工具/鋼筆路徑，保證無限縮放
4. 光影統一： 全局光源角度/高度統一，所有樣式「使用全局光」勾選
5. 結構分層： 主體/高光/陰影/裝飾/投影 獨立圖層組，支持獨立控制
6. 程序化紋理： 利用濾鏡/文字/圖案/路徑運算生成可編輯紋理，拒絕手繪死圖

這套方法論讓圖標製作從「畫畫」進化為「參數化建模」，修改尺寸/顏色/材質/光源只需調整參數，秒級出圖多規範，才是商業設計的專業標準。