自動(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
客戶端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圖層管理。
將上面的有4個(gè)五角星的界面拖進(jìn)去Slicy窗口,瞬間生成4個(gè)png切圖,點(diǎn)擊save保存文件,可以選擇同步PSD或者不同步
(如果同步PSD,只要你的PSD做出修改,相應(yīng)的切圖PNG也會(huì)立刻修改生效,不需要再次保存PNG切圖)
圖層命名說明(可參考下載文件里的Slicy示例)
圖標(biāo)切圖:只需要把圖片圖層內(nèi)容,放置在圖層文件夾里,并命名:圖標(biāo)名稱.icns就可以自動(dòng)生成.icns格式的圖標(biāo)文件
把你想切圖的部分,放在文件夾里,并命名切圖名稱.png(或者.jpg)。就能自動(dòng)把想切圖的部分生成。
假如你想切圖的部分跟圖層大小并不是一致的。(五角星是圖層,紅色遮罩是你想切出來的圖片大?。?br />
你只要加上一層遮罩,并把遮罩的圖層命名成@bounds。
這樣,切出來的圖片大小,會(huì)跟@bounds圖層的大小一直。
注意:兩個(gè)圖層要一起放在一個(gè)圖層文件夾里,并命名“切圖名稱.png”
除了普通的切圖,Slicy還能自動(dòng)把圖層放大2倍,生成@2X的切圖。
@2X切圖是用在iPhone Retina屏幕上的切圖。命名方式見示例里的圖層命名方式。
只要你養(yǎng)成好的圖層命名規(guī)則,這款軟件可以方便快速生成切圖,幫你省掉一半的工作時(shí)間。
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
品牌形象設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 726 位幸運(yùn)星
發(fā)表評論 為下方 19 條評論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓