• Hello!欢迎来到网页设计学!
当前位置: 首页 > 设计工具 > PS参考线辅助工具:GuideGuide简介及用法

PS参考线辅助工具:GuideGuide简介及用法

.................................................................................................................................................................

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

插件地址:http://guideguide.me/

GuideGuide

GuideGuide它提供了一个非常便捷的方式生成像素级别的辅助线(栏,行,中线……)网页设计对每个人来说不见得是简单的事,但这里提供你简 单的方法!GuideGuide就会利用PS里面的辅助线自动的在你的文档中划分好网格。当你用了之后就会由衷的觉得:很好很强大。而且,它真正的强大之 处在于:支持选框工具–如果你的文档中有选框的话,它可以在选区内生成对应的辅助线。

延伸阅读:8个PS扩展插件帮你提高设计效率

实用的小工具GuideGuide来了

为啥要把时间花在数学上,而不是省心一点,留出多一点时间来将设计做得更好呢?只要输入一些数字,GuideGuide就会利用PS里面的辅助线自动的在 你的文档中划分好网格。当你用了之后就会由衷的觉得:很好很强大。而且,它真正的强大之处在于:支持选框工具–如果你的文档中有选框的话,它可以在选区内 生成对应的辅助线。

分栏与分列

页面需要分栏和等比间隙?GuideGuide轻松搞定
gg-cols-demo-500

找到中点

GuideGuide让你找到对象的中点变得易如反掌,只要画一个选区或者在图层面板(ctrl + 鼠标左键)创建一个选区,然后点击中点按钮,就可以立即创
建中点线。
gg_02

然后将此列中的其他元素根据需要来对齐

存储常用的划分为选项

如果你经常用同一种网格划分方式,可以存储为选项方便以后随时调用

发挥你的创造力

GuideGuide有分栏,有边距,有中点…… 发挥你的想象力它可以做的更多

划分导航

当你要将一定宽度的导航划分为N等分的分栏的时候,是不是又要计算宽度了?现在不用烦恼了,用GuideGuide吧
gg_03
1.用选区工具画一个你导航宽度的选区
2.输入你导航的分栏数以及他们之间的间距
等边距矩形绘制
当你想绘制一个与你当前元素等边距的矩形,是不是又要计算了?

1.在图层面板(ctrl + 鼠标左键)创建选区
2.在边距栏输入一个负数,然后点击图标,GuideGuide会自动输入四边等距的指数,然后回车创建辅助线
3.根据新创建的辅助线绘制四边等距离的矩形
gg_04

基准线网格绘制

利用GuideGuide便捷的行高设置,轻松创建整页的横向对齐基准线

1.输入你想要的行高
2.将你页面中的元素相应的对齐
gg_05

剩余像素分配

在分栏的时候不是永远都能完美的等分,如果你要在一个10px宽度内分3栏,那么多余的像素怎么办?设置里面的剩余像素分配设置决定将多余的像素分配到哪里,默认是“右下角”
gg_06

下载完毕后开启 Adobe Extension Manager 安装插件,然后打开PS在 windows > extensions 下面开启窗口

本文链接:PS参考线辅助工具:GuideGuide简介及用法

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流