本教程將展示如何在 Illustrator 中利用 3D 功能「擠出和斜角」配合「貼圖映射」、外觀面板多層漸變與效果、路徑查找器布爾運算、蒙版去鋸齒等進階技巧，繪製一個擁有三面浮雕字母、材質細膩、光影逼真的立體方塊。適合提升 AI 3D 效果與質感表現綜合能力。

最終效果

24 步精細流程

第一階段：3D 基礎體與字母貼圖（Step 1-5）

1. 新建 700×700px RGB 文檔。輸入三字母（如 A、C、B），字體 Calibri Bold，400pt。對象＞擴展，取消編組。
2. 將三字母分別拖入「符號面板」新建符號，命名 A、C、B。

3. 矩形工具畫 350×350px 正方形，填色 R147,G149,B152（中性灰）。
4. 選中正方形，效果＞3D＞擠出和斜角：位置「等軸測左」，擠出深度 350pt，表面「塑料陰影」，點「更多選項」調整光源位置。

5. 點「貼圖」：表面 1 貼符號 A，表面 5 貼 C，表面 6 貼 B，勾選「陰暗藝術」與「隱藏幾何體」，按比例縮放居中。

第二階段：拆解 3D 對象並構建浮雕側面（Step 6-8）

6. 對象＞擴展外觀。圖層面板 Alt+點擊展開三角，刪除自動生成的多個「剪貼路徑」。

7. Ctrl+Shift+G 連按四次徹底取消編組，重命名各圖層（如 A Side, B Side, C Side, A Top 等）。

8. 偏好設置＞常規＞鍵盤增量 2.5px。復制三字母置底隱藏（備用）。對可見字母：復制粘貼到頂層 (Ctrl+F)，填白，向上移 10px（4 次增量）。同法處理 C、B。

9. 制作浮雕側面（以 A 為例）：開啟智能參考線。鋼筆工具連接底部黑 A 與頂部白 A 對應錨點，畫三個矩形橋接形狀。選中黑 A 與三矩形＞路徑查找器＞聯集。復制白 A 置頂，與聯集形狀同選＞減去頂層。得三個黑色側面條（浮雕厚度）。

10. 同法處理 C、B 字母側面。

第三階段：材質質感與高光細節（Step 9-23）

9. A 面（頂面）質感：填基色 R57,G181,B74。外觀面板添加漸變填色（左 R141,G255,B112 右基色，右滑塊 0% 不透明度）。添加黑色填色 5% 不透明度「正片疊底」。添加效果＞藝術效果＞膠片顆粒（顆粒度/高光區/強度參考圖）。為去鋸齒：復制該圖層置頂填白，雙選＞透明度面板＞「制作蒙版」。添加邊緣高光：鍵盤增量 1px，復制蒙版組上移 1px，減去頂層得細線，填 R141,G198,B63 模式「疊加」，刪除兩端錨點使高光自然收尾。

10. B 面（右側面）質感：同法添加漸變（右滑塊 0% 透明度）、膠片顆粒、蒙版去鋸齒。高光向右下移 1px，色 R209,G211,B212 模式「正片疊底」，刪除對應錨點。

11. C 面（左側面）質感：同法，高光向左下移 1px，色 R130,G231,B232 模式「正片疊底」。

12. 字母投影：顯示步驟 7 隱藏的底部字母副本，下移 1px，填 R0,G104,B56，50% 不透明度「正片疊底」，效果＞模糊＞高斯模糊 1.5px。

13. A 字母側面條著色：填深灰 R40,G40,B40。添加漸變填色（參考圖：多色停點模擬側面受光），保存漸變至色板復用。

14. A 字母頂面質感：填 R65,G64,B66，添加漸變+膠片顆粒+蒙版去鋸齒（同步驟 9）。

15. A 字母頂面高光條：鍵盤增量 0.5px，向上/向左各移 1px 做減去頂層得細線，填 R117,G119,B122。

16. B 字母投影：鍵盤增量 1px，底部副本下移 1px，填 R0,G104,B56，20% 不透明度「正片疊底」，高斯模糊 1.5px。側面條填同色，添加漸變 70% 不透明度。

17. B 字母頂面質感與高光：同法，高光向右下移。

18. C 字母投影、側面、頂面、高光：依序同法，高光向左下移。

第四階段：整體投影收尾（Step 24）

24. 選方塊底面圖層（若刪失可重繪），填 R25,G25,B25，高斯模糊 3.5px。對象＞路徑＞偏移路徑 5px，新路徑填 R35,G31,B32，高斯模糊 20px，置底。雙層投影營造厚重落地感。

核心技巧總結

• 3D 擠出+貼圖映射快速獲得透視正確的立體骨架與字母分佈。
• 擴展外觀後徹底拆組、重命名，是複雜質感分層繪製的前提。
• 「聯集+減去頂層」構建浮雕側面，精確可控。
• 外觀面板疊加「漸變+正片疊底黑色+膠片顆粒」極其高效表現材質。
• 「蒙版去鋸齒」與「鍵盤增量微移做高光條」是精細質感關鍵。
• 雙層不同模糊半徑投影疊加，立體感倍增。