PS切图插件Cutterman详细使用方法教学

时间:2023-06-15 18:18:18 

Cutterman是应用在ps上的一款神器的切图插件,能够自动将你需要的图层进行输出,支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用,非常强大!下面是小编带给大家的Cutterman切图教程,希望能够对大家的工作和生活有所帮助。


PS切图插件Cutterman详细使用方法教学

基本使用

1. 选择需要导出的图层
2. 选中需要输出的分辨率
3. 选择导出的目标文件夹
4. 点击导出按钮PS切图插件Cutterman详细使用方法教学

输出固定尺寸图片

有些时候,我们希望输出的图不是原始尺寸,而是某一固定的尺寸。此时可以通过设置面板上的 "固定尺寸", 输入需要的宽和高,点击导出即可。
此时图片会根据你设置的宽高居中显示,四周留白。
如果设置的宽和高小于图片的原始尺寸,则会对输出的图像进行缩放。
如果不想要图像居中显示,请参考下面的 "选区切图和遮罩切图"PS切图插件Cutterman详细使用方法教学

选区/遮罩切图

有些时候,我们希望输出的图按照一定位置摆放,这个时候就需要用到选区,或者遮罩来进行(如图)。
选区切图: 选中图层,用选区工具圈一个区域,点击导出按钮。
遮罩切图: 设置固定尺寸的宽和高,点击旁边的"遮罩"按钮,会自动生成一个遮罩图层,手动调整遮罩图层的位置,点击导出按钮。PS切图插件Cutterman详细使用方法教学

切图比例的计算规则

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 的分辨率。
一个示例如下图:PS切图插件Cutterman详细使用方法教学

然而,对于IOS而言, 720不是标准的尺寸,只是接近750的宽,所以我们近似的映射为@2X, 如果你希望能够自动将720 -> 750,做较为精确的比例换算, 则可以在 设置界面中,勾上 "自动换算不同平台尺寸"。PS切图插件Cutterman详细使用方法教学

这样,当输出不同平台图片的时候,Cutterman会自动将画布缩放到750,再以此作为@2X进行切图, 结果如下图:PS切图插件Cutterman详细使用方法教学

设置当前画布

Cutterman 会自动识别你当前打开的文档(或者画板),然后根据它的宽(横屏情况下是高)来设定它的基准分辨率,目前支持如下尺寸:
Android: 1440 / 1080 / 720 / 480 / 320
IOS: 1125 / 750 / 375
可是如果,你的设计稿画布是不规则尺寸(比如随便建立的一个规整许多图标的psD文档),这个时候,自动识别会失效,会默认设置为@2X,或者xhdpi,如果默认设置的不是你想要的,则可以在设置面板里头,主动设置当前的画布分辨率,如图:PS切图插件Cutterman详细使用方法教学

IOS的@3X尺寸

默认情况下,IOS的@2X -> @3X 比例是1.5倍, 比如你的设计稿是750x1334,则@3X会缩放到 1125 的宽度
但是我们知道plus机型的分辨率是1242x2208,某些情况下如果你希望输出@3X是1242的尺寸,则可以在设置里头进行设置,如图:PS切图插件Cutterman详细使用方法教学

标签:Cutterman使用,PS切图插件,Cutterman切图教程
0
投稿

猜你喜欢

  • ​电脑版WPS怎么快速插入网页二维码

    2023-02-07 14:59:08
  • win7怎样设置工作组?

    2023-04-27 05:25:27
  • Win10资源管理器没有光驱如何解决?

    2022-01-17 23:54:02
  • Win10 1903被阻止安装在旧款Mac设备上

    2022-08-20 18:32:11
  • 在word 2007中如何为文字标注拼音

    2023-12-13 08:32:52
  • Win10麦克风显示未插入无法使用的解决方法

    2023-03-29 12:35:01
  • 在安装Office2010过程中,当安装进度还未结束,系统提示『错误2203。发生了内部错误。』报错,该如何解决呢?

    2023-11-08 09:16:49
  • cyberduck怎么用?cyberduck mac使用方法教程

    2022-05-11 18:20:30
  • Win10开始界面打不开怎么办?Win10开始界面打不开的解决方法

    2023-12-13 20:19:23
  • 如何快速共享网络打印机,再也没有比这更简单的方法了

    2023-09-02 08:59:26
  • Win11任务栏怎么设置任务栏靠左显示?

    2022-02-07 18:26:07
  • WPS excel表格中如何拆分工作簿

    2023-08-23 22:02:06
  • Win8动态磁贴让浏览更轻松不打开应用也可看到最新内容

    2023-02-06 08:46:20
  • 解决在Excel2010中不能输入斜杠的方法

    2022-05-15 20:29:37
  • iOS 13.2beta中的删除Siri历史记录并停止分析怎么操作?

    2023-04-14 20:44:52
  • Win7系统已经连接到网络但却无法上网的解决办法

    2022-06-11 16:03:28
  • Win7提示驱动丢失或损坏怎么办?Win7提示驱动丢失或损坏的解决方法

    2023-04-03 19:46:29
  • Win7系统蓝屏故障0x0000007f的详细解决方法

    2023-03-14 08:58:16
  • Win11无法使用个人账户登录如何解决?

    2023-06-06 17:33:29
  • 自定义Word2003中的快捷键

    2023-12-13 01:54:23
  • asp之家 电脑教程 m.aspxhome.com