Home  >  Article  >  Web Front-end  >  Detailed explanation of what is ps_cc slice?

Detailed explanation of what is ps_cc slice?

零下一度
零下一度Original
2017-07-26 11:18:331661browse

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

But once you open it, the reference lines fill the screen. At this time we can alt+v+d to clear the reference line

At this time we can press alt+mouse to drag and drop the image. At the same time, you can also press F to enter half screen and press F twice at a constant speed to enter full screen. F7 brings up the layers panel.

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

(provided it is set)

Then

Summary:

1, display the image layer to be cut and change the name

2, File-Generate-Image Resources

(ctrl+r: open the ruler, ctrl+alt+z: undo the first two steps, ctrl+h: hide the guide line, ctrl+alt+shift+ s: Save in the format used by the web)

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

The above is the detailed content of Detailed explanation of what is ps_cc slice?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn