We briefly talked about the perspective cropping tool in the PS perspective cropping tool above
. Today we will talk about the slicing tool behind it.
First of all, it has many uses. For example, you have a large picture that includes carousel navigation theme content, but they are all in one On the picture,
you can use the slice tool to cut the complete picture into multiple parts.
Here we select the slicing tool and the cursor will immediately change into a scissors, which describes its function. The usage is that
we can use the mouse to drag out an area to be cut out.
When the mouse is released, the area will be selected.
After selecting one, We can also use the mouse to drag the second area out.
This tool supports the selection of multiple areas at the same time.
Well, this is a very basic usage. Generally speaking, we will not draw the area manually like this.
We first select the view in the top menu. The following operation clears the slices.
This way our previous area divisions will be cancelled.
Okay, then we usually do slicing through the ruler.
After selecting the slicing tool, we find the ruler in the view.
It is obvious that it has a shortcut key Ctrl + R.
As you can see, after selecting the ruler, something like a measuring ruler appears above and to the left of our tool.
We can press and hold an area on the ruler line and pull down to pull out an area
, and then we can continue to pull it out. In this way, our ruler line pulls out two picture slice areas.
Then here we click on this slice based on the reference line
, and then it is cut out here.
Then we select Save as the format for Web in the export in the file in the top menu, and then a pop-up
will appear. As for the window format for saving the configuration, we choose jpg, which is relatively common.
Then if the quality is very high, make some storage.
Then they will let us choose the saving location. Here we directly select a folder on the desktop for easy search,
and the format is here. Everyone needs it. Note that you can choose the html format, but we just want a picture, so we choose images only.
Then a prompt box will pop up to let us confirm this operation. Then we click OK
and we will see the location where the picture is saved. Here he is directly It was organized into a folder for us.
Then when we click in, we will find that the three areas of the picture we cut out have been saved as pictures.
Then we also save one on the web page to see.
It is still the same saving operation. This time we choose the html format
to open the file. When you folder here, there will be an additional file in html format. When we open
it, it will be restored to the original image and displayed on the html web page.
Then the slices can also be merged.
We can hold down the Ctrl key on the keyboard.
You will find that the shape of the mouse has obviously changed.
Then here we try to merge the second and third areas.
We hold down Ctrl and click on the second area
. Then don't release Ctrl and then hold down the shift key on the keyboard
and click on the third area.
Then there will be a selected stroke effect in these two areas, which is not particularly obvious.
Then we right-click the mouse and select the combined slice. You should also be able to see that the top delete slice is also operated after selecting it here.
Then a prompt will pop up and we can click directly. OK.
Then it will obviously become two slices, but the ruler mark will remain at this position.
Then we select an area, right-click and select the Edit Slice option.
A property bar like this will pop up.
Then here we copy the Baidu homepage. Link
Copy the link to our URL attribute.
Then we delete the html file we just exported and re-export it.
Then we open the web page and click on our editing area.
It will jump directly to the link we set and use the
final slice selection tool before. It has also been used and the effect is the same when we directly press Ctrl to select a slice area.
But there is another point where he can do slice layout.
We first select the slice selection tool.
We hold down the keyboard Shift and click with the mouse to select multiple slices. After selecting the area
, we can align it through this operation, but this is rarely used.
Suppose we select it and don’t want to use it. We have also demonstrated before that we can directly clear the slice.
As for the reference line, we can find the move tool in the upper left
and use the mouse to move this First drag it back to the top.
If you don’t want it anymore, there is a clear canvas guide below the top view,
so all the guides will be gone.
But if we still want it, we just don’t want it to hinder our observation.
If we hold down Ctrl+H here,
the guide lines will be temporarily hidden.
Then if we need to use it, press Ctrl + H again
and it will come back or be displayed again .
Here we first clear all the guide lines
and then sometimes we do The website will require that my navigation must be 120 pixels.
Then we can find the new guide line under the view
, and a pop-up prompt will appear. We set the direction to be horizontal or horizontal, and then the size is 120 pixels. Once
configured, we click OK. The reference line is out.
Okay, that’s all we have for today.