Photoshop 製作圖片撕邊效果

閱讀約 6 分鐘

首頁/ PS學習教程/ Photoshop 製作圖片撕邊效果

撕邊效果的關鍵是讓邊緣不規則。矩形選取範圍打底,進快速遮色片用畫筆破壞邊緣,再上畫素化濾鏡做出毛邊,末尾用剪裁遮色片上色。做舊海報和復古封面都能用上。

準備工作:

  1. 開啟 線上ps(zaixianps.cc)。
  2. File → Open → 選擇本地圖片。

詳細操作步驟:

  1. 使用 矩形選取畫面工具 (M) 在畫布上拖出一個矩形選取範圍。

  2. 按 Q 進入 快速遮色片(畫面會出現紅色遮罩)。

  3. 開啟 Filter → Pixelate → Mosaic(濾鏡 → 畫素化 → 晶格化), 將 Cell Size 設為 20‑30,點選 OK。

  4. 再次按 Q 退出快速遮色片,選取範圍仍保持為虛線矩形。

  5. 在圖層面板上方點選 New Layer(新建圖層), 用 Paint Bucket (G) 把該層填滿為 白色。

  6. 選擇 Select → Modify → Contract(選擇 → 修改 → 收縮), 輸入 5‑10 px(檢視片尺寸自行調整),點選 OK。

  7. 再次執行 Filter → Pixelate → Mosaic,這次 Cell Size 設為 8‑12,點選 OK。

  8. 選中原圖層,按 Ctrl+J 複製,拖到最上方。

    右鍵該複製層 → Create Clipping Mask(建立剪裁遮色片), 只讓複製層在白色缺口區域可見。

  9. 仍選中複製層,按 Ctrl+T(自由變形),右鍵 → Flip Horizontal(水平翻轉), 再拖動使兩邊出現輕微錯位,形成 “錯位撕裂” 效果。

  10. 根據需要調節複製層的 Opacity(不透明度)或 Blend Mode(混合模式), 也可以用 Eraser (E)、Brush (B) 手繪細節,讓撕邊更自然。

  11. 完成後 File → Export As → PNG/JPEG,儲存作品。


參考資料

  • Adobe Photoshop官方文件
  • HTML5與現代前端圖片處理原理
  • 線上ps