Futuristic Web Layout

Open up your futuristic navigation bar that you previously created "here". Create a new layer under your navigation label it background. Select the colors #a3adb1 and #ffffff. Now select the gradient tool and drag a reflected gradient over your canvas.

Click to enlarge

Now duplicate your header and all elements apart from the buttons and text, flip it vertically (edit > transform > flip vertically) place at the bottom of your canvas, this shall be out footer. Add your footer text.

Click to enlarge

Now create a new layer labeled "main_top", select the rounded rectangle tool and draw out your rectangle. Now go to "edit > transform > warp" (only available to CS2+ users) drag the bottom anchor point inwards.

Click to enlarge

If you don't have the use of the warp tool you could leave the box square will look just as good. Now duplicate your "main_top" layer drag the duplicated layer underneath your "main_top" layer label it "main_glow" do the same again drag layer underneath the "main_glow" layer and label "main_bottom". you should now have 3 layers all the same.

Now add these layer styles to your "main_top" layer.

Add these layer style to your "main_glow" layer.

Add these layer styles to your "main_bottom" layer.

Now select your "main_bottom" layer and select the move tool, press the down arrow key 6 times on the keyboard and 3 times to the right. Now select your "main_glow" layer and move the glow to the right to suit your visual preferences. You should have something like this.

Click to enlarge

Repeat the steps above to add more boxes.

Click to enlarge

This step is optional, as you can see I've left a gap on the right hand side at the top, I've done that as i wanted to add a 3D render of a robot.

Click to enlarge

This next step is easy to do, just add your text and any images you need to add.

Click to enlarge

On the third box at the bottom above the footer i want to add some arrows, head into the custom shapes library and add 2 arrows either side.

Click to enlarge

Add these layer styles to your arrows.

Once finished you should end up with this.

Click to enlarge