教學概覽

本教學將示範如何結合 Illustrator 的 3D 功能與 Photoshop 的繪圖工具，打造極具視覺衝擊力的潮流立體字效果。過程包含文字立體化、色彩調整、光影塑造、背景裝飾等關鍵步驟，適合想提升字體設計能力的設計師參考。

最終效果預覽

詳細製作步驟

步驟 1：建立 Photoshop 畫布

開啟 Photoshop，選擇「檔案」>「新增」或按 Ctrl/Command + N，設定畫布大小為 1440px（寬）× 900px（高）。

步驟 2：在 Illustrator 建立 3D 文字

開啟 Illustrator，選擇文字工具輸入「FX」，字體設為「Hobo Std Medium」。

步驟 3：設定文字顏色

「F」使用藍色 #094569，「X」使用深橙色 #AB7D1B。

步驟 4：套用 3D 擠壓與斜角效果

選單列 > 效果 > 3D > 擠壓與斜角，依圖示參數設定。

步驟 5：回到 Photoshop 設定背景

將背景顏色改為深藍 #000b12。

步驟 6：匯入 3D 文字並柵格化

從 Illustrator 複製文字貼上到 Photoshop，對文字圖層右鍵選擇「柵格化圖層」。

步驟 7：分離字母圖層

使用矩形選框工具 M 選取「X」，按 Ctrl + X 剪下、Ctrl + V 貼上，將兩字母分為獨立圖層並對齊。

步驟 8-10：繪製高光

選擇減淡工具 O，依圖示設定筆刷，在文字需高光處塗抹，參考圖片逐步建立層次豐富的高光效果。

步驟 11-12：繪製陰影

切換加深工具 O，在相反區域描繪陰影，增強立體感。

步驟 13：整體對比度提升

減淡工具筆刷調大至 800px，分別在「F」與「X」上點擊一次，提升整體亮度對比。

步驟 14-16：添加邊角點光與外發光

新建圖層，用 90px 柔邊圓形筆刷、白色前景色在文字邊角描繪點光，擦除溢出背景的光暈，再套用「外發光」圖層樣式。

步驟 17-18：塗抹工具擴散光效

複製點光圖層，用塗抹工具 R 從右向左拖動筆刷使光線散布，再在文字邊角拖動營造光暈流動感。

步驟 19-21：X 字母細節光效與外發光

同樣手法為「X」添加邊緣光暈與外發光樣式。

步驟 22-26：鋼筆工具繪製裝飾描邊

用 3px 硬邊筆刷配合鋼筆工具 P 繪製路徑並描邊，重複添加多條裝飾線條豐富畫面。

步驟 27-29：暗部發光效果

鋼筆工具建立路徑轉選區，填充棕色 #614717，置於文字圖層上方並建立剪貼蒙版 Ctrl + Alt + G，混合模式設為「顏色減淡」，再用 100px 柔邊橡皮擦修飾邊緣。

步驟 30：持續添加裝飾描邊完成作品

重複步驟 22-25 繼續添加更多描邊路徑，最終完成夢幻潮流立體字作品。