Photoshop 把一张照片做成创意九宫格

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


步骤 1:裁剪为正方形(1:1)

  1. 打开 在线ps(zaixianps.cc),点击「文件 → 打开」或直接把本地图片拖进编辑区。
  2. 左侧工具栏选择 裁剪工具(Crop Tool)
  3. 在顶部选项栏勾选「固定比例(Ratio)」并输入 1:1
  4. 在画布上拖动形成正方形选框,调整到满意的构图后点击顶部√。

步骤 2:使用切片工具(Slice Tool)

  1. 左侧工具栏里找到 切片工具(图标像刀片),如果没看到,可以在「裁剪工具」的子工具中长按弹出。
  2. 选中后,光标会变成十字形,准备进行切片操作。

步骤 3:划分为 3×3 的网格

  1. 确保图片仍然是正方形(宽 = 高),此时在顶部属性栏会出现 「划分」 按钮,点击 「划分」 按钮 。
  2. 勾选「水平」后设置N为: 3,勾选「垂直」后设置N为: 3
  3. 点击 确定后会自动把画布切成 9 个等大的子切片。

步骤 4:导出所有切片为 PNG

  1. 点击左上角「文件 → 导出为 → PNG…」 (或使用快捷键 Ctrl+Shift+Alt+S)。
  2. 在弹出的「导出」对话框左下角找到「切片」选项,点击下拉框并选择 All Slices
  3. 点击「储存」后,浏览器会下载一个 .zip 包。
  4. 解压这个压缩包,即可看到 9 张独立的 PNG 文件(默认名称类似 slice_1.png、slice_2.png … slice_9.png)。

💡 小结

现在你已经把一张照片快速切成 9 张相同尺寸的小图,适合用于:

  • Instagram → 3×3 拼图展示
  • 社交媒体封面 → 创意排版
  • 电子相册 → 分格浏览

提示:如果想让每张小图之间有留白,可在「裁剪」前先把画布尺寸放大(如 1080×1080 → 1200×1200),然后在切片时把「间距」设为 0,后期再给每张切片加上边框或阴影。


参考资料

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