用Photoshop做网页设计或UI设计时,绘制参考线是经常的事儿,特别是做栅格的时候,要一个个绘制,一个个计算,有时候会觉得挺麻烦的。今天分享一个帮你快速生成Photoshop参考线的扩展工具,别放过咯。
Griddify 可以轻松生成不同间隔的参考线,还支持水平垂直平分,而且操作都是极之简单,下面来看看介绍:

Griddify 界面介绍

栅格
输入栅格数值,以像素为单位,然后点击Griddify按钮自动绘制;
如果多个栅格值,有空格区分,如下图。

通过选区的区域来划分栅格

分割
垂直划分

水平划分(点击图标按钮切换状态,如图)

水平 + 垂直划分

内外分割
用正数,会向内分割

如果是输入负数数值,侧向外分割,如下图,输入-30数值,得出的结果:

兼容性
该扩展兼容Photoshop CS6、Photoshop CC、Photoshop CC 2014,如果CC 2014无法安装,请看官方说明:https://github.com