萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 打造逼真紙張撕裂效果:蒙版、投影與漸變構建立體質感

紙張撕裂效果常用於拼貼風海報、日記類 UI、創意合成。關鍵在於「撕裂邊緣的不規則性」、「紙張厚度的偽 3D 表現」、「背面紋理露出」與「投影層次」。本教程採用非破壞圖層蒙版流程,實現可編輯、可動畫的撕裂效果。

最終效果(兩種風格)

效果一:單角撕裂露底紋

效果二:多角撕裂卷邊

核心圖層結構規劃

Layer Group: Paper_Tear_Effect
│  ├─ Layer: BG_Texture (底部紋理/背景圖)
│  ├─ Layer: Paper_Back (紙張背面,含紋理/顏色)
│  ├─ Layer: Paper_Front (紙張正面,承載主視覺內容)
│  ├─ Layer: Tear_Edge_Mask (撕裂邊緣蒙版,核心控制層)
│  ├─ Layer: Tear_Edge_3D (撕裂厚度/偽 3D 邊緣)
│  ├─ Layer: Tear_Shadow (投影:接地陰影+卷邊陰影)
│  └─ Layer: Tear_Highlight (高光:邊緣捕光)

步驟詳解

  1. 基礎紙張雙面構建
    • 背景層解鎖 → 畫布擴大(畫布大小 → 高度 +200 px) → 底部新建圖層填充背景色/紋理。
    • 正面圖層(含主視覺)複製兩份:「Paper_Front」(保持原樣)、「Paper_Back」(移至正面下方)。
    • 「Paper_Back」:Ctrl+T 向右下微移 3-5 px → 編輯 → 變換 → 扭曲 → 拉伸右下角模擬翹起 → 高斯模糊 3-5 px → 不透明度 60-80%。
  2. 撕裂選區製作(核心)
    • 套索工具(或鋼筆轉選區)手繪不規則撕裂形狀(參考真實撕紙:纖維狀、鋸齒狀、內凹外凸)。
    • Ctrl+J 複製選區 → 新圖層「Tear_Piece」(撕下碎片)。
    • 複製「Tear_Piece」→ 「Tear_Mask_Base」 → 去色(Ctrl+Shift+U) → 此層僅作選區來源。
  3. 雙面撕裂邊緣構建
    • 載入「Tear_Mask_Base」選區(Ctrl+點擊) → 選擇 → 修改 → 收縮 3-5 px → 在「Paper_Back」圖層按 Delete 刪除 → 形成背面內縮邊緣。
    • 同選區 → 在「Paper_Front」圖層 Ctrl+J 跳出「Tear_Edge_Front」 → 添加內陰影(距離 2,大小 4,不透明度 50%,角度 120°)模擬紙張厚度陰影。
    • 「Tear_Mask_Base」選區反選(Ctrl+Shift+I) → 在「Tear_Piece」圖層刪除下部白邊 → 保留撕裂邊緣纖維感。
  4. 撕裂碎片卷曲變形與漸變著色
    • Ctrl+T → 右鍵選「扭曲」 → 手動調整網格點,使碎片呈現向上翹起的卷曲姿態。
    • 選取碎片上半部分(矩形選框/套索) → Ctrl+J 跳層 → 垂直翻轉 → 移動至卷曲內側位置 → 漸變工具(前景到透明,深灰→透明)在選區內拉出漸變,模擬背面紋理/陰深。
  5. 立體收尾:投影與高光
    • 「Tear_Shadow」:新建圖層置於碎片下方,黑色柔邊筆刷繪製接地陰影(近大遠小)+ 卷邊陰影(沿卷曲內側),不透明度 30-50%,模式「正片疊底」。
    • 「Tear_Highlight」:新建圖層置於碎片上方,剪貼至碎片,白色柔邊筆刷(不透明度 20%)輕掃卷曲頂緣/外凸棱線,模式「疊加/柔光」。
  6. 最終整合
    • 所有圖層歸入「Paper_Tear_Effect」組,可整體移動/縮放/動畫。
    • 可選:組添加「色彩平衡」調整圖層剪貼,統一紙張色溫。

進階變體技巧

  • 多角撕裂:重複步驟 2-5 多次,每個角獨立圖層組,互不干擾。
  • 燒焦邊緣:「Tear_Edge_Front」添加「圖層樣式 → 顏色疊加」深褐色 + 「外發光」橙紅色,模擬燒紙效果。
  • 濕皺紙張:正面圖層套用「濾鏡 → 扭曲 → 玻璃」(紋理選「畫布」,縮放 50%,平滑 3),再添加「噪點」模擬水漬顆粒。
  • 動畫就緒:將「Tear_Piece」轉為智能對象,關鍵幀動畫「位置/旋轉/扭曲/蒙版」即可生成撕裂過程 GIF/MP4。
copyright © 萬盛學電腦網 all rights reserved