想練習食物類 UI 圖標嗎？這篇教學帶你繪製一碗誘人的日式拉麵，包含湯底、麵條、叉燒、溏心蛋、蔥花等細節，適合中階練習光影與材質表現。

草稿與分層規劃

先用鋼筆工具勾勒碗體、麵條團、配料外輪廓，分別建立圖層群組：「碗體」、「麵條」、「配料」、「裝飾」。畫布 512×512 px，留 16 px 安全邊距。

碗體質感

碗體用漸層疊加：內側 #FFF8E7（瓷質暖白），外側 #E8DCC8（陰影面）。加內陰影（距離 3px、大小 8px）表現厚度，邊緣 1px 高光線條（白色、不透明度 40%）提升立體感。

湯底與麵條

湯底圖層填 #D4A843（濃郁醬油色），混合模式「正片疊底」不透明度 60%，上層加噪點濾鏡（量值 3%）模擬油花。麵條用彎曲路徑描繪數條主幹，描邊 4px、漸層 #F5E6C8 至 #D4B878，圖層樣式加「斜面與浮雕」內部斜面，大小 3px，營造圓潤條狀感。

配料細節

• 叉燒：橢圓形 + 漸層 #C84A2A 至 #8B2A1A，加剪貼蒙版噴槍噴出脂肪紋理（#E8C8A0）。
• 溏心蛋：半圓形白底（#FFF8F0）+ 橢圓蛋黃（#F5C84A），蛋黃加外發光（顏色 #F5C84A、大小 4px）。
• 蔥花/海苔：小圓矩形綠色（#4A8C2A）/深綠（#1A4A1A），隨機分佈，圖層不透明度 80%。

整體潤飾與匯出

最後在最上層建立曲線調整圖層微增對比，群組加投影（距離 4px、大小 6px、不透明度 25%）。依平台規格匯出 PNG/SVG，完成一枚讓人食指大動的拉麵圖標。