Create a nature inspired layout in photoshop

In this tutorial I will show you how to create an unusual website layout inspired by nature. If you have the right photos you will need less than 30 minutes to complete this layout. This type of tutorial was requested by Grafpedia Members.

If you want to download this layout you need to apply for a VIP account. The cost is 9.95 $ and it will allow you to download all our VIP resources

Create a new document with the following size: 960 x 900 pixels. I will select Gradient Tool, and I will draw a vertical gradient with the following colors : #2c6ed5 on the top and #ffffff on the bottom.

I will download the following set of cloud brushes

Load the brushes in Photoshop, and on a new layer add some clouds over the layout.

Select Rounded Rectangle Tool and create a white shape in the middle of the layout

For this white shape add the following layer styles

I will add some stock images with nature elements.

After that I will add a stock image with a tree and some flowers

On the top of the layout I will add a image with a ladybug and a butterfly.

Now I will add a navigation bar on the top of the layout with Rounded Rectangle Tool

or this navigation bar I will add the following layer styles

This is my result

With Type Tool I will add the text

On the bottom of the layout I will create a shape. You can place there some images with your latest clients, or your latest work.

Over this white shape I will add some image spots. you can add here whatever you want.

On the left side and on the right side I will add a simple button. It will allow your users to browse through your latest work. I have used the same layer styles I have used for the navigation bar, and the arrow was made with a custom shape tool.

This is my final result.