將 2D 文字轉化為擁有真實光影、材質質感、空間透視的 3D 立體字。本教學採用Illustrator 3D 擠壓建模 + Photoshop 光影繪製的黃金雙軟協作流程：AI 負責精確幾何構建，PS 負責材質光影藝術化表現。掌握此流程，可制作電影級標題、Logo 動態、包裝字體等高端視覺輸出。

成品效果

右下角光源照射，字體立體厚實，表面高光/陰影/折射真實，投影透視正確，木質背景氛圍濃郁。

階段一：Illustrator 精確 3D 建模

步驟 1：建立矢量文字/Logo

• 新建 5×5 英吋文檔
• 輸入文字或繪製 Logo，**必須使用非黑白灰顏色**(如紅/藍/綠) → 以便後期從物體提取陰影顏色

步驟 2：3D 擠壓與斜角

• 效果 → 3D → 擠壓和斜角
• 關鍵參數調整：

參數	建議值	影響
位置/旋轉	自定義旋轉 X/Y/Z 軸	決定觀看角度，追求有趣透視
擠壓深度	50-100 pt	字體厚度，視字體粗細調整
斜角	經典/圓潤/階梯	邊緣倒角樣式，影響高光捕捉
高度	5-15 pt	斜角高度
光源位置	拖動光源球體	**關鍵**：調整至最大對比度，產生明顯明暗面，利於 PS 後期提取
環境光	30-50%	避免陰影過死黑

步驟 3：複製貼入 Photoshop

• AI 中 Ctrl+C 複製 3D 文字
• PS 新建 1680×1050px 文檔，Ctrl+V 貼上 → 選「智能物件」或「像素圖層」
• 自由變換(Ctrl+T)拉伸填滿畫布，矢量特性保證無損
• 雙擊/按 Enter 確認 → 光柵化為像素圖層，命名「3D 文字」

階段二：Photoshop 光影材質藝術化

步驟 4：木質背景構建

1. 隱藏「3D 文字」圖層
2. 置入木質紋理圖片，自由變換適配畫布
3. 深褐色畫筆，橢圓選框(羽化 100px)畫大圓居中
4. Ctrl+Shift+I 反選，Alt+Delete 填充前景色 → 邊緣暗角
5. 圖層模式 → 疊加

步驟 5：光源暈染——右下角光源系統

1. 新建圖層，橢圓選框(羽化 100px)右下角畫圓
2. 黃橙色(#FFA500)填充，模式 疊加
3. Ctrl+T 拉伸填滿右下區域，Alt+Shift 拖動保持右下角錨點
4. 新建圖層，右下角徑向漸變(黃→透明)，模式 疊加
5. Ctrl+J 複製 2 次疊加增亮 → 右下角強光源完成

步驟 6：文字表面高光繪製

1. 顯示「3D 文字」圖層
2. 魔棒工具(容差 12)點擊文字**正面表面** → Ctrl+J 複製得「文字表面」圖層
3. 新建圖層，Ctrl+點擊「文字表面」載入選區
4. 漸變工具：右下角→左上角拖動黃色漸變(#FFD700 類似)，模式 疊加
5. 新建圖層，同選區，白色小漸變(高光核心)，模式 疊加

步驟 7：文字側面陰影繪製

1. 魔棒選取文字**側面(內側/厚度面)**
2. Ctrl+M 曲線：向下彎曲壓暗中間調/高光 → 側面受光少，天然陰暗

步驟 8：文字側面陰影/反光細節

1. 新建圖層，載入側面選區
2. 深棕紅色，從對側拖動小漸變，模式 正片疊底 → 側面陰影深化

步驟 9：投影構建——幾何透視精確化

1. 右下角建立兩條直線定義光線路徑(光源點 → 文字頂點/底點延伸)
2. 多邊形套索工具按光線包絡線切出投影形狀
3. 黑色填充，圖層置於「3D 文字」下方
4. 添加圖層蒙版，黑色畫筆漸變羽化投影邊緣(近實遠虛)
5. 高斯模糊 5-15px 視距離調整

步驟 10：材質紋理植入——破解「塑膠感」

1. 置入膠卷/紙張/金屬/石材等紋理素材
2. 調整大小/透視匹配文字表面角度
3. Ctrl+點擊「文字表面」載入選區 → Ctrl+Shift+I 反選 → 刪除多餘紋理
4. 圖層模式：疊加/柔光/強光，不透明度 20-40%

步驟 11：斜面邊緣銳化——最後細節

• 筆工具勾勒字體頂部斜面邊緣路徑
• 描邊路徑(白色、1-2px、模擬壓力) → 模式「正常」/不透明度 80%
• 模擬光線掠過銳利邊緣的高光線

最終成品

擁有真實材質、準確光影、正確透視、豐富層次的 3D 立體字藝術字。

工作流核心優勢

階段	軟體	核心價值	不可替代性
幾何建模	Illustrator	精確矢量 3D、參數化修改、透視數學正確	PS 3D 功能弱/已棄用、手繪透視極難精確
光影材質	Photoshop	像素級光影繪製、濾鏡/混合模式/蒙版/筆刷豐富	AI 光影渲染死板、無手繪藝術控制力
協作橋樑	智能物件/複製貼上	無損傳遞、可回溯修改 AI 參數	扁平化導出失去編輯性

進階拓展方向

• 動畫輸出：PS 幀動畫/After Effects 導入分層 PSD → 光源移動/文字旋轉/材質變化動畫
• 多光源系統：主光/補光/輪廓光/環境光多層疊加，電影級布光
• PBR 材質流程：導出法線圖/粗糙度圖/金屬度圖 → 3D 軟體真實渲染
• 可變字體：配合 Variable Fonts 實現字重/寬度/斜角實時互動調整

避坑指南

• ❌ AI 3D 光源設置平淡 → PS 很難補救立體感 → AI 階段必須製造強明暗對比
• ❌ PS 直接用 3D 功能(已棄用/極其難用) → 放棄，擁抱 AI+PS 雙軟流程
• ❌ 投影形狀憑感覺畫 → 必須幾何構建光線包絡線
• ❌ 忽略材質紋理 → 永遠像塑膠/金屬漆 → 紋理疊加是質感靈魂
• ✅ 保留 AI 源文件、PS 分層 PSD、導出 PNG 透明底三版本
• ✅ 命名規範：3D文字_正面、3D文字_側面、光源_主、光源_暈染、投影_主、紋理_表面