Photoshop Example Tutorial: Draw a simple page landing page

The tutorial is designed to teach you to use Photoshop to create a simple login interface. With just a few simple tips, you can also design a nice login interface. The background color of the interface uses several different shades of gray, which minimizes the simplicity and elegance of the entire interface.

This tutorial is easy to learn and suitable for beginners.

Login interface

Step 1

Creates a new document with a (H) x600 (W) pixel. Of course, can also be built according to their own needs. Next, use the Rounded Rectangle tool (U) to create a rounded rectangle with a 320x210 pixel and a light gray (light gray) fill as the background for the entire login interface.

Step 2

Add a dark gray (#dbdada) projection for the landing interface background, with the following parameters:

Projection (drop shadow): Distance (distance): 1px, size (size): 1px, blending mode (blend mode) set to "multiply" (Multiply), opacity (opacity) set to 50%

Step 3

Applies a stroke (stroke) of 1px size to the background, and the stroke color is the same as the color of the projection, that is, the #dbdada.

[1] [2] [3] [4] Next page