複雜圖標的繪製本質是「耐心 + 方法論」。本教程以早餐經典組合「油條 + 豆漿」為例，演示從素材蒐集、結構拆解、形狀構建、材質刻畫、光影雕刻到投影落地的商業級圖標繪製全流程。

前期準備：素材蒐集與結構拆解

畫布與背景建立

• 新建 800px 寬、高度適中畫布
• 背景色採樣自參考圖環境色，徑向漸變營造桌面氛圍

豆漿碗構建：形狀工具 + 剪貼蒙版 + 圖層樣式

1. 碗體形狀： 形狀工具繪製，參考線/圖層對齊保證對稱
2. 碗厚表現： 內外雙層形狀 + 不同填充/描邊，疊加內陰影/倒影模擬厚度
3. 豆漿液面： 橢圓形狀 + 剪貼蒙版限制在碗內 + 漸變模擬液面反光
4. 泡沫細節： 畫筆點繪不規則小圓 + 外發光/投影，圖層混合模式「篩選/疊加」

油條構建：路徑雕刻 + 光影分層 + 紋理手繪

1. 主體輪廓： 鋼筆工具繪製閉合路徑，轉選區填充基礎色
2. 大塊光影： 新建剪貼圖層，大畫筆低流量繪製陰影面與亮面，建立體積感
3. 表面紋理： 順著油條纖維方向，小畫筆手繪條狀高光/陰影，模擬油炸氣泡紋理
4. 微觀高光： 1-2px 畫筆點繪鏡面高光，強調油脂濕潤感
5. 邊緣線條： 鋼筆勾勒邊緣轉折線，描邊 1px 深色，增強輪廓辨識度

投影系統：建立空間關係

分層級構建投影，避免「懸浮感」：

1. 油條投射在碗沿/豆漿面的陰影： 形狀變形貼合接觸面，透明度漸變
2. 油條+碗共同投射在桌面的投影： 合成剪影 → 高斯模糊 → 漸變透明度 → 噴射式分佈（近粗遠淡）

圖層組織最佳實踐

圖層組結構：
📁 Bowl_Group
  📄 Bowl_OuterShape
  📄 Bowl_InnerShape
  📄 SoyMilk_Clipped
  📄 Foam_Details
  📄 Bowl_Highlights
  📄 Bowl_Shadows
📁 Youtiao_Group
  📄 Youtiao_BaseShape
  📄 Youtiao_Shadows
  📄 Youtiao_Highlights
  📄 Youtiao_Texture
  📄 Youtiao_MicroHighlights
  📄 Youtiao_EdgeLines
📁 Shadow_System
  📄 Shadow_OnBowl
  📄 Shadow_OnTable
  📄 ContactShadows
📁 Background
  📄 BG_Gradient

這樣的結構讓修改、導出、團隊協作都極其清晰。圖標繪製不只是「畫得像」，更是「結構清晰、流程可控、易於迭代」的工程化產出。