先纠正一个常见的误会。你逛图库网站或是用PS打开带透明区域的图片时,看到的那种灰白相间的格子,它本身并不是图片里的一部分,而是PS这个软件自带的一种显示效果。它的官方名字叫“透明棋盘格”,作用就一个:告诉你,这块区域是透明的,底下什么都没有。这就像地图上的空白区域,用格子来示意“此地无银三百两”。
如果你是想在图片里自己做出这种带格子的背景,那方法就多了去了。最不用动脑子的法子,就是新建一个画布,然后直接用PS内置的图案来填充。你可以在图层面板下方找到那个像半个实心圆一样的“创建新的填充或调整图层”按钮,点开选“纯色”,在出来的对话框里,把模式选成“图案”。然后在图案库的最底下,就藏着那个“灰色8位”图案,选中它,点击确定,一个标准的透明仿真格子背景就铺满了整个画布。
但这么搞总感觉有点傻瓜,不够有技术含量。真正的高手,或者说想要控制格子大小、颜色的人,都会选择自己动手做一个“图案预设”。操作也不复杂,你先新建一个文件,建议大小设成2像素乘2像素,背景内容选“透明”。然后把这个小画布拉到最大,用矩形选框工具选中左上角那1像素乘1像素的区域,给它填充上你喜欢的任意颜色,比如经典的#CCCCCC浅灰。填好之后,按Ctrl+D取消选区,然后从菜单栏找到“编辑”,点开“定义图案”,给它起个名字,比如“我的专属格子”。这时候,一个符合你要求的自定义格子就做好了。
以后想用,直接新建一个图层,选择油漆桶工具,把顶部工具选项栏里的“源”从“前景色”改成“图案”,然后在图案库里找到你刚才存的那个“我的专属格子”,对着画布“哐”一下点下去,完美。你说你想做个粉底白线的格子,或者绿底黑线的格子,那就在开头那2像素见方的小文件里,把那个小方块的颜色换成粉色或者绿色就行。
这个方法还有个升级玩法,不少人用PS处理网页素材时,需要那种“瑞士十字”风格的小格子,也就是格子中间有间隙的。那个的做法是,把新建文件的大小设为4像素乘4像素,然后只填充左上角和右下角的1像素块,这样定义出来的图案,铺出来就是一个个独立的小方块,中间会露出底下图层的颜色,显得特别立体。

当然,如果你连图案都懒得定义,其实也有更偷懒的。PS里头建一个大图,选“视图”菜单里的“显示”,把“网格”勾上,画布上就会出现密密麻麻的网格线。再用矩形选框工具按着网格线去选一块区域填充颜色,效果也差不多。不过这种方法做出来的是线条,不是实心的色块,总归还是差点意思。
现在你知道了,网上那些带格子的背景,九成九都是因为这个“透明棋盘格”显示效果。做设计的人导出图片时,为了证明自己确实处理过透明背景,常常会故意把这张带格子的“截图”发给甲方或者放进预览图里,其实导出的正式文件一点格子都没有。这是一种约定俗成的行业暗号,代表“看,这个LOGO底是透的”。
说到这,还有一个经常被问到的点。有人会问,为什么我PS里打开图片,背景是白色的,不是格子?这是因为你的图片本身就不透明。你右键点这个图层,把“背景”转换成“普通图层”后,背景部分是不是就变成格子了?不信你就试试看。另外,现在很多免费的在线作图工具,比如稿定设计、Canva,它们也有类似的功能,通常叫“透明背景”或者“显示透明度”,原理都一样。
下次你再看到那种小格子的图,就可以淡定的跟旁边的人说:这不就是透明度网格嘛。要是谁再问你怎么做,你就把上面这套自己定义图案的方法教给他,保管对方听完觉得你特别专业。做图这事,很多时候就是一层窗户纸,捅破了就这么简单。