Slicy作为Mac平台上一枝独秀的切图工具,一直以来小编都推荐身边的小伙伴们使用。配合着Photoshop使用,Slicy真的对得起图片设计的得力助手这个称号,下面小编就如何完成一次简单切图,对Slicy软件进行一次详细评测。

使用Slicy切图,当然不能少PSD文件的预处理这一步。小编推荐程序员亲自完成这一步骤,因为这里涉及到图片的命名,我们自己来对图片进行命名可以更好的使之符合整个项目的命名规则,方便在项目中对对应图片资源进行调用和管理。
首先用PhotoShop打开美工给你的PSD文件,如下图
图中的绿色状态图标即为本次需要切出的素材图片
在右侧分组面板中,选中对应的组“Statues”
对“Statues”组的组名进行重命名,将其重命名为“Statues@2x.png”,全部完成后保存PSD文件即可。
到这里,PSD文件的预处理就完成了,事实上这一步也是整个流程中比较繁琐的一步了,完成了这些,今天的切图工作就已经完成了八成。
2、令人愉悦的切图工作
问:使用Slicy切图总共分几步? 答:总共分2步
第一步:把PSD拖进去
第二步:把图片拖出来
是的,就是如此简单,打开Slicy的主界面,你可以看到其主界面也是如此的简单。。。
第一步
将我们预处理好的PSD文件拖进去,在一段令人愉悦的动画之后,我们会看到这个:
第二步
按住Command + A快捷键全选,将图片拖到你需要的地方
可以看到,一套严格命名,大小合规的图片已经被切好导出了,就是这么简单!
在Slicy问世之前,绝大多数人对于切图工作纷纷表示苦恼,现在这项复杂而又枯燥的工作在得到Slicy的鼎力相助之后,从此变得简单有趣,这是广大设计人员的福音,也是开发人员不懈努力的完美结晶。