欢迎光临一流素材网,免积分免费素材下载!
工具源码
AD

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

所属栏目:软件工具更新时间:2019-11-22来源:作者: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文件解密工具

2Demoo - 为移动端方案设计演示而生 - 来自腾讯

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

4宝塔远程桌面连接工具

5LICEcap – 灵活好用小巧GIF 屏幕录制工具

6GifCam-免费gif动画录制/剪辑神器

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

8Snipaste - 屏幕截图神器软件 - 年精心打造的截图的极品贴图/编辑/标注工具

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

10ScreenToGif 2.9 中文版- 又一款Gif录制神器工具

最新更新的

1MYSQL备份/恢复工具-帝国备份王-稳定高效的MYSQL数据库备份工具

2马克鳗(markman) - 高效的设计稿标注、测量工具

3多备份体验 - 免费网站云备份服务

4WinSCP - SSH 的开源图形化 SFTP 客户端

5XnConvert - Win/Mac图像批量转换/压缩/处理软件,支持webp格式

6USBWebServer 中文版 - WIN下便携绿色免费的一键快速搭建 PHP/MySQL 网站服务器环境工具

7七牛云存储 - 免费云存储服务商

8Demoo - 为移动端方案设计演示而生 - 来自腾讯

9ServKit - 绿色 PHP 套件 - 便捷、开放,你的专属套件

10LNMP - PHP环境一键安装包