Slicing optimization small pickup

Source: Internet
Author: User

Recently a person is responsible for the mobile terminal app slicing, now summarizes some quick skills and experience, for future needs;

1. Tool Preparation:

1) need to install Photoshop cc version (official website) and PS plug-in Cutterman ****************** fast slicing;

2) Markman and Adobe Air (Markman based on Adobe AIR) ************** logo are required;

3) need to install Pngyu (this shortcut can be used to drag the folder directly) or with the online tool https://tinypng.com/(only can drag and drop png,jpg format pictures) ****************** slice optimization

2. Specification: Design source file psd must be 1242*2208px resolution of 72px;

1) with 1243*2208px 3 times times graph with plug-in Cutterman iOS resolution @3x, @2x, @1x;3x mode is 1.5 times times;

(iOS development, Android development all use this standard of 1, 2, 3 times times the graph;)

2) A source file psd corresponding to a folder whose name one by one corresponds;

3) The folder is divided into three small folders @1ximages, @2ximages, @3ximages and and logos;

4) Slice image name: English plus underline;

5) Identification: The main label module width and height, color with 16 (the iOS developed with RGB standard, usually only one type) font, font size, font color, background color and so on;

3. Optimization, directly drag the folder into the Pngyu within the optimization;

4. Some small experiences:

1) quickly select the layer of the icon: Select the Move tool-tick the auto-select-layer, directly click on the icon containing color pixels;

2) How to detach a layer: Choose the Rectangle Marquee Tool--Select the icon that needs to be detached--ctrl+j--generate a copy layer;

3) If the canvas is enlarged: Select the Crop tool--pull directly to the area of the crop area

4) If the plug-in generated 1 time times the figure blurred, can be twice times or 3 times times the graph is reduced to 1 time times the size of the graph;

5) Center icon layer: for example, a square background transparent icon needs to be centered, you can add a layer fill color, and then select the two layer to click on the Layer center, the fill layer can be deleted after the center;

Slicing optimization small pickup

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.