PS Make concise web tutorials

Source: Internet
Author: User

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


    • PS Getting Started Tutorial
Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.