Automatic map artifact Layer Cake: Designers must have a sharp weapon

Source: Internet
Author: User
Tags interface save file version window

Article Description: Designer's Chettu artifact Slicy (LAYER CAKE)!.

Automatic cutting tool "slicy"mac OS version (Layer Cake), the real emancipation of the designer artifact!
For Chettu Sadly designers must have a sharp weapon! Referrer: Abo Alibaba UI Designer

  • @zhuhuizero: This software I used for nearly six months, before called Layercake, six months updated 3 times to fix some bugs, really pretty good. Let Chettu become extremely relaxed, and forced you to do a clear and reasonable layer naming, help you develop good work habits, the official has a trial version, the recommended designers use this.
  • @aboXabo: The link provides slicy (formerly Layer Cake) is a free trial version, may cut out the figure has red line watermark. The official version needs money, but for the efficiency, 191 yuan is not much. The wisdom of Chinese netizens is endless, but it does not encourage the use of piracy!

The most annoying thing about client UI design and mobile UI design is not the design of the interface and the design icon, but the cut diagram. Slicy is to save the designers who hate Chettu. (Unable to generate Android. 9.png)
This software operation is very simple, as long as the PSD dragged into the Slicy window, you can automatically generate a. jpg and. png, and other formats of the Chettu file, the instant reduction of a lot of work.
Of course, the premise is that you have to develop a good PSD layer management.

The above 4-pointed five-pointed interface dragged into the Slicy window, the instant generation of 4 PNG Chettu, click Save File, you can choose to sync psd or not synchronized
(If sync psd, as long as your PSD make changes, the corresponding Chettu PNG will be immediately modified to take effect, do not need to save the PNG map again)

Layer naming instructions (refer to the Slicy sample in the download file)

Icon Cut diagram: Just put the picture layer content, placed in the Layer folder, and named: Icon name. ICNS can automatically generate. icns format icon Files

Put the section you want to slice, put it in the folder, and name the tangent. PNG (or. jpg). You can automatically generate parts of the diagram you want to cut.

If you want to cut the part of the diagram with the layer size is not consistent. (The pentagram is a layer, the red mask is the size of the picture you want to cut out)
All you have to do is add a mask and name the mask layer as @bounds.
In this way, the cut out of the picture size, will be with the size of the @bounds layer has been.
Note: Two layers should be placed together in a layer folder and named "Cut-map name. png"

In addition to the ordinary Chettu, Slicy can also automatically enlarge the layer twice times, generate @2x Chettu.
@2x Chettu is used on the iphone Retina screen Chettu. The naming method is shown in the example layer naming method.

As long as you develop a good layer naming rules, this software can easily generate a quick cut map, to help you save half the work time.

Download Address

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.