First you need to create a new document with the following size : 1200 pixels width x 1000 pixel height.
With Paint Bucket Tool fill the background image with the following color: #3e3e3e.
Duplicate the background layer by pressing CMD + J, and then go to Filer - Noise . Add noise ( and use a value between 2-4 )
With Brush Tool draw a big round point with a smooth brush on a new layer of course, and then change the blending mode for this layer to overlay.
In the middle of the layout draw a horizontal shape with Rectangle Tool.
and for this rectangle add the following layer styles
This is my result so far
I will create another shape
And i have used the following layer styles
On top of the shape i will draw another shape.
Then i will duplicate it, and i will go to Edit - transform - perspective, and you will need to modify the look of the shape like i have on the following image
I have used the same layer styles i have used for the big shape a few steps ago, but this time you need to check the reverse checkmark
The next step is to create another shape with Rectangle Tool
For this shape i have used the following layer styles
I will use the following set of vector icons
which will be placed on the shelf i just made
You need to duplicate all icons, and then go to Edit - Transform - Flip Vertical. With Move Tool i will place the second laptop icon under the original one. In this way i will show you how t create a nice reflection.
I will select Eraser Tool, and i will delete the bottom part of the vector icon.
I will do the same for all my icons
I will add some text with Horizontal Type Tool
On the bottom of the layout i will create a button
For this button i have used the following layer styles.
Then i will add another shape with Rounded Rectangle Tool. I will Rasterize the shape, and with Eraser Tool i will delete the top part of the shape.
I will add some text in this box
On the right side i will add another icons, some text, and some lines.
Now we will create the footer. This will be very simple. First create a shape like in the following image
And add the following layer styles. These layer styles will give an indented look
After you apply the layer style you can add some text
Now we will add the Grafpedia logo on the header of the website, and on the right side of the header i will add a simple menu.
This is my final result. i hope you like it
