Cut&Slice me切圖插件是一款Photoshop輔助設(shè)計(jì)插件，用戶使用這款插件進(jìn)行切圖可以節(jié)省大量的工作時(shí)間，提升工作效率，插件支持Phototshop CS6版本。需要的朋友可以去前來本站下載。

Cut&Slice me安裝

下載解壓后，把CutAndSliceMe.zxp文件，將文件名改為.zip后綴，將該文件解壓到photoshop cs6的安裝目錄下的\Plug-ins\Panels目錄下(需新建一個(gè)CutAndSliceMe命名的文件夾)。

Cut&Slice me使用

安裝完后重啟photoshop cs6在菜單欄 > 窗口 > 擴(kuò)展功能 > CutAndSliceMe 點(diǎn)擊啟動(dòng)插件。

主界面上排有3個(gè)橫向按鈕，依次是手機(jī)、安卓、PC端的圖像導(dǎo)出選項(xiàng)，。

下面有一列3個(gè)選項(xiàng)的導(dǎo)出選項(xiàng)：

Cut All assets

全局遍歷，導(dǎo)出所有圖層組命名中最后帶@符號(hào)的圖層組為一個(gè)PNG圖片。

(提示：如果希望要導(dǎo)出多個(gè)圖層，建議給每個(gè)圖層套一個(gè)命名最后帶@符號(hào)圖層編組)

Cut Subgroups

局部遍歷，導(dǎo)出選定圖層組下，加了@后綴命名的圖層為一個(gè)PNG圖片。

Cut Selected

導(dǎo)出選定圖層為PNG格式，且只能單選一個(gè)圖層。

導(dǎo)出的文件會(huì)存放在桌面上生成的文件夾中。

如果想要你的圖層分組成為一個(gè)自定義的尺寸， 新建一個(gè)自定義的矩形矢量圖層作為第一層放在該分組的第一層上然后命名#，切片就會(huì)按照之前自定義的矩形大小導(dǎo)出。

接著只要按照下面的規(guī)范，進(jìn)行規(guī)范的圖層命名，就可以通過插件一鍵導(dǎo)出了~~官方說明是英文的~~當(dāng)然我也會(huì)做出一定解釋~~

a.成組的組織你的元素，就例如一個(gè)按鈕就是一個(gè)組，一個(gè)輸入框也是一個(gè)組一樣

b.如果你要輸出的元素沒有一個(gè)規(guī)范的命名，或者你不想按照規(guī)范來。你可以在你想要輸出圖層或者組名稱的最后加@，就能夠以PNG透明圖層格式導(dǎo)出

c. 如果想要你的圖層分組成為一個(gè)自定義的尺寸， 新建一個(gè)自定義的矩形矢量圖層作為第一層放在該分組的第一層上然后命名#，切片就會(huì)按照之前自定義的矩形大小導(dǎo)出

d. 下面是一鍵導(dǎo)出按鈕分組的命名規(guī)范，-normal -hover -clicked / pressed -selected -disabled ，把你的按鈕圖層分組按照這個(gè)來命名，一鍵導(dǎo)出的時(shí)候，插件就會(huì)對(duì)這些命名進(jìn)行識(shí)別