详细解析Mac下的切图神器Slicy使用说明

Nicy尛樂

Nicy尛樂

2016-02-16 22:24

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享详细解析Mac下的切图神器Slicy使用说明,希望可以对大家能有小小的帮助。

切图作为设计师出图的最后一步,向来都是令人头疼的工作,其工作内容繁琐枯燥,但又必不可少。同时,作为IOS开发者,我们往往需要为程序准备两套图片资源,以应对低清屏和Retina屏的不同需求,随之而来的是切图工作量的成倍增加。今天为大家推荐一款Mac下的切图小工具Slicy,以上烦恼皆可得到妥善的解决。

Slicy 官网:http://macrabbit.com/slicy
Examples:http://macrabbit.com/slicy/help
App Store:https://itunes.apple.com/tw/app/slicy/id512533449

软件特性:

切图方便,简单的拖放即可,傻瓜式操作2.培养为图片资源合理命名的好习惯自动生成@2x两套图片,极大方便IOS开发者二、软件使用

1、PSD文件的预处理

这一步可以由设计师来处理,不过个人推荐程序员亲自完成这一步骤,因为这里涉及到图片的命名,我们自己来对图片进行命名可以更好的使之符合整个项目的命名规则,方便在项目中对对应图片资源进行调用和管理。

首先用PhotoShop打开设计师给你的PSD文件,如下图:

详细解析Mac下的切图神器Slicy使用说明,PS教程,图老师教程网

图中的绿色状态图标即为本次需要切出的素材图片

在右侧分组面板中,选中对应的组Statues

详细解析Mac下的切图神器Slicy使用说明,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

对Statues组的组名进行重命名,将其重命名为Statues@2x.png,全部完成后保存PSD文件即可。

详细解析Mac下的切图神器Slicy使用说明,PS教程,图老师教程网

这里要注意别忘了@2x后面的.png。同时,这里的命名即为图片素材被切出后的名字,因此建议大家在命名时考虑到项目整体的命名规则和调用的方便来进行命名,避免图片切好之后再来修改名字,浪费时间。

到这里,PSD文件的预处理就完成了,事实上这一步也是整个流程中比较繁琐的一步了,完成了这些,今天的切图工作就已经完成了八成。

 

二、令人愉悦的切图工作问:使用Slicy切图总共分几步?答:总共分2步第一步:把PSD拖进去第二步:把图片拖出来

是的,就是如此简单,打开Slicy的主界面,你可以看到其主界面也是如此的简单。。。

详细解析Mac下的切图神器Slicy使用说明,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

第一步

将我们预处理好的PSD文件拖进去,在一段令人愉悦的动画之后,我们会看到这个:

详细解析Mac下的切图神器Slicy使用说明,PS教程,图老师教程网

第二步

按住Command + A快捷键全选,将图片拖到你需要的地方。

详细解析Mac下的切图神器Slicy使用说明,PS教程,图老师教程网

可以看到,一套严格命名,大小合规的图片已经被切好导出了,就是这么简单!

小结

Slicy的存在使得原本繁琐的切图工作变得轻松惬意,尤其是当程序猿霸气的对设计师妹子说:看你那么辛苦,今天的图我来切时,相信大多数设计师妹子都会感动的痛哭流涕有木有。。。

综上,Slicy使用简单,小巧清爽,实在是居家旅行,杀人灭口勾搭设计师的必备神器。

展开更多 50%)
分享

猜你喜欢

详细解析Mac下的切图神器Slicy使用说明

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析Mac下的切图神器Slicy使用说明

SLICY MAC下的切图神器!

设计创意
SLICY MAC下的切图神器!

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

图解 GHOST的使用说明(详细)

服务器
图解 GHOST的使用说明(详细)

Linux系统下apachectl命令使用说明

服务器
Linux系统下apachectl命令使用说明

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

APMServ使用说明

Web开发
APMServ使用说明

详细解析PS切图标记外挂神器Assistor

PS PS基础
详细解析PS切图标记外挂神器Assistor

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

7条来自最著名天气类APP的设计经验

7条来自最著名天气类APP的设计经验

详细解析政务网站的重设计心得

详细解析政务网站的重设计心得
下拉加载更多内容 ↓