Photoshop 制作图片撕边效果

在日常生活中,无论是社交分享、简历制作还是设计需求,我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件,其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景,操作简便、无需下载安装,直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps(zaixianpss.com),随后我们将用它来实现图片撕边效果。


准备工作:

  1. 打开 在线ps(zaixianpss.com)
  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