年底神器双重奏!PS尺寸标注脚本+PS图层快捷命名免费下载 - 优设网 - UISDC

年底神器双重奏!PS尺寸标注脚本+PS图层快捷命名免费下载

2014/12/18 39601评论区

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ps-size-mark-layout-rename

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里