Cut&Slice me 切圖神器（PhotoShop強(qiáng)力割圖插件）[附下載]

切圖神器，只要我設(shè)計(jì)的時(shí)候按照該插件的規(guī)則進(jìn)行圖層命名和分組，至少減少百分之50以上的切圖工作量。試之，甚爽~~~把它分享給大家，覺得有幫助的朋友可以裝個(gè)試試~~

    Cut&Slice me具體操作：

    1.下面下載地址下載此神器，雙擊并通過Adobe Extension Manager進(jìn)行安裝

    2.打開PhotoShop，點(diǎn)擊“窗口”，選擇擴(kuò)展功能，點(diǎn)擊Cut&Slice me，然后便能看到插件界面?？错敳繖M排的3個(gè)按鈕，你可以選擇IOS\ANDROID\普通設(shè)備三種方式，例如你做的界面是IPAD的（Retina屏分辨率2048×1536，普通屏1024X768 ）導(dǎo)出切片的時(shí)候會(huì)按照2X和普通兩種格式替你導(dǎo)出；同樣，選擇ANDROID也會(huì)通過H、M、L三種格式進(jìn)行導(dǎo)出。

    再看豎排的3個(gè)按鈕，第一個(gè)是就是一鍵導(dǎo)出- -，只要你的圖層命名按照他的規(guī)范來，只要一鍵，就可以導(dǎo)出該P(yáng)SD的所有切片元素X3X。。。第二個(gè)是按組導(dǎo)出，不怎么用。。。第3個(gè)就是指哪兒導(dǎo)哪兒，你點(diǎn)在哪個(gè)分組或圖層上就給你導(dǎo)哪個(gè)。

    3.接著只要按照下面的規(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í)別，一鍵導(dǎo)出爽歪歪~~~

    附件下載：Cut&Slice me 切圖神器（PhotoShop強(qiáng)力割圖插件）