想練習鼠繪寫實質感又不想畫得太累?這枚創意橙子 APP 圖標是完美切入點:造型辨識度高、材質豐富(果皮凹凸、果肉透光、水珠倒影),卻能用濾鏡+圖層樣式+基礎筆刷在較短時間內完成。適合 UI 設計師、插畫入門者強化「寫實圖標」基本功。
成品亮點
- 整體造型:橙子剖面 + 完整果實雙視角,構圖飽滿
- 果皮質感:雲紋濾鏡 + 顏色燈光模擬油囊凹凸
- 果肉透光:漸變疊加 + 內發光表現半透明汁囊
- 水珠細節:橢圓形狀 + 斜面浮雕 + 高光,單圖層樣式搞定
- 配色:暖橙主色調 + 互補青綠葉片點綴,視覺衝擊力強
核心製作流程
1. 基礎形狀(矢量路徑)
- 橢圓工具畫主體,路徑面板複製路徑縮放構成剖面環
- 筆刷工具勾勒不規則果皮邊緣,轉選區填充基礎橙色
2. 果皮質感(關鍵步驟)
- 新建圖層填 50% 灰 → 濾鏡 > 花紋 > 雲紋
- 濾鏡 > 風格化 > 浮雕(角度 135°,高度 3,數量 100%)
- 圖層混合模式改疊加,不透明度 50% 左右
- 加圖層蒙版,黑筆刷擦除非果皮區域
- 再疊加一層色彩平衡(中間調:紅 +15,黃 +10)統一膚色
3. 果肉與汁囊
- 用橢圓工具畫規則排列的小圓(汁囊)
- 群組後添加漸變疊加(徑向,中心亮橙 #ff9900 → 邊緣深橙 #cc6600)
- 內發光:顏色 #ffcc00,混合模式螢幕,大小 5px,噪點 10%
- 整群組剪貼蒙版到剖面環形狀
4. 水珠(單圖層樣式法)
斜面與浮雕:內部凹陷,平滑,深度 200%,方向 上,大小 5px,軟化 3px
高光模式:螢幕 #ffffff 40%
陰影模式:正片疊底 #331a00 30%
內陰影:距離 2px,大小 3px,噪點 5%
投影:距離 3px,大小 4px,不透明度 20%
複製變換分佈在果皮表面,瞬間批量產出寫實水珠。
5. 葉柄與環境光
- 筆刷手繪葉片,圖層樣式同果皮邏輯
- 新建圖層,大軟筆刷掃一筆暖光(柔光模式),一筆冷光(疊加模式),模擬環境反射
6. 導出規範
- 畫布 1024×1024 px,導出 @1x/@2x/@3x PNG
- 檢查小尺寸下辨識度,必要時簡化細節



舉一反三:同套邏輯可做的水果圖標
| 水果 | 關鍵質感差異 |
| 蘋果 | 高光銳利、果皮光滑、漸變紅綠過渡 |
| 西瓜 | 綠皮條紋(路徑描邊)、紅肉黑籽、水光強 |
| 奇異果 | 褐毛皮(雜色+動感模糊)、綠肉白心黑籽放射狀 |
| 草莓 | 凹陷種子(斜面浮雕內凹)、紅澤高光、綠萼 |
動手繪一枚屬於你的「水果圖標系列」吧!掌握濾鏡製紋理 + 樣式疊加材質 + 矢量控形狀這套組合拳,寫實圖標不再是夢。