素材创意网址导航

  • 常用
  • 百度
  • google
  • 站内搜索

神器推荐

推荐:解放设计师的切图神器Slicy(Layer Cake)!

  • 发布时间: 2019-12-12

自动切图工具「Slicy」Mac OS版(Layer Cake),真正解放设计师的神器!
为切图黯然销魂的设计师们必备利器!推荐人:abo 阿里巴巴UI设计师

  • @zhuhuizero:这个软件我用了快半年了,之前叫LayerCake,半年更新了3次修复了一些bug,真的相当好用。让切图变的极为轻松,并且强迫你做好清晰合理的图层命名,帮你养成良好的工作习惯,官方有试用版,推荐设计师都用用这个。
  • @aboXabo:链接提供的Slicy(原名Layer Cake)是免费试用版,可能切出来的图有红线水印。正式版是需要钱的,但对于提高工作效率来说,191人民币不算多。中国网民的智慧是无穷的,但不鼓励使用盗版!

 

百度云下载:

APP:https://pan.baidu.com/s/10iyejXZ1pziV3026o3jYVA 提取码: 9wv3

Mac:  https://pan.baidu.com/s/15jAjeBoYFkHAf9fQ4Q6BZg 提取码: x88s

官网下载:

Slicy 官网:http://macrabbit.com/slicy
Examples:http://macrabbit.com/slicy/help
App Store:https://itunes.apple.com/tw/app/slicy/id512533449?l=zh&mt=12

be90e322fb9dffafaba392

客户端UI设计和手机UI设计最烦的不是设计界面和设计图标,而是切图。Slicy就是来解救讨厌切图的设计师们。(暂无法生成安卓的.9.png)
这款软件操作十分简单,只要将PSD拖进去Slicy的窗口,就能自动生成.jpg和.png等格式的切图文件,瞬间减少了很多工作量。
当然,前提是,你得养成良好的PSD图层管理。

38523535c732e8d4ec5086

将上面的有4个五角星的界面拖进去Slicy窗口,瞬间生成4个png切图,点击save保存文件,可以选择同步PSD或者不同步
(如果同步PSD,只要你的PSD做出修改,相应的切图PNG也会立刻修改生效,不需要再次保存PNG切图)

图层命名说明(可参考下载文件里的Slicy示例)

990b9e13ba8abdb2582461

图标切图:只需要把图片图层内容,放置在图层文件夹里,并命名:图标名称.icns就可以自动生成.icns格式的图标文件

be32c55ef3e5264ffa1827

把你想切图的部分,放在文件夹里,并命名切图名称.png(或者.jpg)。就能自动把想切图的部分生成。

60ca00d7640ed455ddf443

假如你想切图的部分跟图层大小并不是一致的。(五角星是图层,红色遮罩是你想切出来的图片大小)
你只要加上一层遮罩,并把遮罩的图层命名成@bounds。
这样,切出来的图片大小,会跟@bounds图层的大小一直。
注意:两个图层要一起放在一个图层文件夹里,并命名“切图名称.png”

02c28e649a82ac54b17454

除了普通的切图,Slicy还能自动把图层放大2倍,生成@2X的切图。
@2X切图是用在iPhone Retina屏幕上的切图。命名方式见示例里的图层命名方式。

只要你养成好的图层命名规则,这款软件可以方便快速生成切图,帮你省掉一半的工作时间。

wechat

素材巴巴资源网

关注他,发现更好的设计素材教程资源

微信号:408690589