在 PS 里面弄九宫格核心就是把一张大图平均切成三行三列九块,或者新建画布把九张图片按三行三列整齐排布,两种用途经常容易混淆,切片分图适合把单张大图导出成九张正方形小图,排版九宫格适合九张素材拼合成一张完整九宫格海报。很多新手做九宫格对齐混乱,是没有打开参考线和对齐功能,手动拖拽容易出现缝隙大小不一致,PS 自带参考线和切片工具可以精准均分,保证每一格尺寸完全相等。如果是朋友圈九宫格,大多要求每一格都是正方形,新建画布的时候就可以设定总尺寸,均分之后每一格边长统一,导出的时候可以批量保存九张图片,整个过程优先使用参考线定位,也可以用切片工具自动划分,矢量对齐辅助线能保证横竖均分,不会出现一格偏大一格偏小的问题。
方法一 参考线均分制作九宫格排版
适合九张图片拼合,三行三列整齐排版,做朋友圈九宫格海报首选
1 新建画布,建议总宽高相等,比如 1080 乘 1080 像素,方便正方形九宫格
2 顶部菜单视图,勾选标尺,快捷键 Ctrl 加 R 调出标尺
3 从顶部标尺向下拖出两条水平参考线,把高度平均分成三份,从左侧标尺向右拖出两条垂直参考线,把宽度平均分成三份
4 打开视图对齐,勾选对齐参考线,后续移动图片会自动吸附到参考线
5 依次置入九张图片,每张图片放置到对应的格子内,按 Ctrl 加 T 自由变换,缩放适配格子大小
6 每张图片单独一个图层,后续可以单独替换某一张图
7 如果需要格子之间留白,可以在参考线位置预留间隙,调整每一张图缩放尺寸
方法二 切片工具把单张大图切成九宫格
适合一张完整大图,切割成九张小图单独导出
1 打开需要切割的大图,确认画布是正方形最佳
2 长按裁剪工具,选择切片工具
3 在图片左上角按住鼠标拖拽,直接框选整张图片
4 顶部属性栏点击划分,选择垂直划分数量填 3,水平划分数量填 3,软件自动平均分成九个切片
5 确认之后图片出现九块切片标记
6 顶部菜单文件,导出,存储为 Web 所用格式,选择保存,导出文件夹里面自动生成九张切片图片
7 如果需要调整单个切片边界,可以选择切片选择工具拖动切片分割线微调
方法三 网格参考线加图层组制作九宫格模板
适合长期反复使用九宫格模板,可复用
1 新建画布,视图,新建参考线版面,列设置 3,行设置 3,边距全部设置 0,软件自动生成三行三列网格
2 新建九个图层组,对应九个格子
3 置入图片之后放入对应图层组,开启对齐功能
4 保存 PSD 模板文件,下次做九宫格直接替换图片,不用重复拉参考线
三种九宫格方案对比表
| 方案 | 优势 | 短板 | 适用场景 |
|---|---|---|---|
| 参考线排版九宫格 | 九张图独立图层,可单独替换 | 需要手动置入缩放图片 | 朋友圈拼合九宫格 |
| 切片切割九宫格 | 一键均分批量导出九张小图 | 原始大图切割,不能单独替换单格 | 单张大图拆分九宫格 |
| 参考线版面模板 | 可以保存模板重复使用 | 初次设置需要建立 PSD 文件 | 长期批量制作九宫格 |
进阶要点
做正方形九宫格,总尺寸推荐 1080 乘 1080,每一格就是 360 乘 360,适配朋友圈上传规格。如果需要格子之间白色缝隙,新建参考线版面的时候,把列间距和行间距设置固定数值,比如 10 像素。切片导出的时候,可以选择 JPG 或者 PNG 格式,PNG 适合带透明背景九宫格。如果对齐总是偏移,确认对齐参考线选项是开启状态,自由变换的时候勾选保持长宽比,防止图片拉伸变形。
整体来说,九张图片拼合优先参考线排版,单张大图拆分导出就使用切片工具,需要重复制作九宫格就保存参考线版面模板,核心要点就是均分参考线加对齐吸附,保证九个格子尺寸统一。
【常见问题】
问题 1 ps 怎么弄九宫格每一格都是正方形
回答 1 ps 弄九宫格每一格正方形,新建画布选择正方形总尺寸,比如 1080 乘 1080,参考线或者切片划分设置三行三列均分,每一格自然就是 360 乘 360 正方形,实现 ps 弄九宫格正方形格子。
问题 2 ps 怎么弄九宫格切片之后导出只有一张图怎么办
回答 2 ps 弄九宫格切片导出只得到一张图,是没有选择存储为 Web 所用格式,或者导出时没有选中所有切片,重新执行文件导出存储为 Web 所用格式,确认全部切片勾选,就可以导出九张独立图片,解决 ps 弄九宫格导出异常问题。
问题 3 ps 怎么弄九宫格格子之间加白色空隙
回答 3 ps 弄九宫格增加白色空隙,在新建参考线版面的时候,设置列间距和行间距数值,排版图片的时候不要铺满参考线,预留空白区域,底层填充白色,就能做出带白边的 ps 弄九宫格效果。
【免责申明】
本文操作基于 Photoshop 常规版本界面编写,不同 PS 版本菜单名称面板位置存在细微差别,导出格式和尺寸受平台上传规范影响,本文仅作为技术参考,不保证所有版本界面完全一致。


