紙藝字的關鍵在厚度和切口。這篇分兩步走:先複製文字層做位移、逐層填色堆出紙張厚度,再用筆畫和內陰影模擬切割線。末尾附斜面和浮雕的收尾引數,線上PS 上也能做出立體感。
建立“紙張厚度”層(立體感)
1.1 複製文字層並位移
- 選中 文字層 → Ctrl+J(複製)。
- 選中複製層(預設命名為
Letter_1),Ctrl+T 調出 自由變形。 - 在屬性欄的 水平 / 垂直位移(dx, dy) 輸入
+15px, +15px(可根據需求調節)。此步驟相當於“後面隱藏的紙張”。 - 再次複製
Letter_1→Letter_2,繼續向左上位移-15px, -15px(或相反方向),形成兩個相鄰的陰影層,形成紙張的“厚度”。
建議:如果想要更細膩的層次,可繼續複製並每層位移 5‑8 px,累計 5‑7 層,形成逐層遞進的厚度感。
1.2 為每層填滿顏色
| 圖層 | 顏色 | 用途 |
|---|---|---|
Letter_1(後層) |
#2A2A2A(深灰/黑) | 紙張背面陰影 |
Letter_2(前層) |
#F2EAE0(淺灰/米白) | 紙張正面主體 |
| 原始文字層(最上層) | #D96459(主色) | 紙張表面塗色,突出視覺焦點 |
技巧:使用 填滿圖層(Layer → New Fill Layer → Solid Color)而不是直接改文字顏色,這樣後期想改顏色只需要更改填滿層即可,保持形狀不變。
新增“紙張切割”細節
2.1 使用筆畫模擬切割線
- 選中 原始文字層 → 圖層樣式(fx) → 筆畫(Stroke)。
- 引數設定:
- 位置:Outside
- 大小:3~5px(視畫面大小而定)
- 顏色:比主體暗 20%(如 #B0453C)
- 混合模式:Normal
- 勾選 內部筆畫(Inner Stroke),再額外新增一層 0.5 px 的筆畫,用來製造細微的切割紋理。
2.2 用內陰影(Inner Shadow)增強刀痕立體感
| 引數 | 示例值 |
|---|---|
| 角度 | 135° |
| 距離 | 0 px |
| 大小 | 4 px |
| 顏色 | 50% 黑(#00000080) |
| 混合模式 | Multiply |
原理:內陰影在字形內部產生微小凹陷,逼真的刀痕效果。
2.3 新增斜面和浮雕(Bevel & Emboss)【可選】
如果想讓紙張更厚、更立體,可對每個紙張層(Letter_1、Letter_2)依次開啟 Bevel & Emboss:
| 屬性 | 推薦設定 |
|---|---|
| 樣式 | 內部斜面(Inner Bevel) |
| 技術 | 平滑(Smooth) |
| 深度 | 100% |
| 方向 | 上調(Up) |
| 大小 | 5~8 px(根據層厚度微調) |
| 高光顏色 | 白色,Screen,不透明度 30% |
| 陰影顏色 | 深灰,Multiply,不透明度 40% |
注意:
- 斜面會在文字邊緣產生光暈,建議在開啟 抗鋸齒的情況下使用。
- 完成後可對文字層做一次 智慧銳利化(
Filter → Sharpen → Smart Sharpen),消除細微光暈。
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps