Cutterman是一款運(yùn)行在photoshop中的插件,能夠自動將你需要的圖層進(jìn)行輸出,以替代傳統(tǒng)的手工 "導(dǎo)出web所用格式" 以及使用切片工具進(jìn)行挨個切圖的繁瑣流程。它支持各種各樣的圖片尺寸、格式、形態(tài)輸出,方便你在pc、ios、Android等端上使用。它不需要你記住一堆的語法、規(guī)則,純點(diǎn)擊操作,方便、快捷,易于上手。
安裝前準(zhǔn)備:
1、一款可用的photoshop,目前支持的版本有cs6/cc/cc2014,那種綠色免安裝的不行噢~
2、Adobe Extension Manager。它是用來管理PS插件的(如右圖),一般會隨著PS安裝而攜帶著,如果沒有,請到這個地址下載安裝。注意這個軟件的版本要和你PS的版本保持一致,不能用Adobe Extension Manager CS6來給PS CC安裝插件。
3、下載最新版本的Cutterman,它是一個.zxp后綴的安裝包。

開始安裝:
1. 雙擊下載的安裝包,默認(rèn)就會用Extension Manager,按照提示步驟進(jìn)行安裝即可。
2. 安裝完成之后,打開/重啟photoshop,在菜單欄選擇"窗口" -> "擴(kuò)展功能" -> Cutterman就可以打開啦。

如果你是要給CC2014安裝cutterman,需要先將Adobe Extension Manager CC的版本升級到7.2的版本才行。
使用方法
目標(biāo)平臺選擇:
Cutterman提供了面向三種平臺的切圖特性
IOS: 如果你是為Iphone設(shè)計(jì)界面,請使用ios標(biāo)簽,它能夠?yàn)槟闵煞蟟os系統(tǒng)的單/雙倍圖
Android: 如果你是為Android設(shè)計(jì)界面,請使用Android標(biāo)簽,它能夠生成符合Android系統(tǒng)的各種DPI分辨率圖片
PC: 如果你是做web端的設(shè)計(jì),請使用PC標(biāo)簽,它可以支持輸出png/jpg/gif等各種格式和質(zhì)量大小的圖片
選擇完平臺后,會進(jìn)入到主界面,如果需要切換平臺,可以點(diǎn)擊界面左上角的箭頭按鈕,切換目標(biāo)平臺。

導(dǎo)出圖層
導(dǎo)出單個圖層:
1. 選中一個你需要輸出的圖層。
2. 點(diǎn)擊“保存路徑”按鈕,設(shè)置你想導(dǎo)出到本地的某個文件夾。
3. 點(diǎn)擊“導(dǎo)出選中圖層”按鈕。

注意 !一個圖層組對Cutterman而言,仍然表示一個圖層,會將組里頭的所有內(nèi)容合并作為一個圖層輸出。
導(dǎo)出多個圖層:
1. 選中多個圖層
2. 點(diǎn)擊“保存路徑”按鈕,設(shè)置你想導(dǎo)出到本地的某個文件夾
3. 點(diǎn)擊“導(dǎo)出選中圖層”按鈕
注意 !選中多個圖層進(jìn)行導(dǎo)出,默認(rèn)會逐一輸出每個選中的圖層,如果希望將選中的多個圖層合并導(dǎo)出,請?jiān)诮缑嬗稚辖堑脑O(shè)置項(xiàng)里頭進(jìn)行設(shè)置。

導(dǎo)出固定尺寸圖片
對于大多數(shù)icon而言,在輸出的時候,會將icon周圍的透明像素進(jìn)行裁剪,只保留有像素的內(nèi)容。這樣輸出的圖片尺寸即是icon的絕對像素尺寸。
但是很多時候,我們處于美觀統(tǒng)一、開發(fā)易用等因素,希望能夠輸出固定的icon尺寸,這時就需要用到Cutterman的“固定尺寸”設(shè)置。
1. 在固定尺寸的位置填入你希望輸出的寬和高,注意必須要比icon的尺寸要大。
2. 點(diǎn)擊導(dǎo)出選中圖層按鈕。
注意 !設(shè)置固定尺寸后,icon會默認(rèn)居中顯示。如果設(shè)置的尺寸比icon尺寸小,會出現(xiàn)icon被裁剪的現(xiàn)象。

新聞熱點(diǎn)
疑難解答
圖片精選