PS切图插件Cutterman详细使用方法教学
时间:2023-06-15 18:18:18
Cutterman是应用在ps上的一款神器的切图插件,能够自动将你需要的图层进行输出,支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用,非常强大!下面是小编带给大家的Cutterman切图教程,希望能够对大家的工作和生活有所帮助。
基本使用
1. 选择需要导出的图层
2. 选中需要输出的分辨率
3. 选择导出的目标文件夹
4. 点击导出按钮
输出固定尺寸图片
有些时候,我们希望输出的图不是原始尺寸,而是某一固定的尺寸。此时可以通过设置面板上的 "固定尺寸", 输入需要的宽和高,点击导出即可。
此时图片会根据你设置的宽高居中显示,四周留白。
如果设置的宽和高小于图片的原始尺寸,则会对输出的图像进行缩放。
如果不想要图像居中显示,请参考下面的 "选区切图和遮罩切图"
选区/遮罩切图
有些时候,我们希望输出的图按照一定位置摆放,这个时候就需要用到选区,或者遮罩来进行(如图)。
选区切图: 选中图层,用选区工具圈一个区域,点击导出按钮。
遮罩切图: 设置固定尺寸的宽和高,点击旁边的"遮罩"按钮,会自动生成一个遮罩图层,手动调整遮罩图层的位置,点击导出按钮。
切图比例的计算规则
Cutterman 会自动识别你当前打开的文档(或者画板),然后根据它的宽(横屏情况下是高)来设定它的基准分辨率,比如:
一个 720 x 1280 的设计稿会被认为是 Android XHDPI的分辨率, 然后在此基础上,计算其它分辨率的尺寸。
一个 750 x 1125 的设计稿会被认为是 IOS @2X 的分辨率, 则@3X就是原图的1.5倍。
如果用一个 750 x 1334 的设计稿,输出 Android 图的时候,默认会将它设置为 Android XHDPI的分辨率,此时改设计稿的原始尺寸就是XHDPI的尺寸。
同样,如果用一个 720 x 1280 的设计稿,输出 IOS 的图, 默认为将它设置为 @2X 的分辨率。
一个示例如下图:
然而,对于IOS而言, 720不是标准的尺寸,只是接近750的宽,所以我们近似的映射为@2X, 如果你希望能够自动将720 -> 750,做较为精确的比例换算, 则可以在 设置界面中,勾上 "自动换算不同平台尺寸"。
这样,当输出不同平台图片的时候,Cutterman会自动将画布缩放到750,再以此作为@2X进行切图, 结果如下图:
设置当前画布
Cutterman 会自动识别你当前打开的文档(或者画板),然后根据它的宽(横屏情况下是高)来设定它的基准分辨率,目前支持如下尺寸:
Android: 1440 / 1080 / 720 / 480 / 320
IOS: 1125 / 750 / 375
可是如果,你的设计稿画布是不规则尺寸(比如随便建立的一个规整许多图标的psD文档),这个时候,自动识别会失效,会默认设置为@2X,或者xhdpi,如果默认设置的不是你想要的,则可以在设置面板里头,主动设置当前的画布分辨率,如图:
IOS的@3X尺寸
默认情况下,IOS的@2X -> @3X 比例是1.5倍, 比如你的设计稿是750x1334,则@3X会缩放到 1125 的宽度
但是我们知道plus机型的分辨率是1242x2208,某些情况下如果你希望输出@3X是1242的尺寸,则可以在设置里头进行设置,如图:
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
电脑版WPS怎么快速插入网页二维码
![](https://img.aspxhome.com/file/2023/3/a183623_0s.jpg)
win7怎样设置工作组?
![](https://img.aspxhome.com/file/2023/1/a275172_0s.jpg)
Win10资源管理器没有光驱如何解决?
![](https://img.aspxhome.com/file/2023/26/a225771_0s.jpg)
Win10 1903被阻止安装在旧款Mac设备上
![](https://img.aspxhome.com/file/2023/3/a301256_0s.jpg)
在word 2007中如何为文字标注拼音
![](https://img.aspxhome.com/file/2023/4/20534_0s.jpg)
Win10麦克风显示未插入无法使用的解决方法
![](https://img.aspxhome.com/file/2023/1/a277519_0s.png)
在安装Office2010过程中,当安装进度还未结束,系统提示『错误2203。发生了内部错误。』报错,该如何解决呢?
![](https://img.aspxhome.com/file/2023/7/16837_0s.png)
cyberduck怎么用?cyberduck mac使用方法教程
![](https://img.aspxhome.com/file/2023/30/a271462_0s.png)
Win10开始界面打不开怎么办?Win10开始界面打不开的解决方法
![](https://img.aspxhome.com/file/2023/5/51585_0s.jpg)
如何快速共享网络打印机,再也没有比这更简单的方法了
![](https://img.aspxhome.com/file/2023/9/a342660_0s.jpg)
Win11任务栏怎么设置任务栏靠左显示?
![](https://img.aspxhome.com/file/2023/27/a238628_0s.jpg)
WPS excel表格中如何拆分工作簿
![](https://img.aspxhome.com/file/2023/0/a185020_0s.png)
Win8动态磁贴让浏览更轻松不打开应用也可看到最新内容
![](https://img.aspxhome.com/file/2023/29/a256513_0s.png)
解决在Excel2010中不能输入斜杠的方法
![](https://img.aspxhome.com/file/2023/7/37587_0s.jpg)
iOS 13.2beta中的删除Siri历史记录并停止分析怎么操作?
![](https://img.aspxhome.com/file/2023/2/a196652_0s.jpg)
Win7系统已经连接到网络但却无法上网的解决办法
![](https://img.aspxhome.com/file/2023/4/a312488_0s.jpg)
Win7提示驱动丢失或损坏怎么办?Win7提示驱动丢失或损坏的解决方法
![](https://img.aspxhome.com/file/2023/26/a228119_0s.jpg)
Win7系统蓝屏故障0x0000007f的详细解决方法
![](https://img.aspxhome.com/file/2023/3/a294883_0s.jpg)
Win11无法使用个人账户登录如何解决?
![](https://img.aspxhome.com/file/2023/27/a236686_0s.jpg)
自定义Word2003中的快捷键
![](https://img.aspxhome.com/file/2023/4/21164_0s.jpg)