Photoshop Design a Web landing box picture making tutorial

To the users of Photoshop software to detailed analysis to share the design of a web landing box pictures of the production of a tutorial.

Tutorial Sharing:

First look at the final effect:

1, create a new document, here I use the 400*300 pixel, fill a #d0c0be color fill adjustment layer.

2. Select the Brush tool, use the round soft edge brush, set the foreground color as #364e35, and draw the shape out of the following figure.

3, the implementation of "filter-blur-Gaussian blur", I used the value is 46.9 pixels, giving this color layer a fuzzy effect, with our background fusion.

4. Select the Rounded Rectangle tool and set the foreground color to #313c45, draw a rounded rectangle, and set the rounded rectangle's fill to 11%

5, add a layer style for this rounded rectangle. Here, I've added strokes, inner shadows, and projections.

6, below, copy a layer of this rounded rectangle, according to the idea, we will use the first rounded rectangle to enter the user name of the box, copied the rectangle of the rounded corner, we move a certain pixel, used as a password to enter the box.

7, Next, we continue to copy a layer of this rounded rectangle, still moving down a certain pixel, used as a definite frame. Right-click to clear off the layer style and change the shape fill color to #749e5e to add a layer style.

8, add text, member login, text color set to white #ffffff, and add a layer style for it, here I added strokes and projections.

9, add the bottom of the Green box text: OK. Set the two-word color to white and add a layer style where I used strokes and projections.

10, below, we add the username and password two text, the same set text color is white, add a layer style, here, I set a projection effect.

Come here, even if it is done, to see our effect!

Finally look at the effects of other colors:

Well, the above information is small set to you photoshop this software users to bring the detailed design of a web landing box pictures of the production of a tutorial to share the entire content, you see the users here are now very clear method of making it, So now go to follow the small series of the tutorial to make it yourself.