ps--Front-end engineer Transduction

PS Traditional Cut Chart

PS Precision cut PS CC version, new features added

JDP PNG Transparent

Interface settings

1, need smart reference line, size,

2, there are 4 large plates, the information characters, the next layer, history

Information section, click Settings, Panel options, color selection for RGB, coordinates to select pixels. Check the document size.

3. Edit--preferences--units and rulers, where all changes to pixels.

Transduction and slicing

Save the format used for the Web Alt + Shift + Ctrl + S

Png-24 quality, click Storage.

Precise diagram Flow

Use the PS script to do some more accurate transduction methods.

Save time and effort with automated cut-off diagrams

Computer auto-cut graph.

1. Click File, script, export layer to file

2, File type PNG-24 hook on the following three.

Expand your knowledge

Auto Cut chart

Edit--Preferences--plug-in Enable builder on the hook. Changes will take effect only after a restart.

FILE--Generate--image resource, to say it tick more than one folder prefix--assets

Rename the picture to PNG, and then there is this picture in the assets.

SVG vector graphic format, logo.svg, SVG opened with sublime.

WEBP format

FILE--extracting resources is also exported in SVG format.

Copy CSS

Layer-Copy CSS, has been to the Clipboard, paste directly on it out.

Layer Management

ps--Front-end engineer Transduction