Slicing optimization small pickup

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