一、准备正方形图像并启用切片工具

想切出标准的九宫格，第一步是确保图片为正方形。长方形图片切分后，小图可能变形或出现白边。

准备好正方形画布后，请出主角：切片工具。

操作步骤如下：

• 打开Photoshop，通过【文件】→【打开】导入图片。
• 在左侧工具栏选择【裁剪工具】（快捷键C）。
• 在顶部选项栏，将裁剪比例锁定为【1:1（方形）】。
• 拖动裁剪框调整构图，按回车键确认，图片即变为正方形。
• 长按【裁剪工具】图标，在弹出菜单中选择【切片工具】（快捷键K）。工具准备就绪。

二、通过数值设定执行3×3均分

此方法追求效率，不依赖肉眼对齐，直接通过数值划分。

操作步骤如下：

• 选中【切片工具】后，在图片任意位置右键单击。
• 在弹出的菜单中选择【划分切片】。
• 在弹出的设置窗口中，勾选【水平划分为】和【垂直划分为】。
• 在两个选项旁的框内均输入数字 3。
• 点击【确定】，图片瞬间被划分为九个大小完全相同的矩形切片。

三、使用参考线辅助生成切片

借助参考线划分更精准，适合切图后需对齐文字或图标的设计工作。

操作步骤如下：

• 调出标尺：点击【视图】→【标尺】（快捷键Ctrl+R）。
• 放置参考线：从顶部水平标尺向下拖动，分别拖出两条参考线，使其停在图片高度的 1/3 和 2/3 位置。
• 同样，从左侧垂直标尺向右拖动，也拖出两条参考线，放在宽度的 1/3 和 2/3 处。
• 选择【切片工具】，在图片上右键点击，选择【基于参考线的切片】。
• Photoshop会自动识别参考线围成的九个区域，并生成对应的切片。

四、通过“新建参考线版面”一键生成切片基础

此方法更智能，可批量生成等距参考线，避免手动误差。

操作步骤如下：

• 点击菜单栏的【视图】→【新建参考线版面】。
• 在弹出的设置窗口中，将【列数】和【行数】均设置为 3。
• 为确保切片无间隙，将【装订线】数值设为 0。
• 点击【确定】，画布上自动出现六条排列整齐的参考线。
• 使用【切片工具】右键点击画布，选择【基于参考线的切片】，九宫格切片即自动生成。

五、导出九张独立切片图片

切片划分好后，需通过特定路径导出为独立图片文件。

关键点：常规“保存”功能无法实现，必须使用“存储为Web所用格式（旧版）”。

操作步骤如下：

• 点击【文件】→【导出】→【存储为Web所用格式（旧版）】（快捷键Ctrl+Alt+Shift+S）。
• 在弹出的预览窗口左下角，选择输出格式，如常用的 JPEG。
• 为保证质量，建议将品质滑块调至 80 以上。
• 点击右下角【存储】，选择保存文件夹。
• 关键一步：在“保存类型”下拉菜单中，务必选择【所有图像】。
• 导出完成后，打开保存的文件夹，会看到一个名为【images】的子文件夹。
• 进入该文件夹，即可看到从“image1.jpg”到“image9.jpg”顺序命名的九张切片图片。

至此，九宫格切图工作全部完成。

《夸克》非常好用的免费AI浏览器

下载APP查看