还不知道切图吗，工作实战手把手教你PS切图，0基础轻松掌握

原创不易，如需转载，请附上本文链接，谢谢支持
https://editor.csdn.net/md?not_checkout=1&articleId=110551410
大家好，我是希音~

切图的需求已经不单单是设计师的专属了，前端开发、软件研发、硬件工程师、U3D工程师，自媒体、甚至是行政岗位都会在工作或者学习中需要高效的把一张图里的某几个部分一键导出，如下图，如果要导出红框中的几个浮层图片，要怎么做呢？如果导出的更多呢？

以PS为例今天出一篇教程，不管是Win系统还是Mac系统，只需要几步便可轻松批量切图。

以下教程来自Mac系统截图，Win系统的小伙伴也可以跟着操作，都是一样的，一样的~

工具：Photoshop（CC2014及以上 ）、Cutterman（Win&Mac）

现在电脑配置都挺高，超薄笔记本都能带得动PS，装个PS问题不大

懒得自己找资源的，关注我公众号，后台回复即可获取ps安装包。

1、前期工作，把Cutterman弄进PS里去，下载地址：http://www.cutterman.cn/zh

点击下载即可

2、双击解压，直接安装(Win系统解压安装包，直接双击进行安装，无需别的操作）

安装完成

3、双击打开你的photoshop，窗口→扩展功能→Cutterman-切图神器

输入邮箱注册一个账户

4、好了，前期准备工作就绪，接下来看看Cutterman的功能有哪些吧~

Cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 “导出web所用格式” 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手。

总结就是Cutterman是为UI设计师或者前端开发服务的一款高效切图工具，在pc、ios、Android等端上使用，PS或者AI本身也有自带切图，不太好用，当然也有别的可以切图的方式，都不如Cutterman受到大家稀罕。

来看一下PC端怎么切图吧。

我觉得这两个书本封面不错，想要切出来两张png的图

首先选择图层，输入固定尺寸：选中Web，想要什么格式的图片直接选中，PNG24,PNG8,JPEG都可，用矩形选框工具量一下切图尺寸，在Cutterman中输入固定尺寸

其次选中输出：即你要切图存储的文件位置，自己设置即可，我选择的是桌面

最后导出选中图层，在桌面上就可以看到啦

注意，一定要在不同的图层，尺寸大小差距不太大的图片可以一起切出

iOS、Android明天更，大家晚安~

觉得有用点个赞吧，你的每一个赞我都当成了喜欢，关注公众号后台回复免费获取学习资料

（ps：学习资料是我精心挑选的，都是我学习使用过觉得不错才分享给大家的，大部分都是我自掏腰包买的，绝对是行业内大佬的精品课）