cutter man切图插件

cutter man切图插件

目前支持的版本有cs6/CC/CC2014 

1．cutterman的下载，去官网下载http://www.cutterman.cn/cutterman

2．安装成功之后打开ps，点击【窗口】->【扩展功能】->【cutterman】

目标平台选择

cutter man提供了面向三种平台的切图特性

IOS: 如果你是为Iphone设计界面，请使用ios标签，它能够为你生成符合ios系统的单/双倍图

Android: 如果你是为Android设计界面，请使用Android标签，它能够生成符合Android系统的各种DPI分辨率图片

PC: 如果你是做web端的设计，请使用PC标签，它可以支持输出png/jpg/gif等各种格式和质量大小的图片

导出单个图层

1. 选中一个你要输出的图层

2. 设置保存目录

3. 再点击导出选中图层按钮

导出图层组

如果你选中的是整个图层组，cutterman会将组里的所有内容都合并，输出一张图

以home图标为例，导出之后，ios会有@2x和@3x的切图。

导出多个图层

1. 选中多个你要输出的图层

2. 设置保存目录

3. 再点击导出选中图层按钮

选中多个图层进行导出，默认会逐一输出每个，如果希望将选中的多个图层合并导出，可以在右上角的设置里面进行设置

导出固定尺寸图片

对于大多数icon而言，在输出的时候，会将icon周围的透明像素进行裁剪，只保留有像素的内容。这样输出的图片尺寸即是icon的绝对像素尺寸。但是很多时候，我们处于美观统一、开发易用等因素，希望能够输出固定的icon尺寸，这时就需要用到Cutterman的“固定尺寸”设置。

1.在固定尺寸的位置填入你希望输出的宽和高，注意必须要比icon的尺寸要大。

2.注意 !设置固定尺寸后，icon会默认居中显示。如果设置的尺寸比icon尺寸小，会出现icon被裁剪的现象。