Photoshop 立體英文字母剪紙教程

閱讀約 10 分鐘

首頁/ PS學習教程/ Photoshop 立體英文字母剪紙教程

紙藝字的關鍵在厚度和切口。這篇分兩步走:先複製文字層做位移、逐層填色堆出紙張厚度,再用筆畫和內陰影模擬切割線。末尾附斜面和浮雕的收尾引數,線上PS 上也能做出立體感。

建立“紙張厚度”層(立體感)

1.1 複製文字層並位移

  1. 選中 文字層 → Ctrl+J(複製)。
  2. 選中複製層(預設命名為 Letter_1),Ctrl+T 調出 自由變形。
  3. 在屬性欄的 水平 / 垂直位移(dx, dy) 輸入 +15px, +15px(可根據需求調節)。此步驟相當於“後面隱藏的紙張”。
  4. 再次複製 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 使用筆畫模擬切割線

  1. 選中 原始文字層 → 圖層樣式(fx) → 筆畫(Stroke)。
  2. 引數設定:
    • 位置:Outside
    • 大小:3~5px(視畫面大小而定)
    • 顏色:比主體暗 20%(如 #B0453C)
    • 混合模式:Normal
  3. 勾選 內部筆畫(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