自動(dòng)切圖工具「Slicy」Mac OS版(Layer Cake),真正解放設(shè)計(jì)師的神器!
為切圖黯然銷魂的設(shè)計(jì)師們必備利器!推薦人:abo 阿里巴巴UI設(shè)計(jì)師

  • @zhuhuizero:這個(gè)軟件我用了快半年了,之前叫LayerCake,半年更新了3次修復(fù)了一些bug,真的相當(dāng)好用。讓切圖變的極為輕松,并且強(qiáng)迫你做好清晰合理的圖層命名,幫你養(yǎng)成良好的工作習(xí)慣,官方有試用版,推薦設(shè)計(jì)師都用用這個(gè)。
  • @aboXabo:鏈接提供的Slicy(原名Layer Cake)是免費(fèi)試用版,可能切出來的圖有紅線水印。正式版是需要錢的,但對于提高工作效率來說,191人民幣不算多。中國網(wǎng)民的智慧是無窮的,但不鼓勵(lì)使用盜版!

Layer Cake下載!微盤下載地址:http://vdisk.weibo.com/s/nrGbZ/1358147000

推薦:解放設(shè)計(jì)師的切圖神器Slicy(Layer Cake)!

客戶端UI設(shè)計(jì)和手機(jī)UI設(shè)計(jì)最煩的不是設(shè)計(jì)界面和設(shè)計(jì)圖標(biāo),而是切圖。Slicy就是來解救討厭切圖的設(shè)計(jì)師們。(暫無法生成安卓的.9.png)
這款軟件操作十分簡單,只要將PSD拖進(jìn)去Slicy的窗口,就能自動(dòng)生成.jpg和.png等格式的切圖文件,瞬間減少了很多工作量。
當(dāng)然,前提是,你得養(yǎng)成良好的PSD圖層管理。

推薦:解放設(shè)計(jì)師的切圖神器Slicy(Layer Cake)!

將上面的有4個(gè)五角星的界面拖進(jìn)去Slicy窗口,瞬間生成4個(gè)png切圖,點(diǎn)擊save保存文件,可以選擇同步PSD或者不同步
(如果同步PSD,只要你的PSD做出修改,相應(yīng)的切圖PNG也會(huì)立刻修改生效,不需要再次保存PNG切圖)

圖層命名說明(可參考下載文件里的Slicy示例)

推薦:解放設(shè)計(jì)師的切圖神器Slicy(Layer Cake)!

圖標(biāo)切圖:只需要把圖片圖層內(nèi)容,放置在圖層文件夾里,并命名:圖標(biāo)名稱.icns就可以自動(dòng)生成.icns格式的圖標(biāo)文件

推薦:解放設(shè)計(jì)師的切圖神器Slicy(Layer Cake)!

把你想切圖的部分,放在文件夾里,并命名切圖名稱.png(或者.jpg)。就能自動(dòng)把想切圖的部分生成。

推薦:解放設(shè)計(jì)師的切圖神器Slicy(Layer Cake)!

假如你想切圖的部分跟圖層大小并不是一致的。(五角星是圖層,紅色遮罩是你想切出來的圖片大?。?br /> 你只要加上一層遮罩,并把遮罩的圖層命名成@bounds。
這樣,切出來的圖片大小,會(huì)跟@bounds圖層的大小一直。
注意:兩個(gè)圖層要一起放在一個(gè)圖層文件夾里,并命名“切圖名稱.png”

推薦:解放設(shè)計(jì)師的切圖神器Slicy(Layer Cake)!

除了普通的切圖,Slicy還能自動(dòng)把圖層放大2倍,生成@2X的切圖。
@2X切圖是用在iPhone Retina屏幕上的切圖。命名方式見示例里的圖層命名方式。

只要你養(yǎng)成好的圖層命名規(guī)則,這款軟件可以方便快速生成切圖,幫你省掉一半的工作時(shí)間。

收藏 6
點(diǎn)贊 8

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。