第 2 章 角色設計與 3D 建模基礎

# 第 2 章 角色設計與 3D 建模基礎 > **本章目標**：從概念、視覺語言到實作工具，提供一套「從概念圖到可即時渲染模型」的完整工作流程，讓讀者能在 2–4 週內製作出具備基礎綁定與表情驅動的虛擬偶像模型。 --- ## 2.1 角色概念發想與設計原則 | 項目 | 說明 | 常見案例 | |------|------|----------| | **定位** | 先確定角色的市場定位（例：日系萌系、華語可愛風、全球潮流） | 角色「星瀾·曦夢」定位為 16 歲的未來都市少女，適合 B‑RPG、歌舞直播平台。 | | **人格特質** | 角色的核心性格（活潑、神祕、冷靜）會影響姿勢、眼神、服裝設計。 | 「曦夢」‑ 好奇心旺盛、略帶科技感。 | | **視覺語言** | 色調、形狀語彙、圖騰符號。建議使用 **3‑5 個主色**＋**1‑2 個輔色**，並在服裝或髮飾上加入 **品牌 Logo** 或 **象徵圖案**。 | 主色：#FF5E8A（櫻粉）<br>輔色：#1A1F71（深藍）<br>圖騰：星辰與光環。 | | **可製作性** | 考量模型多邊形上限、材質數量與布料模擬成本。 | 初期 MVP 建議 < 30k 面，材質 ≤ 4 貼圖。 | ### 2.1.1 概念草圖工作流程 1. **關鍵字發散**：使用 Mind‑Map 或 ChatGPT 產出 20+ 關鍵字（如 "未來都市"、"光子髮飾"）。 2. **速寫 3‑5 種姿勢**：每種姿勢都要呈現不同情緒（開心、驚訝、沉思）。 3. **色塊填充**：先選定配色方案，再檢視在不同背景（深、淺）下的可讀性。 4. **評估可製作性**：將設計稿標註 **高細節區**（例如金屬飾品）與 **低細節區**（如長裙底部），以便後續建模優化。 5. **內部評審**：以 1‑2 分鐘 Pitch 形式說服團隊，並取得 **IP 版權主管** 的概念同意。 --- ## 2.2 3D 建模工具概述 | 工具 | 優勢 | 劣勢 | 常見用途 | |------|------|------|----------| | **Blender** | 完全免費、社群資源豐富、內建渲染器 (Cycles/Eevee) | UI 需要適應、部分大型工作室仍偏好商業軟體 | MVP、Indie、快速原型 | | **Autodesk Maya** | 行業標準、強大骨架與動畫工具、插件生態 | 授權費高 (學生版除外) | 大型製作、電影級動畫 | | **ZBrush** | 高細節雕刻、自由筆刷 | 不適合硬表面建模、需搭配其他軟體完成拓撲 | 細節雕刻、角色面部 | | **3ds Max** | 建築與硬表面建模較強、RenderMan 整合好 | Windows 限制、學習曲線較陡 | 道具、場景 | > **小提醒**：對於初創團隊，**Blender + Mixamo**（自動綁定）已足以完成 90% 的 MVP 需求。 --- ## 2.3 步驟化建模流程（以 Blender 為例） ### 2.3.1 前置作業：資源管理 ```text 📁 ProjectRoot/ ├─ 01_Concept/ # 概念稿、配色板 ├─ 02_Modeling/ # .blend 檔案、外部模型 ├─ 03_Textures/ # UV、貼圖 (PNG/TGA) ├─ 04_Rigging/ # 骨架、權重檔 ├─ 05_Export/ # FBX、GLB、USDZ └─ 06_Doc/ # 版本紀錄、測試報告 ``` ### 2.3.2 基礎拓撲（Low‑Poly） 1. **設定單位**：`Scene → Units → Metric → 0.01m`（符合 Unity/Unreal 座標）。 2. **建立參考圖**：`Add → Image → Reference`，放入正面、側面概念圖。 3. **使用 Box Modeling**：從 `Shift+A → Mesh → Cube` 開始，逐步細分 (`Ctrl+R`)。 4. **保持四邊形**：盡量避免三角形，日後細分與綁定更穩定。 5. **鏡像**：`Modifier → Mirror`，確保模型對稱。 ### 2.3.3 高細節雕刻（Optional） * 若需要臉部微表情，可在 ZBrush 中完成細節雕刻，完成後使用 **Retopo** 工具重新製作低多邊形拓撲，再匯回 Blender 作 UV 與貼圖。 ### 2.3.4 UV 展開與貼圖 | 步驟 | 操作說明 | |------|----------| | **UV Unwrap** | `Ctrl+U` → `Smart UV Project`（快速）或手動 `Mark Seam` → `Unwrap`（精細）。 | | **Texture Size** | 2K (2048×2048) 為起始，根據平台需求調整至 4K。 | | **貼圖通道** | Albedo、Normal、Roughness、Metallic、AO（可合併 AO+Roughness）。 | | **Bake** | `Render → Bake → Diffuse/Normal`，生成貼圖以加速即時渲染。 | > **實務小技巧**：使用 **Substance Painter** 或 **ArmorPaint** 直接在模型上繪製，能即時預覽 PBR 效果。 ### 2.3.5 骨架綁定（Rigging） 1. **建立骨架**：`Add → Armature → Single Bone`，在 **Object Mode** 內使用 **Extrude** 生成全身骨骼（Root → Pelvis → Spine → Chest → Neck → Head）。 2. **IK 設定**：在腳、手加入 **Inverse Kinematics** 控制器，便於後續動畫製作。 3. **自動綁定**：`Object → Parent → With Automatic Weights`（簡易）或使用 **Mixamo** 匯入自動權重，再於 Blender 微調。 4. **權重繪製**：`Weight Paint` 模式下調整 `Weight`，確保關節變形平滑。 5. **表情驅動**：利用 **Shape Keys**（Blend Shapes）建立 **嘴型、眉毛、眼球** 等基本表情，使用 **Drivers** 連結至骨骼或自訂控制器。 ### 2.3.6 渲染與輸出 | 平台 | 建議格式 | 備註 | |------|----------|------| | **Unity** | FBX (v7.4) + 1 套 **Material** JSON | 包含 **Animator** 控制器 | | **Unreal** | FBX + **UE Material** | 支援 **Live Link** 實時驅動 | | **WebGL / Three.js** | GLB / GLTF | 需合併貼圖於 **Base Color** | ```bash # 示例指令：使用 Blender CLI 批次匯出 GLB blender -b star_dream.blend -P export_glb.py -- \ --output ./06_Export/star_dream.glb ``` --- ## 2.4 實作案例：星瀾·曦夢（示範模型） | 步驟 | 內容 | 成果 | |------|------|------| | 1️⃣ 概念草圖 | 以「未來都市」為主題、主色櫻粉、輔色深藍、光環髮飾。 | 完成 3 張全身、3 張臉部特寫。 | | 2️⃣ 低模建模 | 使用 Box Modeling，最終 24k 面，保持四邊形。 | `.blend` 檔案 120 MB。 | | 3️⃣ UV 與貼圖 | Albedo 2K、Normal 2K、Roughness 2K、AO 1K。 | 4 套貼圖，總容量 40 MB。 | | 4️⃣ 骨架與表情 | 30 個骨骼、IK 手腳、5 個 Shape Keys（笑、驚、皺眉、眨眼、張嘴）。 | 可在 Unity 中直接驅動。 | | 5️⃣ 渲染測試 | 使用 Eevee 即時渲染，帧率 60 FPS。 | 在 PC 端實時直播測試成功。 | > **關鍵學習點**： > - 低多邊形加上高品質 PBR 貼圖，可在即時渲染環境中保持視覺完整度。<br> - 先行規劃 **Shape Keys**，在後期表情 AI 驅動時減少手動調整成本。 --- ## 2.5 常見問題與最佳化技巧 | 問題 | 解決方案 | |------|----------| | **模型在 Unity 中變形失真** | 確認 **Export → Apply Modifiers** 已勾選，並在 FBX 匯出時保留 **Normals & Tangents**。 | | **貼圖在手機上顯示過暗** | 調整 **Albedo** 的 **Gamma** → **Linear**，或在材質中加 **HDRI** 環境光。 | | **動畫卡頓** | 減少 **Blend Shape** 數量，或使用 **GPU Skinning**（Unity → Project Settings → Player → GPU Skinning）。 | | **骨骼權重不均** | 使用 **Weight Paint → Normalize All**，並在 **Vertex Groups** 中檢查是否有孤立點。 | ### 2.5.1 效能預算表（建議上限） | 類別 | 上限（建議） | |------|---------------| | 多邊形 | ≤ 30k (VRChat、VTuber) | | 材質貼圖 | ≤ 4 種 (Base、Normal、Rough、AO) | | 骨骼數 | ≤ 40 | | Blend Shape | ≤ 8 | --- ## 2.6 資源與參考 - **官方文件**： - Blender Manual – Modeling & Rigging https://docs.blender.org/manual/en/latest/ - Autodesk Maya Documentation https://knowledge.autodesk.com/support/maya - **線上教學**： - CG Cookie – Blender Character Modeling (付費) - Udemy – Maya for Game Character (優惠課程) - **社群與工具**： - Mixamo Auto‑Rig (免費) https://www.mixamo.com/ - Poly Haven – 免費 PBR 素材 https://polyhaven.com/ - BlenderKit – 樣本模型與貼圖 https://www.blenderkit.com/ - **程式腳本範例**： - `export_glb.py`（批次匯出 GLB） - `auto_rig.py`（自動生成簡易骨架） --- ## 2.7 小結與行動清單 1. **完成概念稿**：確定定位、配色與可製作性。 2. **建立專案檔案結構**，並在 Git 版控中保留每階段快照。 3. **在 Blender 中完成低模建模**，確保四邊形佈局合理。 4. **UV 展開 & PBR 貼圖**，結合 Substance Painter 加速流程。 5. **Rig & Shape Keys**，建立完整的動作與表情控制。 6. **匯出測試**：先在 Unity/Unreal 中導入，檢查變形、貼圖與動畫。 7. **效能驗證**：在目標平台（PC、手機、Web）測試 30 FPS 以上。 8. **文件化**：保存模型規格表、貼圖清單與綁定說明，作為後續團隊協作基礎。 > **下一章預告**：第 3 章將帶您深入 AI 驅動的表情與動作，說明如何利用 Deep Learning 產生即時嘴型、眼神同步與自然舞蹈動作，使您的虛擬偶像在直播中更加栩栩如生。