想在平面設計中創造極具衝擊力的 3D 立體文字嗎？本教學翻譯自 Dewald Hein（websbook.com），展示如何純用 Photoshop 2D 工具——文字轉形狀、透視變形、圖層樣式、圖層疊加位移、陰影發光細節——無需 3D 功能，即可繪製出擁有真實體積感、材質光澤、空間深度的 3D 藝術字。流程簡潔高效，是掌握「偽 3D」技巧的經典入門案例。

成品預覽

最終成品：粗黑體字體，透視變形呈現「近大遠小」立體感，字體表面具金屬/塑膠質感漸變，字體側面（厚度）由多層疊加形成，頂面高光銳利，底部投影接地，整體極具體積重量感。

詳細製作流程

步驟 1：建立基礎文字與向量化

1. 新建文件 200 × 200 像素（練習用小尺寸，實際專案依需求放大）。
2. 選取 文字工具 (T)，輸入所需文字（如 "3D"），設定字體（粗黑體系）、大小、顏色（任意，後續被圖層樣式覆蓋）。
3. 關鍵：文字轉形狀 — 圖層面板右鍵文字圖層 → 轉換為形狀。文字變為向量形狀圖層，可進行非破壞變形。

步驟 2：透視變形 —— 建立空間透視感

1. 確認形狀路徑處於選中狀態（路徑面板顯示工作路徑）。
2. 執行 編輯 > 變換路徑 > 透視。
3. 拖動底部兩側控制點向外擴展，頂部兩側向內收縮，製造「近大遠小」透視效果（參考圖示紅框區域操作）。
4. 確認變形，文字現具備基礎 3D 透視骨架。

步驟 3：圖層樣式賦予材質與面光影

1. 雙擊形狀圖層開啟圖層樣式，依序設定：
   漸變疊加：線性漸變，角度 90°，顏色從深到淺（如深灰→亮銀→白→淺灰），模擬曲面反射光帶。
   斜面與浮雕：風格「外斜面」、技術「平滑」、深度 100%~150%、方向「上」、大小 3~5 px、柔化 0、高光模式「螢幕」白色 75%、陰影模式「正片疊底」黑色 50%。
   內陰影：增加頂部邊緣陰影深度。
   外發光：微弱邊緣光暈融合背景。
2. 此步完成後，單層即呈現強烈「偽 3D」面光影效果（見圖）。

步驟 4：圖層疊加位移 —— 構建真實厚度（側面）

1. 複製當前圖層 Ctrl+J，將副本向 上移動 1 像素（↑ 方向鍵）。
2. 重複「複製 → 上移 1 px」動作 15~25 次（視所需厚度），每層代表 1 px 厚度。
3. 將所有副本圖層合併（Ctrl+E）為單一「側面厚度圖層」，置於原文字圖層下方。
4. 此技術利用「像素位移疊加」模擬 Z 軸厚度，是 PS 2D 偽 3D 核心技法。

步驟 5：頂面圖層精修 —— 高光與發光細節

1. 最頂層文字圖層（原始樣式層）添加圖層樣式：
   投影：距離 0、大小 3、不透明度 50%、顏色深灰，模擬頂面邊緣陰影。
   外發光：螢幕模式、淡黃色、大小 5 px，增強頂面發光邊緣。
   內發光：可選，增強頂面邊緣內側高光。

步驟 7：底面/側面圖層投影 —— 落地接地氣

1. 最底層的「側面厚度圖層」添加 投影：
   距離 5~8 px、大小 8~12 px、不透明度 40%~60%、角度 90°（正上方光源）。
   此投影連接字體底部與地面，完成空間定位。

核心技法原理解析

「偽 3D」三大支柱

1. 透視變形：在 XY 平面製造 Z 軸深度錯覺（近大遠小）。
2. 圖層樣式光影模擬：用漸變、斜面浮雕、內/外發光在 2D 平面計算出 3D 光照模型近似效果。
3. 像素疊加位移：將「厚度」離散化為 N 個 1px 位移疊加層，將 2D 形狀擠壓成 3D 體積。

為什麼不直接用 PS 3D 功能？

• ✅ 輕量快速：無需渲染等待，即時預覽調整。
• ✅ 完全可控：每個光影細節、厚度層數、顏色漸變皆可像素級精準控制。
• ✅ 相容性佳：不依賴 GPU、3D 引擎版本，任何 PS 版本皆可執行。
• ✅ 風格化優勢：易於創作非真實感、插畫風、賽博龐克風等藝術化 3D 字，而非追求物理真實渲染。

進階變奏與實務應用

• 異形厚度：疊加位移時改為「向左上/右下」移動，創造斜切厚度效果。
• 材質變奏：漸變疊加換為「金屬漸變」、「玻璃漸變」、「霓虹漸變」、「發光漸變」等預設/自製漸變。
• 動畫延伸：導入時間軸，對「位移疊加層數」、「透視角度」、「漸變角度」打關鍵幀，製作 3D 文字旋轉、擠壓、變色動畫。
• 批量生產：將「基礎形狀+樣式+疊加邏輯」封裝為動作，或建立「文字智慧物件模板」，雙擊修改文字自動生成 3D 效果。
• 字體選擇建議：粗黑無襯線（微軟雅黑 Bold、思源黑體 Heavy、Montserrat ExtraBold、Oswald Bold）效果最佳；細體/襯線體側面細節易碎裂。

避坑指南

常見問題	原因	解決方案
側面出現鋸齒/斷層	疊加層數過少、位移量過大	增加層數至 20+、位移固定 1 px、啟用圖層插值
頂面高光呈現「條紋感」	漸變疊加色停過少、角度不當	增加漸變色停至 5-7 個、角度微調貼合透視
投影與字體分離感強	投影距離過大、顏色過深	距離 3-5 px、大小 5-8 px、不透明度 30-40%、顏色取背景色加深
文字邊緣鋸齒明顯	形狀圖層解析度不足	新建文件時提高解析度（300 dpi）、或將形狀放大 200% 操作後縮小

掌握「透視變形 + 圖層樣式 + 像素疊加」鐵三角，你就擁有了在 Photoshop 中隨心所欲創造 3D 文字的核心能力。無論是海報標題、Logo 設計、UI 圖示、動態影片片頭，這套技法都能助你高效產出專業級視覺效果。快動手練習，創造屬於你的立體字體庫吧！