Photoshop how to cut the map

1. traditional cut

(1) open a psd file, select the ps left menu bar of the crop tool, select the slice tool. First of all, we analyze this psd file, consciously divided into several selections, and then through the mouse drag and drop with the slicing tool to cut down the pattern we need.

The slices marked in blue are the slices we manually selected, and the slices marked in gray are the slices that were automatically generated, and then export these slices and choose File-> Export-> Store for Web to save them in the folder you want to use.

Problem: Observe the above operation, we will find that such a pattern is too much trouble to cut a time-consuming, if an e-commerce site you want to cut a few hundred diagrams swollen how to do? So there is a more convenient way to do the following:

(2) general designers in the design of the time will usually use the reference line, that we can also use the reference line to simplify the operation of the cut map, first of all, you want to cut the layer of a pattern, and then use the mouse to drag the left or the top of the ruler will be pulled to the boundary of the pattern, the boundary will automatically adsorption of the reference line, and therefore more accurate, so that the pattern of the reference line is set up. The reference line is set up, the same way to set up other patterns of the reference line

Because the reference line is dense, there will be a lot of slices we do not need, we can click the right mouse button to delete the unwanted, we found that one-time cut like this is too tired to delete a lot of unused slices, so it is recommended that the psd file will be cropped piece by piece to cut, and then turn off the reference line to check the cut. Finally export the slices to a folder.

The above is the traditional way to cut the map, it is more troublesome and time-consuming and not accurate, so we use the computer to cut the map accurately.

2. Accurate cut

Here we use Photoshop's 'script' for a faster and more accurate cut. Its advantage is that automated cutting saves time and effort, and the computer automatically calculates the size more accurately.

First of all, open a psd file, select the file - & gt; Export - & gt; Export layers to a file - set its properties, select the storage location and save the type, check the transparent area, interleaving, cropping layers, and finally run the export, the process will need to wait a few minutes! . It is recommended to cut the area piece by piece.

3. photoshop CC version of the precise cut - automatic cut

(1) First we choose a need to cut the pattern, select its layer. Then set the parameters, select Edit-> Preferences-> Enhancement Tools-> check Enable Generator, click OK. Select File-> Generate-> Image Resources. We found in the psd file belongs to the directory will generate an empty .assets folder, finally we will be the name of the layer suffixed to .png, will find the assets folder more than we cut the pattern, so a pattern is cut.

(2) On the basis of (1), it is very easy to export SVG format, just need to change the name of the layer where the pattern is suffixed to .svg can be.