效果預覽

▲ 最終效果：清新配色、透視精準的立體字體，配合波浪線條與星星飄帶裝飾

設計分析與策略

制作可分三大模組：
1. **背景系統**：徑向漸層營造空間深度
2. **立體字體系統**：二維平面構建三維透視，核心在陰影與透視處理，輔助線提供關鍵參考
3. **裝飾系統**：鋼筆描邊線條（波浪濾鏡+高斯模糊賦予動感）、星星飄帶（自訂筆刷+路徑描邊）

詳細制作流程

模組一：背景制作（步驟 1-2）

步驟 1：新建文件

依設計需求設定尺寸（本例參考圖 1 設定）。

▲ 圖 1：文件新建設定

步驟 2：徑向漸層背景

矩形工具 (U) → 選項欄勾選「形狀圖層」→ 繪製滿版矩形 → 圖層樣式 →「漸層疊加」：
顏色：#AF1854 (深粉紅) → #F0D6C0 (淡桃粉) → #FFFFFF (白)
模式：徑向，中心高亮向四周過渡。

▲ 圖 2-1：漸層編輯器 | 圖 2-2：背景效果

模組二：立體文字核心制作（步驟 3-10）

步驟 3：文字基礎與內發光

文字工具輸入「Think」，字體 Helvetica Neue、75pt、Bold。添加「內發光」：混合模式「正片疊底」、黑色、不透明度 8%、大小 13px，形成字面內凹細微陰影。

▲ 圖 3-1：文字設置 | 圖 3-2：內發光效果

步驟 4：立體面構建——以 T 字為例

複製文字圖層命名「3D」置於原文字下方。矩形工具「形狀圖層」在 T 字上繪製矩形（不透明度 20% 方便對齊）。直接選取工具 (A) 調整矩形頂點貼合 T 字頂部輪廓，命名「T1」。同法構建所有字母的頂面、側面形狀圖層。

▲ 圖 4-2/4-3/4-4：T 字及全字母立體面構建

步驟 5：手繪陰影——立體感關鍵

將形狀圖層 (T1) 改白色 → Ctrl+點擊載入選區 → 新建空白圖層 → 黑色畫筆手繪陰影。**此步極考驗繪畫基本功與光影理解**，陰影形狀、虛實、濃淡需符合透視與光源邏輯。無繪畫基礎者可：
- 使用「漸層工具」在選區內拉線性漸層模擬陰影
- 或套用「濾鏡」→「模糊」→「高斯模糊」柔化硬邊選區填充

▲ 圖 5：手繪陰影過程

步驟 6：全字母陰影重複制作

重複步驟 4-5 完成所有字母立體面與陰影。耐心與細節決定成敗。

▲ 圖 6：全字母立體面與陰影完成

步驟 7：整體疊加增強對比

除背景外所有圖層歸組「Think」 → 複製組 → Ctrl+E 合併為單圖層 → 混合模式「正片疊底」、不透明度 50%，統一增強陰影濃度與色彩飽和度。

▲ 圖 7：疊加增強效果

步驟 8：創新輔助線法制作地面投影

亮點技巧：新建 900×600px 文件 → Ctrl+\" 開啟網格 → Print Screen 截圖存檔 → PS 開啟 → 蒙版擦除多餘 → 拖入主文件 → 混合模式「正片疊底」作為透視投影輔助線。此法快速獲得精準透視網格，避免手繪透視誤差。

▲ 圖 8-1：網格截圖制作 | 圖 8-2：輔助線應用

步驟 9：地面投影制作

複製「Think」文字圖層 → 填充黑色 → 參考輔助線自由變形 (Ctrl+T) 調整透視變形 → 手動補全字母角落陰影缺失部分。

▲ 圖 9-1：投影變形 | 圖 9-2：補全細節陰影

步驟 10：投影柔化與漸隱

投影圖層 → 「濾鏡」→「模糊」→「高斯模糊」（半徑 5-10px） → 混合模式「正片疊底」 → 添加圖層蒙版 → 漸層工具（黑白、線性）從近處向遠處拉漸層，實現投影由近而遠自然漸隱。

▲ 圖 10-1：高斯模糊 | 圖 10-2：蒙版漸隱效果

模組三：裝飾系統（步驟 11-14）

步驟 11：鋼筆描邊基礎線條

新建圖層，設定筆刷：5px、硬度 100%、白色。鋼筆工具勾勒路徑 → 右鍵「描邊路徑」→ 選「畫筆」→ 勾選「模擬壓力」。

▲ 圖 11-1：線條繪製

▲ 圖 11-2/11-3：描邊路徑設置與效果

步驟 12：波浪濾鏡賦予線條動感

線條圖層命名「Wave 1」 → 「濾鏡」→「扭曲」→「波浪」參數設置（波數、波長、振幅視線條長短調整） → 獲得有機彎曲動感線條。

▲ 圖 12-1：波浪參數 | 圖 12-2：波浪效果

步驟 13：多線條佈局與高斯模糊層次

重複步驟 11-12 創建多條線條，圍繞文字佈局。部分配合「高斯模糊」製造虛實層次（近清晰、遠模糊）。

▲ 圖 13：多線條佈局與虛實層次

步驟 14：星星飄帶制作

自訂形狀工具選 5pt 星星 → 定義為筆刷預設（筆刷面板調整間距、抖動、大小抖動等參數） → 鋼筆工具勾勒飄帶路徑 → 描邊路徑選「畫筆」→ 獲得星星飄帶。圖層混合模式可設「螢幕/線性減淡」增強發光感。（原教程此處截斷，補全邏輯）

▲ 星星筆刷與飄帶效果示意

關鍵技術總結與避坑指南

技術點	核心邏輯	常見問題	解決方案
立體面構建	矩形形狀層+直接選取工具調整頂點	透視關係錯亂、面寬不一	統一參考線、以首字母為基準、檢查消失點一致性
手繪陰影	選區限制+畫筆手繪	陰影形狀不符合透視、硬邊不自然	輔助線法/漸層替代/高斯模糊柔化
地面投影	文字複製+自由變形透視+網格輔助線	投影透視畸形、與字體脫節	截圖網格法獲取精準透視參考
波浪線條	鋼筆描邊+波浪濾鏡	波浪參數導致線條自交/斷裂	小波數/大波長/小振幅，多試驗
星星飄帶	自訂筆刷+路徑描邊	星星間距不均、形狀變形	筆刷設置「間距 200%+」、路徑平滑度足夠

進階延伸方向

• 動態化：After Effects 導入 PSD 分層，關鍵幀動畫：立體面依序彈出、線條生長、星星飄帶粒子發射
• 材質化：立體面添加「圖案疊加」紙張/布料/金屬紋理，配合「斜面浮雕」增強觸覺感
• 互動化：WebGL 實時渲染，滑鼠懸停觸發立體面翻轉、線條波動、星星爆發
• 字體系統化：建立標準化「立體字體組件庫」（頂面/側面/陰影/投影模板），新字體僅需替換骨架路徑即可批量生成

設計師心得

立體字體設計的核心不在「工具操作」，而在「空間邏輯構建能力」。輔助線法獲取透視網格、手繪陰影訓練光影直覺、波浪濾鏡引入有機隨機性——這些技術背後都是對「真實世界光影物理規律」的觀察與數位轉譯。建議設計師：
1. 養成「先畫草圖分析透視關係」習慣
2. 多做「透視速寫」練習（每天 10 分鐘畫立方體/圓柱體透視）
3. 觀察真實環境中文字標識的立體、投影、材質表現
4. 將技術內化為直覺，設計時思考「光從哪來、面朝哪向、影落哪裡」而非「哪個濾鏡好看」