PhotoShop 怎么制作格子背景 棋盘格方格底纹实操教程

PhotoShop 制作格子背景，主流有两种实现方案，第一种是定义图案填充，适合做可重复平铺的棋盘格、方格背景，也是最推荐的方法，修改格子大小非常灵活；第二种是直线辅助线绘制，适合少量固定尺寸网格线背景，两种方案适配 PS CS6 以及新版 PS，常用来做透明底棋盘格、设计稿网格、棋盘素材、格纹海报背景，核心原理是先制作最小单元方格，再把这个单元定义成图案，之后整个画布可以无限平铺填充，下面分完整步骤、参数设置、进阶修改、常见问题详细讲解。

方案对照表

方案一 定义图案填充（推荐，棋盘格格子背景）

第一步 新建小文档，作为格子最小单元，比如新建 20px × 20px，分辨率 72，RGB 颜色模式

第二步 把画布对半拆分，使用矩形选框，选中左上一半区域，设置前景色，按 Alt Delete 填充颜色，剩下另一半填充另外一种颜色，做成黑白相间的最小棋盘单元

如果想要单色方格线背景，就只画一个正方形色块，作为重复单元

第三步 执行顶部菜单

【编辑】-

【定义图案】，给这个格子单元命名，点击确定保存图案

第四步 回到需要制作格子背景的主画布，新建一个图层，执行

【编辑】-

【填充】，内容选择图案，在自定义图案列表选中刚才保存的格子图案

第五步 确认之后，整个画布自动平铺，生成连续整齐的格子背景

方案二 辅助线网格线背景（细网格）

第一步 打开或者新建主画布，按 Ctrl R 调出标尺

第二步 从标尺拖拽拉出水平和垂直辅助线，按照你想要的格子间距均匀排布辅助线

第三步 新建图层，选择铅笔或者画笔工具，设置好线条颜色、粗细

第四步 沿着每一条辅助线绘制横线和竖线，交叉之后形成网格格子背景

第五步 完成之后，可以按 Ctrl H 隐藏辅助线，只保留网格线条

进阶修改技巧

1 修改格子大小：重新制作更小或者更大的最小单元，再次定义新图案，重新填充，不需要逐格修改

2 更改格子颜色：双击填充图层，或者新建调整层，使用色相饱和度修改格纹色彩

3 格子透明度：选中格子背景图层，直接降低图层面板不透明度，适合做低透明度参考网格

4 斜向格纹：做好平铺格子之后，按 Ctrl T 自由变换，旋转角度，就可以变成斜格纹背景

关键注意事项

1 定义图案之前，最小单元的边缘必须对齐，不然平铺之后格子会错位、接缝明显

2 做透明棋盘格（PS 默认透明底那种灰白格子），单元一半白色一半浅灰色即可

3 如果填充之后图案模糊，检查最小单元分辨率和主画布分辨率是否一致

4 新建格子图层，不要直接在背景原图填充，方便后期单独调整格纹图层

【常见问题】

问题 1 PhotoShop 怎么制作格子背景，填充之后格子接缝错位怎么办

回答 1 PhotoShop 怎么制作格子背景，平铺接缝错位，是最小单元像素边缘没有对齐，PhotoShop 怎么制作格子背景需要重新校准单元画布，保证单元左右上下像素刚好衔接。

问题 2 PhotoShop 怎么制作格子背景，CS6 支持定义图案吗

回答 2 PhotoShop 怎么制作格子背景，CS6 版本自带定义图案功能，PhotoShop 怎么制作格子背景操作和新版 PS 逻辑一致。

问题 3 PhotoShop 怎么制作格子背景，能不能修改格子尺寸

回答 3 PhotoShop 怎么制作格子背景，可以修改格子大小，PhotoShop 怎么制作格子背景只需要重新制作新尺寸最小单元，重新定义图案填充即可。

问题 4 PhotoShop 怎么制作格子背景，想要半透明网格怎么做

回答 4 PhotoShop 怎么制作格子背景，生成格子图层之后，直接降低图层不透明度，PhotoShop 怎么制作格子背景就可以得到半透明参考网格效果。

【免责申明】

本文 PhotoShop 怎么制作格子背景教程适用于 PS CS6 及主流版本，软件版权归属 Adobe，请使用正版 Photoshop 软件。