Photoshop 制作图片撕边效果
在日常生活中,无论是社交分享、简历制作还是设计需求,我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件,其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景,操作简便、无需下载安装,直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps(zaixianpss.com),随后我们将用它来实现图片撕边效果。
准备工作:
- 打开 在线ps(zaixianpss.com)。
- File → Open → 选择本地图片。
详细操作步骤:
-
使用 矩形选框工具 (M) 在画布上拖出一个矩形选区。
-
按 Q 进入 快速蒙版(画面会出现红色遮罩)。
-
打开 Filter → Pixelate → Mosaic(滤镜 → 像素化 → 晶格化), 将 Cell Size 设为 20‑30,点击 OK。
-
再次按 Q 退出快速蒙版,选区仍保持为虚线矩形。
-
在图层面板上方点击 New Layer(新建图层), 用 Paint Bucket (G) 把该层填充为 白色。
-
选择 Select → Modify → Contract(选择 → 修改 → 收缩), 输入 5‑10 px(视图片尺寸自行调整),点击 OK。
-
再次执行 Filter → Pixelate → Mosaic,这次 Cell Size 设为 8‑12,点击 OK。
-
选中原图层,按 Ctrl+J 复制,拖到最上方。
右键该复制层 → Create Clipping Mask(建立剪贴蒙版), 只让复制层在白色缺口区域可见。
-
仍选中复制层,按 Ctrl+T(自由变换),右键 → Flip Horizontal(水平翻转), 再拖动使两边出现轻微错位,形成 “错位撕裂” 效果。
-
根据需要调节复制层的 Opacity(不透明度)或 Blend Mode(混合模式), 也可以用 Eraser (E)、Brush (B) 手绘细节,让撕边更自然。
-
完成后 File → Export As → PNG/JPEG,保存作品。
参考资料
- Adobe Photoshop官方文档
- HTML5与现代前端图片处理原理
- 在线ps
在线PS