前段时间做海报版式优化,折腾半天研究ps怎么制作网格效果,前后踩了好几个没必要的弯路,一开始盲目套用网上乱七八糟的快捷操作,结果做出来的网格要么比例错乱,要么没法跟着画布同步调整,改起来比重新做还麻烦。
最开始傻乎乎的直接用直线工具,一条一条手动绘制横竖线条。现在想想都觉得离谱,整张一千像素的画布,横向画二十根线,纵向画三十根线,耗费十几分钟不说,线条间距压根没法做到均匀,部分线条粗细还无意间调的不一样,整体观感乱糟糟的,用来做排版辅助网格完全不合格,做装饰性网格也显得特别廉价。
说白了,手动拉线纯粹是白费功夫,完全没必要消耗多余精力。
后来才反应过来,PS自带两个原生功能,能直接搞定所有网格制作需求,不用下载任何插件,也不用导入外部素材,适配新手所有的使用场景。
先说用来排版、对齐元素的辅助基准网格,这个是我日常做设计用的最多的。顶部菜单栏点开视图,找到里面的首选项,直接点开参考线、网格和切片这个选项。弹窗页面里能自由调整网格的颜色、样式,我一般会选浅灰色虚线,不会遮挡画面内容,还能清晰看清边界。
这块参数设置是关键,很多人做出来网格违和,就是参数没调好。网格线间隔按照画布尺寸设定,我常用20px作为基础间隔,子分隔线设置为4,这样既能满足精细化对齐,也不会因为网格密度太高,导致画面看起来密密麻麻,看着眼睛发酸。设置完成点击确定,再按下快捷键Ctrl+’,整个画布的基准网格就直接显示出来了。
这个网格有个很实用的点,它属于参考图层,不会直接印在成品图片上,导出图片的时候会自动消失,专门用来规范图片、文字、图层的摆放位置,做版式设计简直不要太方便。
单纯要装饰类、能直接导出的实体网格,就换另一种操作方式。
新建一个空白图层,这个步骤千万不能忘,直接在背景图层操作很容易破坏原始素材。然后依旧从视图里调出刚才设置好的网格,随后点击编辑,选择填充,内容选项里选取图案。
提前在图案预设库里,新建一个基于当前画布网格的图案,保存之后直接填充到新建图层上。填充结束后,降低图层的不透明度,一般调到15%-30%之间刚刚好,根据图片明暗程度微调就行。
很短的一段话。
之前一直混淆这两个功能,把辅助网格当成实体网格去填充,反复操作半天都出不来效果,还好几次因为没新建独立图层,误改了原始图片,只能撤回重来。其实二者的区别直白又简单,辅助网格只做对齐参考,填充图案网格才可以直接渲染在画面里,用于封面、壁纸、海报的装饰。
昨天整理设计文件的时候,翻到当初手动拉线做出来的那张废图,线条歪歪扭扭,间距大小不一。索性直接删掉了那张图,重新用填充图案的方式做了一版适配尺寸的网格底图。