快速生成PS参考线的Griddify插件分享

2016-02-16 21:00 103 1 收藏

今天图老师小编给大家精心推荐个快速生成PS参考线的Griddify插件分享教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - 平面设计 】

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

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

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

Griddify 界面介绍

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

栅格

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

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

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

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

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

分割

垂直划分

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

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

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

水平 + 垂直划分

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

内外分割

用正数,会向内分割

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

快速生成PS参考线的Griddify插件分享,PS教程,图老师教程网

兼容性

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

Griddify PS扩展安装方法

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

2、下载Griddify(微盘下载)

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

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

来源:http://www.tulaoshi.com/n/20160216/1574278.html

延伸阅读
LOGO设计一直以来被我视之为辛苦而不讨好的工作,看似简单的图形,背后的付出的努力却很容易被人忽视。如果刚好花好几天时间做好的logo,又不被看好的情况也时有出现。因为要在一个小小的图形中表达产品、服务理念,还要兼顾配色、结构和搭配运用环境,可以说LOGO设计就是考验设计师能力和耐性的超高难度级工作。好在,胸怀热情的工作狂,也许...
标签: 电脑入门
Wps演示制作过程,用户想知道插入的图片中各对象的位置和大小,一般不容易完成,如何解决这个问题呢? 方法有很多,其中一种就是利用参考线来完成这个任务。 Wps演示中的参考线是默认的水平和垂直方向的两条直线,可以移动、复制、删除、显示或隐藏。编辑状态可见,播放状态、打印时状态不可见,可以用来快速、准确地对齐编辑区内的对象。 右...
图老师小编想说的是,如果你想每个月不错过行业内最新鲜最经典的设计资源和神器的话,记得时刻关注优设定时会分享的福利类文章。好宝贝会帮你一网打尽,您安心工作就可以了。每天抽出几分钟来优设瞧瞧就可获得强悍的设计资源和业内信息。 我也和大家一样,对PS强大的功能欲罢不能,但是更令人着迷的是PS的是扩展插件赋予它的无限可能性。这些...
很多小伙伴们为了提升设计作品的逼格,在设计展示图上打上各种圈圈,让简单的图形,看起来高端上档次。有的时候,屌丝与高富帅,仅一圈之遥。 为了搜文章中的配图频繁搜索女优 构图等关键字而被公司封内网一天的代价.. 还有一种普遍的现象,一个标准简洁的logo诞生之初,总会被外行人鄙视嘲笑吐槽,当设计师发布了线框图(手稿之后),又会...
标签: PS
PS快速消除图片噪点技巧分享   数码相机拍出的照片,难免有时候会产生许多噪点,这些噪点大多是在曝光不足的环境下造成的。当设计师们拿到这样的素材照片时,应该怎样消除噪点就成了一个难题。今天将和大家分享三种用Photoshop CC快速消除噪点的技巧。 一、图像大小 在我们的概念中,图像大小是一个改变图片尺寸的命...

经验教程

884

收藏

9
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部