"Original" PSD icon footage of the automatic method of cutting, for iOS, Android, web front-end and other fields

Source: Internet
Author: User

Original address: http://www.cnblogs.com/wengzilin/p/3775410.html

Dick Wire The awkward problem that individual developers often encounter is that they don't design UI material and can't afford professional artwork. The best way is to go online to download the material to meet their needs to modify the changes directly to use. However, in this process will find a lot of downloaded footage is PSD format, many of the icon resources in a layer of the way the coexistence of a PSD file. The stupidest way to do this is to create a new layer, copy the layers of the desired icon and save them. How could programmers waste their time on such things as the way in which such graphs are removed does affect productivity? This paper uses a fully automatic way to extract all the icons inside the PSD and generate PNG, JPG, @2x icons, the whole process is a fool-style. Let ' s go!

Step1: Download PSD footage. As shown in the example in this article, each icon is represented by a layer

Step2: Rename the layer. Take the like layer as an example, it corresponds to the icon is the 1th row 4th column of hearts. If we want to save in. png format and add the @2x suffix, simply double-click the layer name and change to [email protected]. The other layers have to change their names, and the names don't have to be identical. Save PSD after end

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

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

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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.