教學定位與跨軟體優勢

本教學展示 Illustrator 向量精確建模 + Photoshop 材質渲染的專業跨軟體工作流。AI 負責：流暢連寫字體構建、路徑布爾運算、3D 擠出生成基礎立體面；PS 負責：材質光影精修、色彩渲染、倒影與氛圍營造。熟練 PS 用戶亦可全程在 PS 完成，但 AI 在路徑編輯與 3D 基礎生成上效率更高。

最終效果預覽

階段一：Illustrator 向量建模與 3D 生成

步驟 1-3：文字輸入、擴展與路徑合併

1. AI 新建 RGB 文件 1000×800 px，72 DPI。文字工具輸入文字，字體 Marketing Script，234 pt
2. 選擇文字，對象 > 擴展，文字轉為可編輯路徑
3. 路徑查找器面板，點擊「聯集」將所有字母合併為單一複合路徑

步驟 4-11：裝飾曲線繪製、節點精修與 3D 擠出

1. 顏色改淺灰，鋼筆工具在 "s" 末尾勾繪裝飾曲線，描邊 12pt
2. 複製曲線圖層，隱藏備用。直接選取工具刪除右下兩節點，命名 "swirl 1"
3. 顯示備用層，重命名 "swirl 2"，刪除交叉節點（避免 3D 擠出時穿透，保留前後層關係）
4. 顯示所有層，選中兩曲線層，對象 > 擴展外觀。放大微調節點銜接細節
5. 曲線末尾添加兩節點，輕微上移右移，轉換錨點工具 (Shift+C) 調整為圓角
6. 調整曲線與文字連接區域使銜接平滑
7. 統一所有形狀填充中性灰，選中所有對象，效果 > 3D > 擠出與斜角
8. 對象 > 擴展外觀，將 3D 效果展開為可編輯向量面

步驟 12-18：圖層分離與 PSD 導出

1. 隱藏曲線層，僅留文字層。取消編組（兩次），隱藏正面圖形，路徑查找器「聯集」合併 3D 側面，命名 "3d 1"
2. 對兩曲線層重複操作，得 "3d 2"、"3d 3"
3. 現有 6 圖層："text"、"3d 1"、"swirl 1"、"3d 2"、"swirl 2"、"3d 3"
4. 放大微調所有節點確保無縫銜接
5. 檔案 > 匯出 > Photoshop (PSD) 格式，保留圖層

階段二：Photoshop 材質渲染與合成

步驟 19-22：PS 文件整理與基礎佈局

1. PS 開啟 PSD，畫布擴大至 3000×2000 px，Ctrl+T 調整大小
2. 圖層重命名與編組："1" 組含 "base 1"+"3d 1"，"2" 組含 "base 2"+"3d 2"，"3" 組含 "base 3"+"3d 3"
3. "3" 組下方新建 "bg" 層填白，上方新建 "bg2" 層，前景色 #767676，前景到透明漸層從頂部拉至中間，不透明度 30%

後續渲染邏輯（教學未完整展示，核心方向）

• 各 "base" 面：根據光源設置漸層/高光/陰影，建立水晶/玻璃質感
• 各 "3d" 側面：較深色調，添加環境反射光
• 曲線 "swirl" 面：強化邊緣高光，表現彎曲面折射
• 整體：添加倒影、環境光、粒子裝飾、色彩分級

工作流價值總結

AI 的「路徑布爾運算 + 3D 擠出自動生成側面」解決了 PS 中手工繪製 3D 側面的繁瑣與透視不準問題。PS 的「圖層樣式 + 手繪修飾 + 調整圖層」解決了 AI 材質表現力弱的問題。雙軟體各司其職，是專業 3D 字效設計的標準化流程。