目前很多手機app設計師都在使用Cutterman工具進行切圖，因為這個軟件是國內(nèi)的軟件，切圖也必將方便。也提供了3個平臺的切圖方式。最新的Cutterman切圖插件如下圖：

IOS:?如果你是為Iphone設計界面，請使用ios標簽，它能夠為你生成符合ios系統(tǒng)的單/雙倍圖

Android:?如果你是為Android設計界面，請使用Android標簽，它能夠生成符合Android系統(tǒng)的各種DPI分辨率圖片

?PC:?如果你是做web端的設計，請使用PC標簽，它可以支持輸出png/jpg/gif等各種格式和質(zhì)量大小的圖片

選擇完平臺后，會進入到主界面，如果需要切換平臺，可以點擊界面左上角的箭頭按鈕，切換目標平臺。

我們先來回顧一下切圖知識點重點提示：

1）、所有切圖必須為偶數(shù)。不管是ios的切圖 還是android 的切圖。

2）、可平鋪部件切圖時可如下圖：

帶圓角按鈕切圖時可如下圖

同理

并在效果圖中標出具體大小和尺寸。

3）、ios切圖需要切出2套，一套是@2x png和一套@3x的png、png格式為24位的png。

APP界面具體的切圖細分：引導頁、啟動頁、APP圖標、需要作為整塊的元素都是要切除@2x和@3x2套的切圖素材。

如果需要平鋪的元素：如背景、線條、按鈕、漸變等等 都是切.9.png ? 點九圖是適合ios和android 2大系統(tǒng)的。

現(xiàn)在精準化的元素切圖是保證還原高品質(zhì)app界面設計的保證。切圖的技巧決定移動app界面設計美觀度。當然還有標注。

4）、所有表單元素務必切兩種狀態(tài)：比如按鈕的正常狀態(tài)和按下狀態(tài) ?checkbox的選中狀態(tài)和未選中狀態(tài)等等。如下圖的圖標切圖狀態(tài)示例圖：

25學堂的關于Cutterman切圖的干貨教程有：

1、易上手的APP切圖教程以及Cutterman切圖視頻演示

2、移動APP設計之PS切圖插件大匯總，值得收藏

3、移動APP切圖工具Cutandslice以及使用教程

4、Android APP界面標注、尺寸換算和APP標注工具

5、Android尺寸標注設計大全和Android切圖規(guī)范

今天25學堂只是跟大家講解cutterman ps插件安裝完成之后，如何來使用cutterman工具進行切圖。3步輕松搞定Cutterman切圖。算是一個比較簡單的Cutterman切圖教程。

Cutterman切圖簡單步驟：

第一種情況：導出一個圖層的切圖素材。

1. 選中一個你需要輸出的圖層。

2. 點擊“保存路徑”按鈕，設置你想導出到本地的某個文件夾。

3. 點擊“導出選中圖層”按鈕。

注意 !一個圖層組對Cutterman而言，仍然表示一個圖層，會將組里頭的所有內(nèi)容合并作為一個圖層輸出。

第二種情況：導出多個圖層切圖素材：

1. 選中多個圖層

2. 點擊“保存路徑”按鈕，設置你想導出到本地的某個文件夾

3. 點擊“導出選中圖層”按鈕

注意 !選中多個圖層進行導出，默認會逐一輸出每個選中的圖層，如果希望將選中的多個圖層合并導出，請在界面又上角的設置項里頭進行設置。

第三種情況：固定切圖尺寸來切圖素材

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

2. 點擊導出選中圖層按鈕。

注意 !設置固定尺寸后，icon會默認居中顯示。如果設置的尺寸比icon尺寸小，會出現(xiàn)icon被裁剪的現(xiàn)象

以上就是使用Cutterman切圖的三種情況一一跟大家講解啦。這回是不是很容易上手來進行Cutterman切圖啦。如果你還不是明白，可以加我們25學堂的微信或QQ群。主動問群里的app設計大牛們。