萬盛學電腦網

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

PS 繪製 3D 風格圖標:草圖透視→單色分面→光源統一→質感收尾

一篇輕量級 3D 圖標繪製分享,作者以「非 GUI 設計師、純玩票」心態記錄嘗試過程。教程展示了 3D 圖標最核心的製作邏輯:草圖解決透視 → 參考線固定空間 → 單色分面填充 → 定義光源 → 依光源處理明暗/投影/倒影 → 背景氛圍。適合想快速理解 3D 圖標構建邏輯、不想陷入複雜 3D 軟體的 2D 設計師。

核心流程 6 步

  1. 草圖:透視關係定生死
    手繪/鼠繪草圖,核心任務搞定透視關係 — 這是成品不變形的保證。
  2. 參考線系統
    草圖上疊加完整透視參考線(消失點/地平線/垂直線),所有後續造型貼合參考線。
  3. 基礎造型單色填充
    每個面用單一顏色填滿,不加明暗,只分面 — 建立「幾何體結構」。
  4. 續單色填充細分面
    將大面細分為更小的結構面,各填單色。
  5. 定義光源 → 明暗/投影/倒影
    光源設定:常規右上角。
    依光源為每個面分配:高光面(亮)、側光面(中)、陰面(暗) → 投影落地 → 倒影鏡面 → 背景加入。
  6. 完成
    最終效果展示。

單色填充原則說明

  • 同一平面內顏色統一,不畫漸變。
  • 不同平面顏色區分明顯(色相/明度/飽和度至少一項差異)。
  • 顏色選取參考真實材質本色,而非光照後的顏色。
  • 此階段只做「結構分色」,為後續光照渲染建立乾淨遮罩基礎。

3D 圖標 2D 模擬核心心法

  1. 透視在草圖解決:PS 沒有真 3D 相機,透視必須靠 2D 邏輯在草圖階段錘死。
  2. 參考線是尺子:全程吸附參考線,保證空間一致性。
  3. 分面即分層:每個面獨立圖層/組,光照渲染時才能精準控制。
  4. 光源唯一且固定:全圖只有一個主光源,所有明暗/投影/倒影/高光推演自此而來。
  5. 單色分面是遮罩:不帶光照信息的純色面,是後續所有光影圖層的剪貼蒙版基礎。
  6. 投影/倒影是接地氣關鍵:無投影即漂浮,無倒影即無材質 — 即使簡略也要有。
copyright © 萬盛學電腦網 all rights reserved