Photoshop slice tool cut picture into Web page format tutorial

Photoshop: The slicing tool is a flat-screen picture-making tool with the software.

Slicing tool: A complete Web page to cut a lot of small pieces in order to upload. is to cut into one piece of the web design we designed, or a table, so that we can individually optimize each one,

To facilitate downloading on the network. Can be made into a grid, and then you can use Dreamwaver for meticulous processing. The use of slicing tools can quickly make Web pages. Divide into slicing tool and slice selection tool.

How do we make the Web site when the effect of the map into the format of the page? There are many ways, if the more complex pages need to use manual to cut the map.

If it is not very complex can be directly with PS from the slice tool to cut. The tutorial describes the rules of the map, the actual application needs to use manual to partition the size of the block.

Material:

1, open to split the picture, point Toolbar Slice tool, select the Slice selection Tool-Partition slice (here we assume that the average of a long distance is divided into 12 small picture)

2, dividing the level of the slice into 4, vertically divided into 3, after the point of 12 parts of the picture.

3. After dividing the picture, we click the bottom key of the toolbar to edit the picture in IR state.

4, direct point file, the optimization results are stored in HTML format

5, save on the computer desktop or other folders, there will be an HTML format of the Web page, we open another file named Images package, which is that we have just split the good small picture.

6, we open these small map will be back to the default is the index color, then select menu: Image > Mode > RGB color can be processed on these small pictures.

When we do the Web page, the use of segmented small pictures to facilitate the browsing speed of the page.

Category:

• PS Getting Started Tutorial