Photoshop 给照片添加一种创意切割效果

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


步骤 1:复制原始图层

打开 在线ps(zaixianpss.com) ,把需要处理的照片拖入工作区。

选中 背景层(Background),按 Ctrl + J(Mac 为 ⌘ + J)复制出一个新图层。

步骤 2:新建填充层

点击 图层 → 新建 → 图层…(或直接按 Shift + Ctrl + N),确认后会得到一个空白层。

确保新建层位于复制的照片层 下方,选中它后按 Ctrl + Delete(Mac 为 ⌘ + Delete),用背景色(默认白色)填充整个画布。

步骤 3:画出切割框

选中 矩形工具(U),在刚才的白色填充层上 绘制一个正方形(或矩形),大小随意,建议与照片的主要视觉元素对齐。

绘制完后,确保 形状层仍然被选中。

步骤 4:打开混合选项 → 挖空

双击该 形状层的缩略图,打开 图层样式(Blending Options) 窗口。

  • 混合选项(Advanced Blending)里,把 填充不透明度(Fill Opacity)调到 0%
  • 内部样式(Inner Glow)描边(Stroke)里,找到 “挖空(Knockout)”,选择 “浅(Shallow)”(或者 “深(Deep)”,视效果而定)。

完成后,你会看到 白色层被矩形框“挖空”,露出下面的照片。

步骤 5:添加投影

仍在图层样式窗口中,点击左侧的 投影(Drop Shadow)

  • 不透明度(Opacity)调到约 30%–50%(依据背景深浅自行微调)。
  • 设置 距离(Distance)扩散(Spread)大小(Size),让投影看起来自然。

投影会让切割框有轻微立体感,效果更突出。

步骤 6:复制切割框

选择 移动工具(V),按住 Alt(Mac 为 Option)并拖动矩形框,就可以复制一个 同尺寸、同样样式 的切割框。

把复制得到的框移动到想要的其他位置(比如照片的另一块区域),重复此操作即可形成 多块切割 的创意效果。

完成! 🎉

现在你的照片已经拥有了 创意切割 + 投影 的视觉效果。可以继续微调位置、投影或添加其他图层样式(如内阴影、斜面与浮雕)让作品更丰富。


参考资料

  • Adobe Photoshop官方文档
  • HTML5与现代前端图片处理原理
  • 在线ps