当前位置:首页>设计文章>神器>超方便!帮你快速生成Photoshop参考线的Griddify

超方便!帮你快速生成Photoshop参考线的Griddify

超方便!帮你快速生成Photoshop参考线的Griddify

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

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

超方便!帮你快速生成Photoshop参考线的Griddify

Griddify 界面介绍

超方便!帮你快速生成Photoshop参考线的Griddify

栅格

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

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

超方便!帮你快速生成Photoshop参考线的Griddify

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

超方便!帮你快速生成Photoshop参考线的Griddify

分割

垂直划分

超方便!帮你快速生成Photoshop参考线的Griddify

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

超方便!帮你快速生成Photoshop参考线的Griddify

水平 + 垂直划分

超方便!帮你快速生成Photoshop参考线的Griddify

内外分割

用正数,会向内分割

超方便!帮你快速生成Photoshop参考线的Griddify

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

超方便!帮你快速生成Photoshop参考线的Griddify

兼容性

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

Griddify PS扩展安装方法

1、打开 Adobe 扩展管理器,如果没有点击链接进去下载并安装(http://www.adobe.com)

2、下载Griddify(微盘下载)

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

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

【设计师年度必备神器人气榜】

Top 3:帮你快速搞定参考线!老品牌了
《PS 参考线插件GUIDEGUIDE下载及使用说明》

Top 2:分分钟变成多边形风格!新神器
《这效果超火!教你创建高大上的多边形字体》

Top 1:经久不衰!抠图必备!头发丝都不愁!
《PS抠图神器:KNOCKOUT 2.0汉化版下载及教程》

原文地址:shejidaren

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量90万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的"福利"吗?添加优设哥微信号:youshege

超方便!帮你快速生成Photoshop参考线的Griddify

1、CNBE.CC所有文章,如无特殊说明或标注,均为本站作者原创发布。
2、任何个人或组织,在未征得作者同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
3、如若此作者内容侵犯了原著者的合法权益,可联系客服提交工单进行处理。
4、CNBE.CC内用户所发表的所有内容及言论仅代表其本人,并不反映任何CNBE.CC之意见及观点。
!
你也想出现在这里? 立即联系
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
有新私信 私信列表
搜索