效果預覽

▲ 立體折疊字最終效果：多色塊面搭配光影漸層，呈現紙張折疊質感

核心概念

折疊字關鍵在於「透視結構」與「光影邏輯」。每個字母拆解為多個平面（橫筆、豎筆、轉角），依光源方向賦予不同明暗漸層，再以投影強化空間感。建議選用無襯線粗體字（如 Impact、微軟正黑體粗體），筆畫寬度一致易於拆解。

制作流程

步驟 1：背景與文字基礎

新建文件，背景填充 #333333 深灰。輸入文字「PSPSD」，字體大小填滿畫布 70% 區域。為便於對齊，建立參考線框定字母高度基準線與基線。

▲ 圖 1：文字排版與參考線

步驟 2：字母著色規劃

為每個字母分配專屬色彩，建立視覺辨識度：

• P：青綠 #00AEB7
• S：橘黃 #FF9900
• P：暗紅 #BA0000
• S：草綠 #01AD4E
• D：淡黃 #FEDE58

▲ 圖 2：字母著色完成（圖示重複，實際操作中每字母顏色不同）

步驟 3：建立統一高度參考

拉出水平參考線，將所有字母高度統一調整至一致。此步驟確保後續折疊面寬度一致，視覺整齊。

▲ 圖 3：統一字母高度

步驟 4：以 P 字示範折疊面構建

4-1 拆解筆畫結構：將 P 字柵格化，拆解為「豎筆」與「橫筆（上彎、中橫）」三個基本單元。
4-2 建立矩形基準面：新建圖層，用矩形工具繪製與豎筆等寬、等高的矩形，降低不透明度至 30% 作為對齊參考。
4-3 筆畫轉角處理：使用鋼筆工具勾勒折疊轉角形狀（按 Shift 鍵限制 45°/90° 角度），Ctrl+Enter 轉選區後刪除多餘區塊，形成菱角折疊效果。

▲ 圖 5：P 字折疊面構建過程

步驟 5：分離各折疊面圖層

使用選取工具分別框選「上橫筆、中橫筆、豎筆」三個面，按 Ctrl+J 複製至獨立圖層。橫筆左側適度延長以銜接豎筆。此步驟看似繁瑣，實為後續獨立控制各面光影的關鍵。

▲ 折疊面分圖層完成

步驟 6：豎筆面光影漸層

為豎筆面圖層添加「漸層疊加」圖層樣式：左側高亮（靠近光源）、右側陰影。漸層類型選「線性」，角度 90°，顏色由亮至暗過渡。此步驟確立整體光源來向（本例為左上方）。

▲ 豎筆面漸層效果

步驟 7：相鄰豎筆面同步處理

依相同光影邏輯處理字母間的豎筆面，注意陰影疊加關係：前字母投影落於後字母豎筆面上，需手動繪製投影或使用圖層樣式「投影」微調。

▲ 多字母豎筆面光影統一

步驟 8：橫筆面光影與高光處理

橫筆面漸層方向與豎筆垂直：頂部高亮、底部陰影。關鍵在於「高光位置」——對應光源直射區域（左上角附近）添加高亮帶，使用「漸層疊加」搭配「色階」調整高光強度。第二道橫筆（中橫）高光強度遞減，呈現空間深度。

▲ 橫筆面高光漸層參考

▲ P 字完整折疊效果

步驟 9：後續字母依樣畫葫蘆

S、S、D 三字母同樣拆解為豎/橫筆面，套用相同光影邏輯。注意曲線筆畫（S 字）需進一步拆分為多個微小平面，各面漸層角度隨曲率微調。耐心是關鍵。

步驟 10：整體潤飾與輸出

合併所有字母折疊面圖層群組，添加整體投影（距離 8px、大小 12px、不透明度 40%）。可選：在背景添加微弱漸層或紋理增強質感。完成後另存為 PSD 保留圖層，或輸出 PNG/JPG 使用。

▲ 最終完成效果

設計師的話

許多初學者問：「PS 怎麼學？設計怎麼做？」我的建議：
1. 分清方向：平面/網頁設計學排版配色，修圖/後期學人像精修、色彩管理。
2. 工具≠設計：精通 PS 只是「操作員」，懂設計思維、會手繪草稿、有美術基礎才是「設計師」。
3. 高效學習：多看優秀作品（Behance、Pinterest、站酷），「高技術含量的模仿」——拆解他人構圖、配色、字體選擇背後的邏輯，內化為己用。
4. 脫離軟件思考：遇到設計問題，先拿筆畫草圖，再思考用什麼工具實現。
本教學網站存在的意義，正是提供「會用工具」到「會做設計」之間的橋梁。