This Photoshop tutorial will show you how to create a stylish layout. Click the image to see the full size

Step 1.

First of all, make a new Photoshop document, with dimensions of 560x500 and a black background. Create a large rounded rectangle with the custom shape too, setting the radius to 70. Rasterize the layer and set the foreground color to white and the background to dark grey (434343). Make a selection using the white layer and use the gradient tool to create a reflected gradient on it. Contract (select > modify > contract) the selection by 2 pixels and then fill a new layer with black.

a) Click to Enlarge

b) Click to Enlarge

c) Click to Enlarge

Step 2.

Next, use the transform tool (edit > transform) to reduce the height of the black rectangle to 99%. Select the black rectangle again, feather (select > feather) it by 15 pixels, contract it by 20 and then fill it with a dark grey (3A3A3A). Create another black rounded rectangle with a radius of 15.

a) Click to Enlarge

b) Click to Enlarge

c) Click to Enlarge

Step 3.

Create another rounded rectangle at the top and then use the gradient tool to create a linear gradient, using 535353 for the foreground and 2D2D2D for the background. Next go to [ Part 2 ] of this Photoshop tutorial.