專業 3D 軟體（C4D/Blender/Maya）雖能產出最高質量立體字，但學習門檻高、耗時長。對於平面/網頁設計師，Illustrator 3D 功能 + Photoshop 後製 是性價比最高的輕量級 3D 文字方案。本教學完整呈現從 AI 建模到 PS 材質燈光的商業級工作流。

最終效果預覽

工具準備

• Adobe Illustrator：建議完整版高版本（CS6/CC），精簡版/低版本 3D 渲染品質較差（弧度過渡不細膩、縫隙明顯）
• Adobe Photoshop：版本不限（教學示範 CS5），專注材質、燈光、合成

階段一：Illustrator 3D 建模與結構拆分

1. 文字輸入與基礎設定

新建文件（參數任意，向量無解析度限制）。文字工具輸入內容，選擇 曲度較小字體（過大曲度致 3D 面分割複雜、上色困難），字號調整至滿意大小，填充 亮色（純黑無高光反射，無法預覽 3D 立體感）。

2. 3D 凸出與斜角參數調試

選取文字 → 效果 > 3D > 凸出與斜角：

• 勾選「預覽」與「更多選項」
• 調整：位置/凸出深度/斜角樣式/透視/視角/光源位置/強度/陰影
• 外觀面板可隨時回調參數，無需重做

3. 擴展外觀與圖層結構重組 —— 關鍵步驟

1. 選取文字 → 物件 > 擴展外觀（將 3D 效果展開為向量物件群組）
2. 連續兩次「取消編組」（Shift+Ctrl+G ×2），拆解至單一面片層級
3. Ctrl 點選所有「正面字面」片片 → Ctrl+G 群組命名「前」
4. Ctrl 點選所有「側面/底面」片片 → Ctrl+G 群組命名「後」

分組邏輯：「前」組僅含正面字面，用於 PS 中疊加表面材質高光；「後」組含所有側面底面，用於 PS 中統一處理立體面材質。此結構化分組是後續 PS 高效作業的前提。

階段二：Photoshop 材質燈光合成

4. PSD 導入與圖層就位

開啟 PS 新建文件（參數同 AI）。將 AI 兩群組分別拖入 PS（AI 向量物件拖入 PS 保持智能物件屬性，可無損縮放）。疊加對齊兩群組，調整大小，分別命名「前」「後」。

5. 「前」組表面材質渲染

雙擊「前」圖層開啟圖層樣式：

• 漸變疊加：線性/多色停點（深→亮→深→亮）/角度 90°/混合模式正常/不透明度 100% —— 關鍵：多停點漸變模擬金屬/陶瓷表面隨曲面變化的高光帶，建議 4-6 個停點，過渡色豐富
• 內陰影：混合模式正常/濾色/顏色白/粉色/角度 90°/距離/大小調整 —— 模擬字面邊緣捕捉環境光的高光邊
• 內發光：螢幕/淺色/不透明度/大小調整 —— 增加整體柔和邊緣發光

6. 「後」組立體面材質渲染

雙擊「後」圖層：

• 漸變疊加：調整顏色/角度/混合模式（建議疊上/柔光），賦予側面體積光影
• 圖案疊加：選擇紋理圖案（斜紋/拉絲/碳纖維等），縮放/不透明度調整，增加側面材質細節

7. 高光細節強化

新建圖層「高光」置於「前」上方，填白。鋼筆工具繪製波浪路徑 → 右鍵「建立向量蒙版」。Ctrl 點選「前」縮圖獲取選區，回到「高光」層，蒙版自動限制在文字範圍。調整蒙版密度/羽化，不透明度 60-80%，模式「疊上」/「強光」。

最終成果與工作流總結

AI+PS 協作核心優勢：

• 分工明確：AI 專精幾何建模/拓撲結構，PS 專精像素級材質/燈光/合成
• 向量無損：AI 向量結構拖入 PS 為智能物件，隨時可回 AI 修改結構（字體/厚度/角度）自動更新
• 結構化分組：AI 端預先按「正面/側面」分組，PS 端針對性賦予不同材質邏輯
• 非破壞迭代：智能物件 + 圖層樣式 + 調整圖層，全流程可回溯修改

適用場景：電商促銷標題、節日海報主視覺、品牌 Logo 立體化、UI 圖標 3D 化等中小型 3D 文字需求。