感谢SmashingMagazine在Twitter上的分享。

参考网址：http://www.cameronmcefee.com/guideguide/

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

面板介绍：

操作还是比较好懂的，最上面的三个是快捷创建居中参考线。从左至右依次为：

1）创建水平居中参考线；

2）创建垂直居中参考线；

3）创建水平和居中参考线。

下面的就是创造边距、行、列参考线了。它可以直接根据画布大小创建，也可以通过选区创建。

上面的4个分别是Margin top、bottom、left和right，相信对知晓前端代码的UI界面设计师很有帮助。

下面的四个是快捷创建行、列参考线。左边设置行、列个数，右边设置行、列间距数值。

插件包下载：官方地址 | 我的博客下载地址

安装方法：

Windows – 将安装包解压至“\Program Files\Adobe Photoshop \Plug-Ins\Panels\”，在“窗口”的“扩展面板”中调出。

Mac – 解压至“/Applications/Adobe Photoshop /Plug-Ins/Panels/”。

示例：

创建居中参考线

选区创建居中参考线

创建等距的行、列参考线

支持选区创建行、列参考线，功能更实用

目前该插件正处于测试版，作者希望得到大家的反馈，并且不断修改一些bug。用户可以在http://www.cameronmcefee.com/contact 给作者发邮件，调整版本兼容性。目前能够比较好的支持CS4和CS5版本。

随后的版本更新：

• 完善焦点功能引起的键盘快捷键失效（必须要点击窗口激活当前文件）
• 考虑标尺的0点
• 将一次添加多个参考线作为一次历史记录
• 让GuideGuide支持64位系统

未来版本：

• 校验参考线副本
• 清除所有参考线
• 保存参考线预设

感谢你的关注，Raiya将提供更多实用的工具给大家。

打印  |  类别：设计之外  |  源地址