在 PS 里面正确使用网格,核心就是调出网格参考线,搭配对齐功能,让图层 文字 图形自动吸附到网格交点,实现精准排版对齐,网格属于辅助参考元素,不会被导出保存到成品图片里面,只是画布上的辅助参照,常用开启方式是顶部视图菜单,选择显示,勾选网格,快捷键是 Ctrl + 单引号,深度使用还要掌握网格间距设置,网格和参考线智能对齐的区别,吸附网格开关,网格颜色线条样式修改,很多新手打开网格之后元素不会自动对齐,是因为没有开启对齐网格选项,只显示网格但是没有吸附功能,排版依然会偏移,还有人误以为网格会打印出来,导出图片之后网格会自动隐藏,不会出现在最终成品。之所以 PS 设置网格功能,是因为海报 版式设计 图标绘制 证件排版都需要统一等距参考,网格可以建立标准化坐标体系,把画布划分成均匀方格,物体移动的时候自动吸附,减少手动对齐误差,适合多元素整齐排列,做规范版式的时候大幅提升精度。
开启网格基础操作
最基础调出网格显示
1 打开 PS 文档,点击顶部菜单栏视图
2 找到显示选项,展开子菜单,点击网格,画布立刻出现方格参考线
3 快捷键 Ctrl + 单引号,可以快速打开关闭网格
4 开启之后画布出现浅灰色方格,默认网格每格大小是预设数值
5 如果只需要临时查看,排版完成之后再次按快捷键关闭网格,避免干扰画面预览
设置网格参数
自定义网格大小 颜色 线条样式
1 顶部菜单编辑,选择首选项,找到参考线 网格和切片
2 在网格板块,可以设置网格线间隔,子网格数量
3 网格线间隔就是主网格大格子尺寸,子网格是大格子内部细分小方格
4 可以修改网格线条颜色,选择适合当前图片背景的颜色,方便区分
5 还可以设置网格线条样式,实线或者虚线
6 设置完成点击确定,画布网格立刻更新成新参数
7 印刷项目建议按毫米设置网格,网页设计可以按像素设置网格
开启对齐网格吸附功能
正确使用网格最关键一步,实现自动吸附
1 顶部菜单视图,找到对齐,勾选对齐
2 继续展开对齐到,勾选网格
3 之后移动图层 选区 文字 形状的时候,元素边缘或者中心点会自动吸附到网格线和网格交点
4 如果只打开网格,没有勾选对齐网格,元素不会自动贴合网格,只能肉眼手动对齐
5 移动的时候可以配合智能参考线,双重辅助对齐,排版精度更高
网格配套进阶用法
深度排版设计常用技巧
1 网格结合选区,绘制矩形椭圆选框的时候,选区边缘自动贴合网格,适合等距方块排版
2 网格结合文字,移动文字图层的时候,文字基线自动对齐网格,适合多列文字版式
3 网格结合切片,做网页切图的时候,网格辅助划分切片区域
4 网格和参考线区分,网格是均匀铺满全画布,参考线是单独手动添加的自定义线条,两者可以同时开启使用
5 锁定参考线,排版稳定之后可以锁定参考线,防止误拖动,网格本身不能拖动,是固定铺满画布
网格常见使用误区
1 误区一 导出图片会带上网格,实际网格是辅助显示,导出 JPG PNG 的时候网格不会渲染
2 误区二 网格必须一直开着,定稿排版之后建议关闭网格,方便预览最终视觉效果
3 误区三 网格吸附太灵敏,元素总是跳格,可以降低吸附强度,或者临时取消对齐网格
4 误区四 缩放画布网格消失,是缩放比例太小,网格细分显示不出来,放大画布网格就会正常显示
网格相关功能对比表格
| 功能 | 是否铺满画布 | 是否自动吸附 | 用途 |
|---|---|---|---|
| 网格 | 是 | 开启对齐网格后吸附 | 全局等距排版对齐 |
| 参考线 | 否,手动添加单条线 | 开启对齐参考线后吸附 | 自定义位置参考 |
| 智能参考线 | 否,移动时临时出现 | 自动吸附 | 元素之间间距对齐 |
总结,正确使用 PS 网格,先通过视图菜单或者快捷键调出网格,在首选项里面自定义网格间隔和子网格,重点打开对齐到网格吸附,移动图形文字选区的时候自动贴合方格,网格只是辅助参考,导出成品不会保留,排版定稿之后关闭网格,需要自定义位置就搭配参考线一起使用。
【常见问题】
问题 1 ps 正确使用网格之后元素不会自动对齐是什么原因
回答 1 ps 正确使用网格之后元素不自动对齐,是只打开了网格显示,没有在视图菜单勾选对齐,并且对齐到里面没有勾选网格,开启吸附之后,移动图层就会自动贴合网格。
问题 2 ps 正确使用网格导出图片网格还在吗
回答 2 ps 正确使用网格只是画布辅助参考,导出 JPG PNG 等成品图片的时候网格不会渲染,不会出现在最终图片里面,不需要手动删除网格。
问题 3 ps 正确使用网格可以修改格子大小吗
回答 3 ps 正确使用网格可以自定义格子尺寸,进入首选项参考线网格和切片,修改网格线间隔和子网格数量,就可以调整方格大小适配设计需求。
问题 4 ps 正确使用网格和参考线可以同时打开吗
回答 4 ps 正确使用网格的时候可以同时打开参考线,网格是全画布均匀方格,参考线是单独自定义线条,两种辅助元素可以共存,同时辅助精准排版。
【免责申明】
本教程基于 Photoshop 常规版本操作讲解,不同 PS 版本菜单和快捷键可能存在细微差异,所有操作仅作学习参考。


