移动设计联盟 | UI设计平台 - MobileUI莫贝网

登录  |  注册

QQ登录

只需一步,快速开始

搜索
返回列表
查看: 4022|回复: 0
打印 上一主题 下一主题

PS 参考线插件GUIDEGUIDE下载及使用说明

[复制链接]

177

主题

182

帖子

732

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
732

突出贡献

跳转到指定楼层
楼主
发表于 2014-7-8 20:59:28 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式

大家都知道,每次在PS里面拉参考线是一件很痛苦的事情,特别是要按照规定的宽度创建Grid的时候,而这回,Cameron Mcefee提供了一个插件“GuideGuide”,如其名,的确是非常方便的一款创建参考线的插件。

今天为大家介绍一款非常实用的PS小插件GuideGuide,它提供了一个非常便捷的方式生成像素级别的辅助线(栏,行,中线……)
想像一下在PS里面创建好一组多栏目的辅助线:页面多宽,分2栏目还是3栏,分栏里面又有多少个分栏……数学不好的同学估计手心都开始冒汗了。确实,在PS里面创建网格是个非常痛苦的事情,不少设计同学都是大概估算一下宽高来拉辅助线;或者画一个矢量图形,然后复制移动来分列。如果总的宽度有了变化之后,又将他们整体拉宽来重新分列。没耐心的人估计已经开始喊:“我是设计师,不是数学家”,有耐心的人会重新算过一遍之后再来,还有公式如下:
(页面宽度 – (间隙宽度 x (分栏数 – 1) ))÷ 分栏数 = 栏目宽
看起来是不是有点想暴走?设计个页面还要搞这么复杂的东西。
实用的小工具GuideGuide来了
为啥要把时间花在数学上,而不是省心一点,留出多一点时间来将设计做得更好呢?只要输入一些数字,GuideGuide就会利用PS里面的辅助线自动的在你的文档中划分好网格。当你用了之后就会由衷的觉得:很好很强大。而且,它真正的强大之处在于:支持选框工具–如果你的文档中有选框的话,它可以在选区内生成对应的辅助线。
分栏与分列
页面需要分栏和等比间隙?GuideGuide轻松搞定
找到中点
GuideGuide让你找到对象的中点变得易如反掌,只要画一个选区或者在图层面板(ctrl + 鼠标左键)创建一个选区,然后点击中点按钮,就可以立即创
建中点线。
然后将此列中的其他元素根据需要来对齐
存储常用的划分为选项
如果你经常用同一种网格划分方式,可以存储为选项方便以后随时调用
发挥你的创造力
GuideGuide有分栏,有边距,有中点…… 发挥你的想象力它可以做的更多
划分导航
当你要将一定宽度的导航划分为N等分的分栏的时候,是不是又要计算宽度了?现在不用烦恼了,用GuideGuide吧

1.用选区工具画一个你导航宽度的选区
2.输入你导航的分栏数以及他们之间的间距
等边距矩形绘制
当你想绘制一个与你当前元素等边距的矩形,是不是又要计算了?
1.在图层面板(ctrl + 鼠标左键)创建选区
2.在边距栏输入一个负数,然后点击图标,GuideGuide会自动输入四边等距的指数,然后回车创建辅助线
3.根据新创建的辅助线绘制四边等距离的矩形
基准线网格绘制
利用GuideGuide便捷的行高设置,轻松创建整页的横向对齐基准线
1.输入你想要的行高
2.将你页面中的元素相应的对齐

剩余像素分配
在分栏的时候不是永远都能完美的等分,如果你要在一个10px宽度内分3栏,那么多余的像素怎么办?设置里面的剩余像素分配设置决定将多余的像素分配到哪里,默认是“右下角”
官网下载地址:Download
下载完毕后开启 Adobe Extension Manager 安装插件,然后打开PS在 windows > extensions 下面开启窗口

来自:优设
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表