Ps_cc slice, pscc2015 slice

Ps_cc slice, pscc2015 slice

The first step of the web Front-end development workflow is to restore the design diagram based on the psd provided by the ui.

But a dozen reference lines that open full screens. At this time, we can clear the reference line by alt + v + d.

At this time, you can press alt + mouse to drag and drop the image. At the same time, you can press F to enter the half screen and even speed, and press F twice to enter the full screen. F7 is used to bring up the layer panel.

The next step is to find the layer image we need.

(If yes)

 

 

Next

 

 

 

 

Summary:

1. display the image layers to be cut and change the name

2. File-generation-image resources

(Ctrl + r: Open the ruler, ctrl + alt + z: undo the first two steps, ctrl + h: Hide the reference line, ctrl + alt + shift + s: Save as the web format)

3. Find the generated content next to the folder where the original psd file is located.