您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> ps教程 >> 瀏覽設計教程

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

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

    Cut&Slice me具體操作:

    1.下面下載地址下載此神器,雙擊并通過Adobe Extension Manager進行安裝

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

    再看豎排的3個按鈕,第一個是就是一鍵導出- -,只要你的圖層命名按照他的規范來,只要一鍵,就可以導出該PSD的所有切片元素X3X。。。第二個是按組導出,不怎么用。。。第3個就是指哪兒導哪兒,你點在哪個分組或圖層上就給你導哪個。

Cut&Slice me 切圖神器(PhotoShop強力割圖插件) 切圖軟件 PS插件  ruanjian jiaocheng

    3.接著只要按照下面的規范,進行規范的圖層命名,就可以通過插件一鍵導出了~~官方說明是英文的~~當然我也會做出一定解釋~~

Cut&Slice me 切圖神器(PhotoShop強力割圖插件) 切圖軟件 PS插件  ruanjian jiaocheng

    a.成組的組織你的元素,就例如一個按鈕就是一個組,一個輸入框也是一個組一樣

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

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

    d. 下面是一鍵導出按鈕分組的命名規范,-normal  -hover  -clicked / pressed  -selected  -disabled ,把你的按鈕圖層分組按照這個來命名,一鍵導出的時候,插件就會對這些命名進行識別,一鍵導出爽歪歪~~~

     

    附件下載:Cut&Slice me 切圖神器(PhotoShop強力割圖插件)

[教程作者:admin]
免責聲明:本站文章系圖趣網整理發布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業用途!
本文地址:http://www.9254975.live/Tutorial/ps1820.html
讓每一個像素都清晰可辨
Photoshop CC新功能-智能切圖
圖趣網微信
建議反饋
×
股票软件下载排名