Clean Style Layout

Create a new document with a white background. The size should be 760 x 700 px. Create a new Layer ( press Ctrl+Alt+Shift+N )

With Rounded Rectangle tool create a rectangle like in the next image. Set the radius to 30.

Please note that the following image is resized.

Then add the following layer style for this rectangle.

Create a new layer ( press Ctrl+Shift+Alt+N )

Select Rectangle Tool and create a small rectangle. Fill this rectangle with the following color : #647483

Here we will create the buttons. ( you can rename this layer from Shape 2 to Buttons)

It will be eraser to follow the tutorial.

Now duplicate the Buttons layer and change the color to #7fd900

Then drag the layer Buttons copy under the Buttons layer :

You will have something like me:

Now we will create a pattern. Open a new document with a transparent background. the size should be 20 x 20 pixels

Zoom the document to 1600%

Set the foreground color to white. and with the Pencil tool create some dots like on the following image Do not use the grey color )

I have used this color so you can see better what i am doing

Then go to Edit > Define Pattern

Choose a name for your pattern and press OK

Now we will come back to our layout.

Select the Buttons layer. Hold down the Ctrl key and press on the layer Thumbnail:

You will see that a selection will appear.

Create a new layer ( press Ctrl+Shift+Alt+N )

Then select Paint Bucket Tool

Use this settings:

Click to enlarge

Then fill the selection ( click one time inside your selection )

This will be the result:

With this layer selected press on Add layer mask.

Set the foreground color to white and the background color to black and with the gradient toll make a line in the same way you see the arrow on the next image.

Click to enlarge

Now you can add alone some text for the buttons:

Click to enlarge

Select the Line Tool ( be sure you have the line weight set to 1 ) and create some lines and place it between the text buttons

Click to enlarge

Now select the rectangle tool and create a small rectangle. After you draw the rectangle rotate to 45 degrees:

After you have rotated the small rectangle duplicate it a few time and place it like on the following image:

Click to enlarge

Next you can add a photo on this layout. I have used a photo with clouds.

You can see that my clouds are fading out at the bottom.

This is a very simple to be done. you have already created above for the navigation bar.

So i will repeat here this simple steps:

With the clouds layer selected press on: Add layer mask

Set the foreground color to white and the background color to black

Select the gradient tool and draw a line from bottom to top of you clouds

Click to enlarge

In the next image you can see that i have changed the blending mode for the clouds. I have used the vivid light mode.

Now i will add some rectangles and a line at the bottom of the layout.

Click to enlarge

For the rectangles i have used the following layer style

I will add also some text. You can add your own text.

Click to enlarge

Now this will be my final step. i will add some lines with the type tool.

I will write some minus signs "---------------" and " ++++ "

You will see my final result in the next image

Click to enlarge