膠囊風格角色以簡潔幾何形狀、豐富層次材質著稱。本教程展示「AI 負責精準向量結構，PS 負責材質光影氛圍」的專業跨軟體工作流：AI 中以圓角矩形、矩形、鋼筆、橢圓、混合、路徑尋找器構建全身骨架與各部件向量結構；匯入 PS 以智能物件保持向量可編輯性，運用圖層樣式（漸層疊加、斜面與浮雕、投影、光暈）賦予塑膠/金屬/布料質感，最終合成高質感角色插畫。

Illustrator 階段：向量骨架構建

文檔設定

新建 800×600px，RGB。

核心部件構建邏輯

1. 身體：圓角矩形工具，按 ↑/↓ 調整圓角至半圓狀。
2. 上半身/下半身分離：複製身體，矩形遮罩 + 路徑尋找器「減去頂層」得上半身；另一矩形 +「效果 > 扭曲與變形 > 膨脹」彎曲 -11% → 擴展外觀 → 直接選取微調錨點得下半身。
3. 方形領口：矩形工具按 Shift 畫正方形，直接選取轉換底部兩點為圓角，調整手柄。
4. 背帶：矩形 +「效果 > 扭曲與變形 > 拱形」垂直 11%、垂直扭曲 20% → 擴展外觀 → 直接選取圓潤左上角。橢圓做扣環，鏡像複製右側。
5. 手臂/手：鋼筆繪製手臂形狀，鏡像複製。手部鋼筆繪製，複製鏡像（注意：描邊路徑勿擴展，保持可編輯）。
6. 鞋子：鋼筆繪製一側，鏡像複製，微調差異。
7. 嘴巴：鋼筆自由繪製，向量可隨時微調表情。
8. 眼鏡：橢圓畫圓 → 複製縮小 → 兩圓「減去頂層」得鏡框。小圓 +「效果 > 扭曲與變換 > 變換」複製 10 個、水平 41pt、旋轉 33° → 鏡腿鉸鏈細節。
9. 眼鏡帶：矩形 + 添加錨點彎曲，鏡像合併。第二段：兩矩形 + 圓角矩形合併。
10. 眼睛：橢圓壓扁（Alt 鏡像雙向），置入鏡框內。

Photoshop 階段：材質與光影賦予

文檔設定

1200×1200px、300dpi、RGB。

調色盤

預定義色票：身體 #F6DA6E/#9A701B、手臂/手 #F7C46C/#C4963A、鞋 #8B4513/#4A230A、眼鏡 #333333/#FFFFFF 等。

智能物件導入流程

1. AI 中選中整個骨架，描邊/填色互換（工具欄雙箭頭），復制。
2. PS 中「編輯 > 貼上」選「智能物件」。
3. 圖層命名「Skeleton」，不透明度 60%，作為參考基準。

分部件導入與圖層樣式

每個部件在 AI 獨立複製（記得描邊/填色互換），貼入 PS 為智能物件，獨立圖層命名，添加圖層樣式：

• 身體：漸層疊加（線性，#F6DA6E→#9A701B）。
• 左手臂：漸層疊加 + 內發光/投影；複製圖層 Ctrl+J → Ctrl+T 水平翻轉 → 調整漸層角度 → 置於正確位置。所有鏡像部件必須同步調整圖層樣式角度。
• 手：斜面與浮雕（內部凹陷）+ 漸層疊加 + 投影，營造立體手掌感。
• 鞋子：皮革質感漸層 + 內陰影 + 投影。
• 背帶/扣環：金屬漸層 + 斜面與浮雕。
• 眼鏡框：黑色填色 + 內陰影 + 斜面與浮雕（外部凸起）。
• 眼鏡片：藍色漸層疊加 + 降低填充 0% + 描邊內發光，模擬鍍膜。
• 眼睛：白色基底 + 瞳孔漸層 + 高光點。

工作流核心優勢

1. 向量結構永不失真：AI 修改錨點 → 智能物件自動更新 → PS 圖層樣式自動套用新形狀。
2. 材質參數集中管理：圖層樣式可存為預設，同類部件一鍵套用。
3. 非破壞調色：調整圖層（曲線、色相/飽和度）置於群組頂端，隨時調整整體色調。
4. 動畫就緒：各部件獨立圖層/群組，可直接進 After Effects 做骨骼動畫。

結語

「AI 做結構，PS 做質感」是商業插畫、遊戲美術、動畫前期設計的標準化管線。掌握智能物件雙向編輯特性，能讓你在保持向量精度的同時，享受光柵軟體豐富的材質表現力。膠囊角色只是起點，同樣流程可擴展至機甲、車輛、建築等硬表面設計。