Auto-cutting method for PSD icon material for iOS, Android and Web front-end

Dick Silk personal developers often encounter the embarrassing problem is that they do not design UI material and could not afford professional art. The best way is to go online to download the material to meet their own needs modified to direct use. However, in this process will find a lot of downloaded material is PSD format, many icon resources in a layer of the way coexistence in a PSD file. The stupidest way to do this is to create a new layer, copy the desired layer of the soil and then save it. How could programmers waste their time on this sort of thing, which really affects productivity? In this paper, a fully automated way to extract all the icons inside the PSD and generate PNG, JPG, @2x icon, the whole process is a fool. Let ' s go!

Step1: Download PSD material. Examples of this article are as shown in the previous illustration, with each icon represented by a layer

Step2: Rename layer. Take the like layer as an example, its corresponding icon is the 1th row of the 4th column of Peach Heart. If we want to save in the. png format and add the @2x suffix, double-click the layer name and change to Like@2x.png. All other layers have to change their names, and the names need not be identical. Save PSD after end

Step3: Download the Magic Slice (Mac version), attach the PJ version link: http://ifunapple.com/2014/04/slicy/

STEP4: Drag the psd file into the slice window, and a few seconds later the hot icon file comes out.

For more information, please http://jingyan.baidu.com/article/fec4bce2377855f2618d8bfb.html

Author: cnblogs Programming Xiao Weng

See more highlights of this column: http://www.bianceng.cnhttp://www.bianceng.cn/OS/extra/