原创不易,如需转载,请附上本文链接,谢谢支持
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:学习资料是我精心挑选的,都是我学习使用过觉得不错才分享给大家的,大部分都是我自掏腰包买的,绝对是行业内大佬的精品课)

还不知道切图吗,工作实战手把手教你PS切图,0基础轻松掌握相关推荐

  1. 内网渗透-实战|手把手教你如何进行内网渗透

    实战|手把手教你如何进行内网渗透 x00 Preface 内网渗透主要是基于前期外围打点getshell的webserver,通过收集webserver上的信息,然后对其他内网主机进行口令上的攻击,当 ...

  2. 什么你还不知道招聘信息,小唐来教你——最新2021爬取拉勾网招聘信息(一)

    文章目录 前言 一.准备我们的库 二.分析分析 三. 代码 四.数据展示 小唐的心路历程 上一篇:没有啦! 下一篇:什么你还不知道招聘信息,小唐来教你--最新2021爬取拉勾网招聘信息(二) 前言 有 ...

  3. 什么你还不知道招聘信息,小唐来教你——最新2021爬取拉勾网招聘信息(二)

    文章目录 前言 一.准备我们的库 二.数据清洗 三.核密度图及词云制作 四.完整代码 五.扩展 上一篇:什么你还不知道招聘信息,小唐来教你--最新2021爬取拉勾网招聘信息(一) 下一篇:没有拉! 前 ...

  4. 结构专业规范大全_钢结构大全图文详解,手把手教你钢结构识图,反正我收藏了!...

    钢结构大全图文详解,手把手教你钢结构识图,反正我收藏了! 钢结构是由钢制材料组成的结构,是主要的建筑结构类型之一.结构主要由型钢和钢板等制成的梁钢.钢柱.钢桁架等构件组成,并采用硅烷化.纯锰磷化.水洗 ...

  5. 思维导图使用技巧:手把手教你怎么画思维导图 #CSDN博文精选# #系统化学习# #IT技术# #知识图谱#

    大家好~我是小C,又见面啦!"文章过滤器"精选大咖干货.助力学习之路. <5天20篇CSDN精选博文带你掌握系统化学习方法>专栏将挑选有关"系统化学习方法&q ...

  6. 最详细的爬虫实战 | 手把手教你用Python爬虫(附详细源码)

    什么是爬虫? 实践来源于理论,做爬虫前肯定要先了解相关的规则和原理,要知道互联网可不是法外之地,你一顿爬虫骚操作搞不好哪天就- 首先,咱先看下爬虫的定义:网络爬虫(又称为网页蜘蛛,网络机器人,在FOA ...

  7. graphpad两组t检验_Graphpad 作图教程 | 手把手教你绘制森林图

    森林图 (forest plots) 是以估计模型 (固定效应模型或是随机效应模型) 结果为基础绘制出的图型.它以一条垂直的直线 (横坐标刻度为 1 或 0) 为中心,用平行于横轴的多条线段描述了每个 ...

  8. android ps切图工具下载,移动APP设计之PS切图插件大汇总,值得收藏

    移动APP界面设计切图和标注是一项必不可少的步骤.所以,设计界也涌现出了很多切图神器和标注神器. 包括25学堂之前介绍过的很多切图工具和切图教程. 今天25学堂的小编为大家精选了几个不错的移动APP设 ...

  9. 实战|手把手教你如何使用抓包神器MitmProxy

    大家好,我是阿辰,今天教大家如何使用MitmProxy抓包工具. 玩爬虫的小伙伴都知道,抓包工具除了MitmProxy外,还有Fiddler.Charles以及浏览器netwrok等 既然都有这么多抓 ...

  10. Echarts 折线图完全配置指南 - 手把手教你设置 Echarts 折线图详细教程

    本文首发:<Echarts 折线图完全配置指南> Echarts 折线图是图表中最常用的显示形式之一.使用 Echarts 做出基本的折线图很简单,但要是想把多组数据放在一张图表中,展示的 ...

最新文章

  1. sql 忽略大小写_Flink使用Calcite解析Sql做维表关联(一)
  2. Oracle 分析函数--Row_Number()
  3. apollo 配置中心_分布式配置中心之Apollo
  4. 显卡在电脑什么位置_告诉你什么配置的电脑显卡/GPU才能播放4K电影视频
  5. 阮一峰react demo代码研究的学习笔记 - demo4 debug - create element and Render
  6. MQTT和Java入门
  7. 【挨踢人物传】tao61:做一个许三多式的IT攻城狮(第2期)
  8. JavaScript中的私有函数;Javascript构造函数的私有方法中访问其属性和公有方法
  9. Mongodb的oplogsize修改
  10. (转)一种可以穿透还原卡和还原软件的代码
  11. ISO50001认证咨询,ISO50001能源管理体系建立的基本步骤及企业的管理权限范围
  12. TCP/IP四层模型和OSI七层模型的概念
  13. CentOS 7.6 安装 Sentaurus 2017.09 记录
  14. 2019美联社写作指南为区块链相关术语提供指导
  15. python transforms_2.2 图像预处理——transforms(笔记)
  16. 基于Python的自动聊天机器人
  17. 深入理解GO语言:GC原理及源码分析
  18. Spring Tips: The Wavefront Observability Platform
  19. 解决表格刷新时抖动闪烁问题
  20. 中国老百姓一生要交多少税?

热门文章

  1. HCIA-Storage 存储工程师学习笔记——1. 存储技术趋势
  2. excel文件修复工具_TunesKit Video Repair下载_视频文件修复工具官方版下载[修复工具]...
  3. 企业oa系统是什么,有什么好用的办公软件推荐?
  4. 【软测面试】找工作前的准备|面试题
  5. ruby所有版本下载地址
  6. [SPSS]典型相关分析的SPSS实现——开卷和闭卷学科成绩的典型相关分析实例
  7. 七天学完Vue之第二天学习笔记(自定指令,过滤器,生命周期函数,动画效果)
  8. 对联广告html,Js对联广告代码示例(入门)
  9. Linux Deploy 2.0 中文,Linux Deploy:在Android上部署Linux
  10. android免费图标_20个免费和高质量的Android图标集—最佳