Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Car Sales Layout

Car Sales Layout


Create a new document 850x650 pixels with a white background, the theme for the layout will black and white, so i searched google images for a black and white car, and i found a really nice Porsche 911. Once you have found your images, copy them onto your canvas, resize them and place them either side. See image below.

image 1

The reflection under the left image was already there, so following on from that, i made the title, and gave it a reflection, if you don't no how to do reflections i suggest you follow my reflections tutorial.

image 2

Add a stroke to your site title using the settings below.

image 3

image 4
Click to enlarge

Now for our navigation, select the "rounded rectangle tool" and draw out a small black rectangle.

image 5

Add these layer styles.

image 6

image 7

Your button is now complete and should look like this.

image 8

Duplicate as many time as needed and label them.

image 9

I've also added a reflection to my buttons.

image 10
Click to enlarge

Now lets add our footer, select the "rounded rectangle tool" and draw out a rectangle big enough to hold your information in, add the same layer styles as your buttons in step2.

image 11

image 12
Click to enlarge

Now lets add our content headers.

image 13

The dividers are done with the text tool, really easy to do, you can use any symbol on the keyboard as you want, also add dividers to split up your content into 3 columns.

image 14

That's it really, nice and simple and with some content it could look like this.

Car Sales Layout
Click to enlarge


Author's URL: Hv-Designs.co.uk
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Car Sales Layout"

Captcha