Cut&Slice me 切圖神器(PhotoShop強力割圖插件)[附下載]
切圖神器,只要我設(shè)計的時候按照該插件的規(guī)則進(jìn)行圖層命名和分組,至少減少百分之50以上的切圖工作量。試之,甚爽~~~把它分享給大家,覺得有幫助的朋友可以裝個試試~~
Cut&Slice me具體操作:
1.下面下載地址下載此神器,雙擊并通過Adobe Extension Manager進(jìn)行安裝
2.打開PhotoShop,點擊“窗口”,選擇擴(kuò)展功能,點擊Cut&Slice me,然后便能看到插件界面??错敳繖M排的3個按鈕,你可以選擇IOS\ANDROID\普通設(shè)備三種方式,例如你做的界面是IPAD的(Retina屏分辨率2048×1536,普通屏1024X768 )導(dǎo)出切片的時候會按照2X和普通兩種格式替你導(dǎo)出;同樣,選擇ANDROID也會通過H、M、L三種格式進(jìn)行導(dǎo)出。
再看豎排的3個按鈕,第一個是就是一鍵導(dǎo)出- -,只要你的圖層命名按照他的規(guī)范來,只要一鍵,就可以導(dǎo)出該PSD的所有切片元素X3X。。。第二個是按組導(dǎo)出,不怎么用。。。第3個就是指哪兒導(dǎo)哪兒,你點在哪個分組或圖層上就給你導(dǎo)哪個。
3.接著只要按照下面的規(guī)范,進(jìn)行規(guī)范的圖層命名,就可以通過插件一鍵導(dǎo)出了~~官方說明是英文的~~當(dāng)然我也會做出一定解釋~~
a.成組的組織你的元素,就例如一個按鈕就是一個組,一個輸入框也是一個組一樣
b.如果你要輸出的元素沒有一個規(guī)范的命名,或者你不想按照規(guī)范來。你可以在你想要輸出圖層或者組名稱的最后加@,就能夠以PNG透明圖層格式導(dǎo)出
c. 如果想要你的圖層分組成為一個自定義的尺寸, 新建一個自定義的矩形矢量圖層作為第一層放在該分組的第一層上然后命名#,切片就會按照之前自定義的矩形大小導(dǎo)出
d. 下面是一鍵導(dǎo)出按鈕分組的命名規(guī)范,-normal -hover -clicked / pressed -selected -disabled ,把你的按鈕圖層分組按照這個來命名,一鍵導(dǎo)出的時候,插件就會對這些命名進(jìn)行識別,一鍵導(dǎo)出爽歪歪~~~
本文地址:http://irelandcustomcontracting.com/tutorial/ps1820.html