木子素材 首页 大神 神器推荐 查看内容

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

2015-1-21 22:40| 发布者: admin| 查看: 150| 评论: 0

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

扫一扫
官方手机版

AI创作助手小程序

扫一扫
AI创作程序

木子官方公众号

扫一扫
木子公众号

木子AI官方公众号

扫一扫
AI公众号

超方便!帮你快速生成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

【木子设计网 原创文章 投稿邮箱:13671295@qq.com】

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

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

手机扫一扫,阅读下载更方便˃ʍ˂

@版权声明

1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。


路过

雷人

握手

鲜花

鸡蛋

最新评论

广告图片
悬浮图片
×