屌絲個人開發者經常遇到的尷尬問題是,自己不會設計UI素材又請不起專業的美工。最好的方式是去網上下載符合自己需求的素材修修改改直接用上。但是,在這個過程中會發現很多下載下來的素材是PSD格式的,很多圖標資源以圖層的方式共存於一個PSD文件中。最傻的辦法是新建一個圖層,把需要的某個圖標土層復制過去然后再保存。這種圖的掉渣的方式確實影響工作效率,程序員豈能浪費時間在這種事情上?本文采用一種全自動的方式提取出這個PSD里面的所有圖標並生成png、jpg、@2x圖標,整個過程是傻瓜式的。Let`s go!

step1:下載PSD素材。本文的例子如上圖所示,每個圖標用一個圖層表示
step2:重命名圖層。以like圖層為例,它所對應的圖標是第1行第4列的桃心。如果我們想要保存為.png格式,並且加上@2x后綴,則直接雙擊圖層名字,改為like@2x.png。其他圖層都要修改名字,名字不必一致。結束后保存psd
step3:下載切圖神奇Slice(mac版),附上pj版鏈接:http://ifunapple.com/2014/04/slicy/
step4:將psd文件拖到Slice窗口中,幾秒后熱騰騰的圖標文件就出來了
更多介紹請移步http://jingyan.baidu.com/article/fec4bce2377855f2618d8bfb.html
