萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

Illustrator 繪製寫實橙子:漸層網格與紋理疊加的水果插畫實戰

觀察真實橙子:關鍵視覺特徵拆解

  • 表皮質感: 密集油囊凹凸、半透明果皮、顏色由頂部黃綠過渡至底部深橙。
  • 光影邏輯: 單一光源(左上)形成明亮高光區、核心陰影、反射光帶、投影。
  • 結構細節: 果蒂凹陷、果皮厚度切面、果肉切面纖維(若切開)。

完整繪製流程

1. 基礎幾何與全域光源

  1. 新建 800×800 px RGB 文件。橢圓工具 (L) 按 Shift 畫 500 px 正圓,作為橙子主體外輪廓。
  2. 設定全域光源:效果 → 文件設置 → 全域光源:135°(左上)、高度 45°。所有後續 3D/斜角/投影效果自動引用。

2. 果皮主體——漸層網格精細著色

  1. 主體圓 → 物件 → 建立漸層網格:列 12、行 12(足夠解析度)。
  2. 直接選取工具 (A) 逐點著色(參考真實橙子照片吸色):
     • 頂部果蒂區:黃綠 #a8c030 → #8ab020
     • 正面受光面:亮橙 #ff8800 → #ffaa00
     • 側面過渡:中橙 #e67300 → #cc5500
     • 背光面:深橙 #b34000 → #8b3000
     • 底部接觸陰影:極暗 #4a1500
  3. 網格線手柄調整:將水平網格線向內彎曲貼合球面透視,垂直網格線隨經線彎曲,使色帶自然環繞球體。

3. 油囊紋理——程序化紋理疊加

  1. 複製主體網格物件 → 置頂 → 清除網格顏色(全設為白)。
  2. 外觀面板添加填色:效果 → 紋理 → 顆粒(強度 40、對比 60、類型「點狀」)。
  3. 混合模式「疊加」、不透明度 12%。即時獲得數千顆微小油囊高光/陰影,且隨主體網格形變而自適應。

4. 果蒂結構——3D 擠出與漸層網格結合

  1. 橢圓工具畫 60×40 px 橢圓(果蒂基座),置於頂部中心凹陷處。
  2. 效果 → 3D → 擠出與斜角:深度 30 pt、斜角「經典」高度 4 pt、表面「塑膠著色」。
  3. 擴展外觀 → 取消編組至單一路徑 → 套用漸層網格(列 4、行 4),手動著色:頂部綠褐 #4a5d23、側面深綠 #2d3a18、底部陰影 #1a2008。

5. 切面展示(可選進階)

  1. 複製主體 → 路徑查找器「分割」配合矩形切出 1/4 切面。
  2. 切面內側:新建漸層網格,著色:果肉艷橙 #ff6600、白色果絲 #fff8f0、薄膜透明感(白 透明度 20%)。
  3. 果瓣邊緣:鋼筆工具勾勒薄膜輪廓,描邊 0.5 pt 白、漸層描邊透明→白→透明。

6. 環境光影與合成

  • 投影:複製主體 → 填黑 → 高斯模糊 15 px → 正片疊底 25% → 垂直壓扁 60%(自由變形),置於底層。
  • 反射光:在背光面下方添加微弱暖色帶(徑向漸層 #ff8800 透明度 0%→10%),模擬地面反射。
  • 背景:淺灰徑向漸層,或置入木紋/石材紋理,增強質感對比。

素材庫化與商業應用

將「橙子主體網格」、「油囊紋理效果」、「果蒂 3D 樣式」分別存為圖形樣式/外觀樣式。新水果(檸檬/葡萄柚/血橙)只需:複製主體 → 修改網格色停點色相(色相偏移 ±30°)→ 調整油囊強度 → 更換果蒂顏色。同套系統可輸出:包裝插畫主視覺、UI 圖示集、動態 SVG(CSS 旋轉光源)、AR 試用素材(USDZ 匯出)。

copyright © 萬盛學電腦網 all rights reserved