設計亮點：紙藝質感的數位還原

這款 3D 藝術字最大的特色在於「紙張疊加物理感」的數位模擬：每個字母由多層剪紙疊加而成，筆記本風格的掛孔細節、紙張邊緣微卷陰影、紋理真實觸感，構成極具說服力的偽實體質感。適合文創周邊、筆記本品牌、手帳社群、兒童教育類視覺設計。

素材準備

• 格子圖案 (筆記本內頁紋理)
• 紙張紋理 (紙漿纖維感)
• 字體：Bevan (粗體無襯線、幾何感強) / aescrawl (手寫風、裝飾用)

分步製作教學

階段一：背景與基底紋理 (步驟 1)

1. 新建 1152×864px 文件 → 複製背景層
2. 打開「格子圖案」→ 編輯 > 定義圖案 → 關閉素材檔
3. 雙擊背景副本 → 圖層樣式：

• 圖案疊加：剛定義的格子圖案、縮放 100%、不透明度 15%
• 顏色疊加：#f0f0f0、正常模式、不透明度 50%

獲得微妙格紋紙張基底質感。

階段二：主文字圖層樣式構建 (步驟 2)

1. 文字工具輸入「52psxt」→ 字體 Bevan、250pt、顏色 #e2d8ca (淺米白)
2. 定義「紙張紋理」為圖案
3. 雙擊文字圖層添加樣式 (核心)：
   • 斜面與浮雕：內部斜面、平滑、深度 100%、大小 8px、軟化 2px、角度 120°、高度 30°、光澤輪廓「環形」、高光「螢幕」#ffffff 60%、陰影「正片疊底」#999999 40%
   • 描邊：2px、內部、顏色 #c9c0b0 (紙張邊緣色)
   • 內陰影：正片疊底、#999999、距離 3px、大小 5px、噪點 5%
   • 圖案疊加：紙張紋理、疊加模式、不透明度 50%、縮放 100%
   • 投影：正片疊底、#666666、距離 5px、大小 8px、不透明度 40%

階段三：多層疊加模擬紙張厚度 (步驟 3)

1. 複製文字圖層 → 右鍵「柵格化文字」→ 得到「文字副本」
2. 雙擊副本 → 修改「投影」：距離 8px、大小 10px、不透明度 30% (比主層更濃、更遠)
3. Ctrl+J 連續複製副本 **4 次** (共 5 層疊加層)
4. 選擇「移動工具」+ 方向鍵 → 逐層向右下微移 (每層 2-3px) → 形成層層疊紙的厚度感

階段四：筆記本掛孔細節 (步驟 4-6)

1. 橢圓工具 (U) → 選項欄：固定大小 26px × 26px、填充黑色、描邊無
2. 在字母腳部 (如 '5' 左下、'p' 左下) 拉出黑圓
3. Alt+點擊黑圓中心 → 選項欄「減去前面形狀」→ 20px 圓環 → 形成掛孔
4. 雙擊圓環圖層添加樣式：
   • 斜面與浮雕：內部斜面、平滑、大小 5px、光澤輪廓「環形」
   • 描邊：1px、內部、#999999
   • 內陰影：正片疊底、距離 1px、大小 3px
   • 投影：正片疊底、距離 2px、大小 2px
5. 複製圖層放置至其他字母腳部
6. 畫筆工具 (23px 硬圓) → 新建圖層「底色」置於所有文字層下 → 每個孔內點一黑點
7. Ctrl+點擊「底色」縮略圖載入選區 → 逐個選中文字圖層 Delete 刪除孔位像素 → Ctrl+D
8. 「底色」填充度 0% → 雙擊添加「內陰影」：距離 1px、大小 3px、不透明度 50% → 孔內微弱陰影

階段五：全局光影與氛圍 (步驟 7-8)

• 新建圖層「過渡」置頂 → 前景 #272423 → 漸層工具 (徑向、前景到透明) → 從中心向角落拉出 → 混合模式「柔光」→ 全局溫暖陰影氛圍
• 文字工具輸入裝飾文案 (字體 aescrawl) → 微調位置大小 → 完成

關鍵技術點總結

技術點	實現方法	物理隱喻
紙張厚度	複製柵格化文字層 + 方向鍵微移疊加	多張紙疊放的物理厚度
紙張紋理	圖案疊加 (定義紋理) + 斜面浮雕	紙漿纖維在光照下的微觀起伏
掛孔立體	形狀工具減去前面 + 斜面浮雕 + 底色蒙版挖空 + 內陰影	打孔器壓出的凹陷孔洞
層間陰影	各層投影參數遞增 (距離/大小/不透明度)	上層紙對下層紙的遮擋投影

延伸應用建議

• 動畫化：將 5 層疊加層依序顯示，配合位移關鍵幀 → 「紙張逐張疊上」動畫
• 互動網頁：CSS `transform: translateZ()` + `box-shadow` 實現滑鼠懸停 3D 翻轉效果
• 實體製作參考：激光切割機按此邊緣路徑切紙、打孔器打孔、手工疊貼