您的位置:首页 -> 软件教程 -> 图文处理 -> 图片处理
软件教程分类查找
办公软件 图形图像 视频播放 格式转换 手机辅助 系统工具 电脑学习 下载工具 浏览器 QQ 专区 聊天 输入法 安全杀毒
第一部分 入门知识
第二部分 菜单栏与工具箱
第三部分 浮动面板
第四部分 抠取与合成图片
第五部分 图片调色
第六部分 图层样式
第八部分 图片修缮与美化
第九部分 人物美容
第十部分 绘图教程
第十一部分 特效文字
精品软件课程
更多>>

拯救UI设计师,一键切图免费下载!

9.0
出处:2345软件大全 时间:2017-07-17 人气:851

核心提示:几乎没有一个设计师会不为切图而烦恼,因为有无数个png等着重现天日,工作量不可谓是不大!

  几乎没有一个设计师会不为切图而烦恼,因为有无数个png等着重现天日,工作量不可谓是不大!在这里, 阿里巴巴UI设计师为大家推荐了这个:自动切图工具「Slicy」Mac OS版(Layer Cake),真正解放设计师的神器!

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

拯救UI设计师,一键切图免费下载!

  客户端UI设计和手机UI设计最烦的不是设计界面和设计图标,而是切图。Slicy就是来解救讨厌切图的设计师们。(暂无法生成安卓的.9.png)

  这款软件操作十分简单,只要将PSD拖进去Slicy的窗口,就能自动生成.jpg和.png等格式的切图文件,瞬间减少了很多工作量。

  当然,前提是,你得养成良好的PSD图层管理。

拯救UI设计师,一键切图免费下载!

  将上面的有4个五角星的界面拖进去Slicy窗口,瞬间生成4个png切图,点击save保存文件,可以选择同步PSD或者不同步

  (如果同步PSD,只要你的PSD做出修改,相应的切图PNG也会立刻修改生效,不需要再次保存PNG切图)

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

拯救UI设计师,一键切图免费下载!

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

拯救UI设计师,一键切图免费下载!

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

拯救UI设计师,一键切图免费下载!

  假如你想切图的部分跟图层大小并不是一致的。(五角星是图层,红色遮罩是你想切出来的图片大小)

  你只要加上一层遮罩,并把遮罩的图层命名成@bounds。

  这样,切出来的图片大小,会跟@bounds图层的大小一直。

  注意:两个图层要一起放在一个图层文件夹里,并命名“切图名称.png”

拯救UI设计师,一键切图免费下载!

  除了普通的切图,Slicy还能自动把图层放大2倍,生成@2X的切图。

  @2X切图是用在iPhone Retina屏幕上的切图。命名方式见示例里的图层命名方式。

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

  But,正式版是要花钱的哟~