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

2016-02-16 22:24 24 1 收藏

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

【 tulaoshi.com - 平面设计 】

切图作为设计师出图的最后一步,向来都是令人头疼的工作,其工作内容繁琐枯燥,但又必不可少。同时,作为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

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

软件特性:

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

1、PSD文件的预处理

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

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

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

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

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

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

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

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

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

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

 

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

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

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

第一步

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

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

第二步

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

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

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

小结

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

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

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

来源:http://www.tulaoshi.com/n/20160216/1575675.html

延伸阅读
标签: Web开发
fromCharCode 方法 从一些 Unicode 字符值中返回一个字符串。 String.fromCharCode([code1[, code2[, ...[, codeN]]]]) 参数 String 必选项。为 String 对象。 code1, . . . , codeN 可选项。是要转换为字符串的 Unicode 字符值序列。如果没有给出参数,...
手机茄子快传使用说明   1)茄子快传怎么用 第一步在手机的软件界面上,点击连接电脑,再点击顶端橘红色的连接电脑按钮。   第二步选择需要连接的电脑的名字,直接点击设备的名称就ok了,界面顶端就会显示手机和电脑连接的情况,点击前面的X按钮就会断开连接哦。   2)手机如何向电脑传输文件 连上...
标签: 电脑入门
软件名称:魔方小助手 软件语言:简体中文 软件授权:免费 适用平台:Winxp/vista/win7/2000/2003/ 一、软件安装 魔方小助的安装非常方便,第一步设置安装目录,如图(1)所示: 图(1) 选择开始菜单文件夹,如图(2)所示: 图(2) 最后是开机启动和浏览器设置,如图(3)所示: 图(3) 作为一款系统辅助工具,建议设置开机自启动...
MySQL的转义字符“\” mfc_basic MySQL识别下列转义字符: \0 一个ASCII 0 (NUL)字符。 \n 一个新行符。 \t 一个定位符。 制符分隔 \r 一个回车符。 \b 一个退格符。 \' 一个单引号(“'”)符。 \" 一个双引号(“"”)符。 一个反斜线(“\”)符。 \% 一个“%”符。它用于在正文中搜索“%”的文字实例,否则这里“%”将解释为一...
标签: ASP
  Adodb.Stream是ADO的Stream对象,提供存取二进制数据或者文本流,从而实现对流的读、写和管理等操作. 有下列方法: Cancel 方法      使用方法如下      Object.Cancel      说明:取消执行挂起的异步 Execute 或 Open 方法的调用...

经验教程

537

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部