Photoshop 把一张照片做成创意九宫格
在日常生活中,无论是社交分享、简历制作还是设计需求,我们常常需要给图片更换背景。很多人担心这种操作只能靠收费的专业软件,其实现在已经有不少 免费的在线 p 图工具可以轻松完成换背景,操作简便、无需下载安装,直接在浏览器中即可使用。下面就为大家推荐一款 好用且免费 的在线编辑器—— 在线ps(zaixianps.cc),随后我们将用它来实现创意九宫格效果。
步骤 1:裁剪为正方形(1:1)
- 打开 在线ps(zaixianps.cc),点击「文件 → 打开」或直接把本地图片拖进编辑区。
- 左侧工具栏选择 裁剪工具(Crop Tool)。
- 在顶部选项栏勾选「固定比例(Ratio)」并输入
1:1。 - 在画布上拖动形成正方形选框,调整到满意的构图后点击顶部√。
步骤 2:使用切片工具(Slice Tool)
- 左侧工具栏里找到 切片工具(图标像刀片),如果没看到,可以在「裁剪工具」的子工具中长按弹出。
- 选中后,光标会变成十字形,准备进行切片操作。
步骤 3:划分为 3×3 的网格
- 确保图片仍然是正方形(宽 = 高),此时在顶部属性栏会出现 「划分」 按钮,点击 「划分」 按钮 。
- 勾选「水平」后设置N为:
3,勾选「垂直」后设置N为:3。 - 点击 确定后会自动把画布切成 9 个等大的子切片。
步骤 4:导出所有切片为 PNG
- 点击左上角「文件 → 导出为 → PNG…」 (或使用快捷键 Ctrl+Shift+Alt+S)。
- 在弹出的「导出」对话框左下角找到「切片」选项,点击下拉框并选择 All Slices。
- 点击「储存」后,浏览器会下载一个
.zip包。 - 解压这个压缩包,即可看到 9 张独立的 PNG 文件(默认名称类似
slice_1.png、slice_2.png … slice_9.png)。
💡 小结
现在你已经把一张照片快速切成 9 张相同尺寸的小图,适合用于:
- Instagram → 3×3 拼图展示
- 社交媒体封面 → 创意排版
- 电子相册 → 分格浏览
提示:如果想让每张小图之间有留白,可在「裁剪」前先把画布尺寸放大(如 1080×1080 → 1200×1200),然后在切片时把「间距」设为 0,后期再给每张切片加上边框或阴影。
参考资料
- Adobe Photoshop官方文档
- HTML5与现代前端图片处理原理
- 在线ps
在线PS