设计达人网:用Photoshop做网页设计或UI设计时,绘制参考线是经常的事儿,特别是做栅格的时候,要一个个绘制,一个个计算,有时候会觉得挺麻烦的。今天分享一个帮你快速生成Photoshop参考线的扩展工具,别放过咯。

Griddify 可以轻松生成不同间隔的参考线,还支持水平垂直平分,而且操作都是极之简单,下面来看看介绍:

ps网格辅助线怎么导出(帮你快速生成PHOTOSHOP参考线的GRIDDIF)(1)

Griddify 界面介绍

ps网格辅助线怎么导出(帮你快速生成PHOTOSHOP参考线的GRIDDIF)(2)

栅格

输入栅格数值,以像素为单位,然后点击Griddify按钮自动绘制;

如果多个栅格值,有空格区分,如下图。

ps网格辅助线怎么导出(帮你快速生成PHOTOSHOP参考线的GRIDDIF)(3)

分割

垂直划分

ps网格辅助线怎么导出(帮你快速生成PHOTOSHOP参考线的GRIDDIF)(4)

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

ps网格辅助线怎么导出(帮你快速生成PHOTOSHOP参考线的GRIDDIF)(5)

水平 垂直划分

ps网格辅助线怎么导出(帮你快速生成PHOTOSHOP参考线的GRIDDIF)(6)

内外分割

用正数,会向内分割

ps网格辅助线怎么导出(帮你快速生成PHOTOSHOP参考线的GRIDDIF)(7)

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

ps网格辅助线怎么导出(帮你快速生成PHOTOSHOP参考线的GRIDDIF)(8)

兼容性

该扩展兼容Photoshop CS6、Photoshop CC、Photoshop CC 2014,如果CC 2014无法安装,请看官方说明。

Griddify PS扩展安装方法

1、打开Adobe 扩展管理器,如果没有点击链接进去下载并安装

2、下载Griddify

3、解压后,双击Griddify-1.0.0-beta.3.zxp文件安装,安装过程会提示一个错误,不要理会,直接点击安装即可。

最后重启下你的PS,在菜单【窗口 – 扩展功能】上选择Griddify就可启用了!

优秀网页设计公众youshege 碎片时间学习利器!

,