PS Make concise web tutorials

Let's look at the pages that will be completed.

Prepare your Photoshop document Photoshop tutorial

1 Create a new Photoshop document (Ctrl/cmd + N) According to the following figure.

Set up units and rulers

2 Make sure you use pixels, which is the standard scale for web design. Set the ruler (Ctrl/cmd + K) from the Windows dialog box for the predecessor option; Click on the unit and the ruler to make sure all your settings are the same as the following image.

Add guidance for content areas

3 Activate the ruler of Photoshop, from View > ruler. Press "Ctrl/cmd + R" to fix the visibility of the ruler. You can also open the window > info (accelerator: F8). With the selection tool, the information panel can feed back information that is not useful. Press the "M" key and select the rectangular selection tool to draw a 120px-wide small box in the upper-left corner of the canvas. You can resize the selection through the information panel. Now start from the left and drag the guides to the right of the selection, depending on the width of the panel display.

4 Move the selection to the right edge of the canvas. Assign another guide to the left of the selection.

Your canvas should look like this:

Related tutorials:

PS Production Web Banner Advertising Course

Photoshop slice tool cut picture into Web page format tutorial

Create a clean, concise personal profile Web interface

Photoshop makes pretty dark red page frames

Classification:

• PS Getting Started Tutorial