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

Click to enlarge
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.

Click to enlarge
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

Click to enlarge
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 Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: Hv-Designs.co.uk
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Car Sales Layout"

Only registered users can write comment

No comments yet...