ps-size-mark-layout-rename-1

编者按:感觉年底是免费资源的狂欢大会呢。今天一口气分享两款神器,Size Marks 可以自动标注尺寸,设计师与前端人员都用得上,非常方便。Renamy是用来快捷命名Photoshop图层的,特别适合于多图层的PSD设计文件,两款都是免费使用的,赶紧来收吧。

@设计达人网 :Size Marks 是用在Photoshop的一个自动标注尺寸脚本,可以方便设计师和前端人员在效果图上添加尺寸,很实用哦!虽然很早就有类似的工具,但大部分为收费,而这个是免费的!下面来看看介绍:

安装方法

1. 下载Size marks:微盘下载

2. 复制Size Marks.jsx到Photoshop的脚本文件夹。

  • OS X: /Applications/[Photoshop]/Presets/Scripts/
  • Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts

3. 重启Photoshop,点击【文件】菜单 – 【脚本】 -Size Marks,如果有显示,表示安装成功了,如下图。

尺寸标注工具

4. 设置脚本快捷键,点击【编辑】菜单 – 【键盘快捷键和菜单】- 然后拉到Size Marks上为其设置快捷键。如下图:

建议使用快捷键:

  • OX S系统:Shift+cmd+P
  • WIN系统:Shift+Ctrl+P

尺寸标注工具

使用方法

使用这个扩展是很简单的,直接看下面的GIF图你就会明白了。

1. 选择“矩形选框工具(M)”

2. 绘制一个矩形

3. 按刚才设置的脚本快捷键Shift+Ctrl+P,接着就会自动显示标注了,如下图:

尺寸标注工具

疑问

Size Marks脚本是如何判断水平和垂直标注呢?

经小编测试,它是根据你画的矩形的长度来判断的。比如你画了个25 * 30px的矩形,那么它就以30px来标注,如果是正方形,就默认为垂直标注。

素材版权:免费使用

兼容性:小编在 OS X Yosemite 上使用 Photoshop CC 2014 测试可用。

PS图层快捷命名扩展工具 —— Renamy

Renamy是用来快捷命名Photoshop图层的扩展,特别适合于多图层的PSD设计文件。比如目前制作APP UI的设计项目,一个APP会有很多按钮、状态图标等等,一个好的命名规范是必须的,特别是使用它与切图工具Cut&Slice配合,这样会真的很方便哦!

上面这段话隐藏了一段关键信息:好的作图规范很重要!《WEB设计指南!PS礼仪白皮书》

微盘下载

PS图层命名扩展工具 - 设计达人

特色

  • 支持多个图层命名,包换只改组名称。可替换或接着在原图层名称后面添加新名称。
  • 支持查找和替换图层名称
  • 支持正则表达式来命名。

具体操作下载后有PDF说明文件,另外建议大家看官网的视频:

PS图层命名扩展工具 - 设计达人

安装

下载后,有软件使用说明PDF,以及PS CC和PS CC 2014两个安装文件。请选择对应版本安装。

版权:免费

兼容性:Photoshop CC,Photoshop CC 2014

【设计师年度必备神器人气榜】

Top 3:帮你快速搞定参考线!老品牌了
《PS 参考线插件GUIDEGUIDE下载及使用说明》

Top 2:分分钟变成多边形风格!新神器
《这效果超火!教你创建高大上的多边形字体》

Top 1:经久不衰!抠图必备!头发丝都不愁!
《PS抠图神器:KNOCKOUT 2.0汉化版下载及教程》

原文地址:shejidaren

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量87万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

点赞
收藏 2

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏