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