设计工具 » PS辅助线插件Better Grids,快速创建标准网格系统

PS辅助线插件Better Grids,快速创建标准网格系统

发表于: 设计工具. 评论 (8)
Sponsor

前言:还在手工布局网格和画廊,一个一个去计算参考线等分位置。手动匹配两个不同宽度或者高度的图层,那么这篇文章你一定要看。今天分享的PS参考线插件- Better Grids,强大到让人惊讶, 不仅可以设置单个参考线权重或完美的宽高比,并且可以一键生成为网格或者形状,简直不能太方便了。

PS辅助线插件Better Grids,快速创建标准网格系统

插件特点:

  • 指定列/间隙的数量,间隙,重量,纵横比和边距
  • 3种渲染模式(参考线,形状,网格框架),形状和网格渲染结果会生成新的组,不影响原图层
  • 更改值时实时更新(参考线)
  • 形状渲染模式交替显示背景和前景色 – 根据您的需要进行更改
  • 直观的界面,与其他的Photoshop完美融合
  • 8种快捷方式/功能以放置/居中指南或选定的图层
  • 实时表格验证
  • 适用于任何文档大小,RulerUnit或PPI分辨率
  • 支持单位值输入(从px,in,pt,pc,%,mm,cm中选择)
  • 拖动输入标签以增加/减少值
  • 数据可重置
  • 控制整体参考位置的纵横比(例如1:1,4:3,16:9,……)
  • 每个步骤可快速撤消(每个操作单个历史记录条目)
  • 渲染时可轻松读取图层边界
  • 适用于Adobe Photoshop CC +

使用方法

8种快捷方式

PS辅助线插件Better Grids,快速创建标准网格系统

PS辅助线插件Better Grids,快速创建标准网格系统

快捷设置居中参考线

PS辅助线插件Better Grids,快速创建标准网格系统

左边为原图大小比例效果,右边为匹配高度后的效果

自定义参考线效果

可以自定义参考线行和列的数量,以及间距和比例,(间距单位支持px,in,pt,pc,%,mm,cm)。

PS辅助线插件Better Grids,快速创建标准网格系统

PS辅助线插件Better Grids,快速创建标准网格系统

按照比例划分参考线

PS辅助线插件Better Grids,快速创建标准网格系统

PS辅助线插件Better Grids,快速创建标准网格系统

PS辅助线插件Better Grids,快速创建标准网格系统

PS辅助线插件Better Grids,快速创建标准网格系统

生成形状和网格

形状根据前景和背景色,交替填充。网格为灰色框架。

PS辅助线插件Better Grids,快速创建标准网格系统

PS辅助线插件Better Grids,快速创建标准网格系统

PS辅助线插件Better Grids,快速创建标准网格系统

安装方法

Windows安装:运行安装文件中的”win版”即可;

Mac版:运行安装文件中的”Mac版”即可。

(目录位置:下载解压后把better-grids文件夹复制到目录X:\Adobe Photoshop 2020\Required\CEP\extensions 文件夹下。)

安装好后在运行PS在“窗口-扩展功能”找到Better Grids,点击即可使用

小编测试环境:

  • Win10+PhotoshopCC
  • MAC + Photoshop 2021

FAQ

如果安装后,出现无法加载,提示说未经正确签署。那么尝试以下方法解决:

Win系统:双击运行一下Add Keys.reg

Mac系统:终端运行下面代码,按回车即可(访达>前往>实用工具>终端 或者 应用程序>实用工具>终端)

defaults write com.adobe.CSXS.5 PlayerDebugMode 1

defaults write com.adobe.CSXS.6 PlayerDebugMode 1

defaults write com.adobe.CSXS.7 PlayerDebugMode 1

defaults write com.adobe.CSXS.8 PlayerDebugMode 1

defaults write com.adobe.CSXS.9 PlayerDebugMode 1

MAC系统也可以解压install-as-admin.zip,直接运行「install-as-admin」这个终端试试。

获取插件

在「设计达人」公众号回复「Better Grids」自动获取。

感谢阅读!

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论8 Responses to “PS辅助线插件Better Grids,快速创建标准网格系统”

  1. COO - 回复

    Better Grids

    • 设计 达人 -

      在设计达人公众号回复,系统才会自动发送相关链接的。

  2. colleen - 回复

    非常需要此工具,感謝分享!!

  3. 高飞 - 回复

    想下载学习一下

  4. jun - 回复

    安装上后 不能用,希望可以出下删除教程

  5. Z - 回复

    希望能用上

  6. k - 回复

    超级好用,再也不用做算式了

  7. Charlotte - 回复

    太实用啦!感谢站长!!


{ 发表评论 }