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

2013/01/18 72357

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

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

Layer Cake下载!微盘下载地址:http://vdisk.weibo.com/s/nrGbZ/1358147000

自动切图神器1

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

自动切图神器2

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

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

自动切图神器3

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

自动切图神器4

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

自动切图神器5

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

自动切图神器6

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

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/slicy-mac

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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