許多設計師以為 3D 立體字需借助 C4D、Blender 等 3D 軟體,實則 Illustrator 內建的 「3D > 凸出與斜角」 效果即能快速產出極具質感的立體字體,且保持向量可編輯特性。本文以 Illustrator CS5 為例(新版操作邏輯一致),詳細拆解從建檔到最終調色的完整流程。
成果預覽
完整操作流程
1. 建立文件與輸入文字
- 檔案 > 新增(Ctrl/Cmd + N),命名「3D效果」,設定適當畫布尺寸(如 1920×1080 px),色彩模式選 RGB。
- 選取 文字工具 (T) 點擊畫布輸入文字(範例:「百度經驗」)。
- 設定字體:微軟正黑體(或任意粗體無襯線字體),字號視畫布大小調整(範例約 120 pt),填色設為 純黑 (K=100)。
2. 文字轉曲(關鍵步驟)
選取文字物件,按 Ctrl/Cmd + Shift + O(或「字型 > 建立外框」),將文字轉為不可編輯的向量路徑。此步驟必須完成,3D 效果才能套用於字形輪廓。
3. 套用 3D 凸出與斜角效果
- 選取轉曲後的字形群組,執行 「效果 > 3D > 凸出與斜角」。
- 在對話框中勾選 「預覽」,核心參數建議起始值:
- 位置:等角投影 - 上方 / 自訂旋轉 X/Y/Z 軸(範例:X: -18°, Y: -26°, Z: 8°)
- 透視:50°~80°(視覺張力)
- 凸出深度:50~100 pt(視字體粗細調整)
- 斜角:經典 / 複雜斜角樣式
- 表面:塑膠陰影 / 擴散陰影
參數無絕對標準,請配合預覽即時調整至滿意視覺比例。
4. 解決「全黑無立體感」的關鍵:調色
套用效果後字體常呈現一團黑,原因在於 原始填色為純黑 (K=100),導致 3D 陰影、高光層疊後全成黑塊。解決方法:
- 選取套用 3D 效果的物件(外觀面板中可見)。
- 開啟 「色彩」面板 或 「色票」面板,直接套用 非黑色的填色(如亮藍、橙紅、漸層色等)。
- 立體面的高光、側面、陰影會依據新填色自動演算,立體感瞬間呈現。
5. 進階優化建議
- 多重填色:在「外觀面板」為同一物件添加多個填色層級,搭配不透明度/混合模式,模擬多材質表面。
- 映射貼圖:在 3D 對話框點擊「映射」,可將符號/圖案貼於特定立體面,製作磚紋、金屬拉絲等質感。
- 擴展外觀:最終確定後執行「物件 > 擴展外觀」將效果轉為純向量路徑,利於後續精細微調或匯出 SVG。
總結
Illustrator 3D 凸出與斜角是「隱藏神技」:文字轉曲 > 套用 3D > 關鍵調色(拒絕純黑)> 外觀面板精修。掌握此流程,無需開啟 3D 軟體即可在向量環境高產出專業級立體字體,極適合海報標題、Logo 變體、UI 圖示快速產出。