工具源码
AD

PS切图工具-SLICY-MAC下的切图神器

所属栏目:软件工具更新时间:2019-10-31来源:作者:deepdfhy浏览:0

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


软件特性:

切图方便,简单的拖放即可,傻瓜式操作2.

培养为图片资源合理命名的好习惯

自动生成@2x两套图片,极大方便IOS开发者


二、软件使用

1、PSD文件的预处理

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

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

1

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

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

2

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

3

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

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


二、令人愉悦的切图工作

  • 问:使用Slicy切图总共分几步?

  • 答:总共分2步

  • 第一步:把PSD拖进去

  • 第二步:把图片拖出来

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

4

第一步

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

5

第二步

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

8

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

标签:
代码下载(0)
官网下载
收藏
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏赞助
给个评价吧
最受欢迎的

1云路PHP解密-免费PHP文件解密工具

2IE6forWin8-绿色IE6-WIN7/WIN8系统下的IE6兼容性测试工具

3Chrome扩展-Fatkun图片批量下载 crx下载

4宝塔远程桌面连接工具

5Photoshop CS5 64位下载 64位破解补丁

6WEBDIR+在线查杀木马,WebShell检测引擎

7分享一款整站下载工具Teleport Pro

8ckplayer-免费超酷网页视频播放器

9D盾防火墙-免费IIS服务器木马查杀防御软件

10admin md5密码对应查询,admin对应md5码,常见md5对照表

最新更新的

1PS切图工具-SLICY-MAC下的切图神器

2Brackets - 来自Adobe的免费开源跨平台前端编辑器-支持免刷新预览

3FastStone Capture - 前端开发必备神器器 - 截图/屏幕录像/取色/标尺/抓图

4SwitchHosts-hosts管理神器,本地解析必备

5D盾防火墙-免费IIS服务器木马查杀防御软件

6云路PHP解密-免费PHP文件解密工具

7WEBDIR+在线查杀木马,WebShell检测引擎

8护卫神·云查杀-免费专业查杀网页木马后门

9宝塔远程桌面连接工具

10宝塔面版-简单好用的 Linux/Windows 服务器管理面板