Cut&Slice me:智能切图和导出切片的PS扩展

这个PS扩展可以智能切图和导出切片功效,并能导出不同设备类型的切片,这功能对有不同尺寸屏幕需求的设计师来说确实很好用。如果你的图层命名能符合Cut&Slice的命名规则,它导出的切片还能帮你根据设备类型来优化切图命名。

071522p2u

Cut&Slice me具体操作:

1.下面下载地址下载此神器,双击并通过Adobe Extension Manager进行安装。

2.打开PhotoShop,点击“窗口”,选择扩展功能,点击Cut&Slice me,然后便能看到插件界面。看顶部横排的3个按钮,你可以选择IOS\ANDROID\普通设备三种方式,例如你做的界面是IPAD的(Retina屏分辨率2048×1536,普通屏1024X768 )导出切片的时候会按照2X和普通两种格式替你导出;同样,选择ANDROID也会通过H、M、L三种格式进行导出。

再看竖排的3个按钮,第一个是就是一键导出- -,只要你的图层命名按照他的规范来,只要一键,就可以导出该PSD的所有切片元素X3X。。。第二个是按组导出,不怎么用。。。第3个就是指哪儿导哪儿,你点在哪个分组或图层上就给你导哪个。

201312220138589887

3.接着只要按照下面的规范,进行规范的图层命名,就可以通过插件一键导出了~~官方说明是英文的~~当然我也会做出一定解释~~

201312227700615326

a.成组的组织你的元素,就例如一个按钮就是一个组,一个输入框也是一个组一样。

b.如果你要输出的元素没有一个规范的命名,或者你不想按照规范来。你可以在你想要输出图层或者组名称的最后加@,就能够以PNG透明图层格式导出。

c. 如果想要你的图层分组成为一个自定义的尺寸, 新建一个自定义的矩形矢量图层作为第一层放在该分组的第一层上然后命名#,切片就会按照之前自定义的矩形大小导出。

d. 下面是一键导出按钮分组的命名规范,-normal -hover -clicked / pressed -selected -disabled ,把你的按钮图层分组按照这个来命名,一键导出的时候,插件就会对这些命名进行识别,一键导出爽歪歪~~~

官方网站:http://www.cutandslice.me/

1 收藏

资源整理者简介:卢伟

设计师、极客爱好者 个人主页 · 贡献了320个资源 · 5 ·    


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer