Subscribe Via RSS

27895 Subscribers

Subscribe Via RSS
Subscribe Via Twitter


Subscribe Via Twitter
Car Sales/Club Layout

June 25th, 2008 in Photoshop Tutorials by Richard Carpenter

Car Sales/Club Layout

1 Star2 Stars3 Stars4 Stars5 Stars14 Votes, Rating: 4.14
Loading ... Loading ...

Create a new document 900 x 1130, fill the background with the color #343436. Now your going to need an image of a car of some sort, ive chose a vector that i found on google. (IMAGE NOW REMOVED DUE TO COPYRIGHT) Best to find one with a simple background. Copy/Paste your car image onto your canvas, resize down to fit into the top right hand corner of the canvas.

Select the first few pixels of the car image using the rectangle marquee tool.

Now press “ctrl + T” and drag the middle anchor point on the left right the way across the canvas.

Now select the rounded rectangle tool, draw out a number plate type shape, press ctrl+t and rotate it slightly like the image below.

Now add these layer styles to match mine.

On a new layer above your number plate shape select the circle tool and create a selection like the image below.

Fill with the color white and set layer opacity to 10%, Now while the white circle layer is selected press ctrl and click on the number plate layer to make a selection of the number plate, now goto “select > inverse” and hit the delete key. You should be left with this.

Do the same again only this time change the white circle to.

Set the 2nd white circle layers opacity to 7%, you should end up with something like this.

Now on your number plate shape add your website title and slogan, also create 4 really small circles for each corner of the number plate and add these layer styles.

You should have something like this.

Now underneath your header create a rectangle the width of your canvas, this will be our navigation bar.

Add these layer styles to your navigation.

Now add your navigation text, and add a shine in the same way you did before on the number plate only this time use a rectangle the width of the navigation. Your navigation should now look like this.

Draw a box using the rounded rectangle tool underneath your navigation, leaving a gap inbetween the two items. Right click your navigtion and goto “copy layer styles” now right click your content box and goto “paste layer styles” you should have a navigation box like this.

Create a small circle inside your content box this will be our little orb icon, copy and paste your navigation layer styles to your circle, and add 2 shines to it like we did on the number plate in the header. Goto your photoshop custom shapes and select a shape to go into your orb.

Now add your content box title and some content.

Now follow the steps above to create more content boxes.

Now finally duplicate all your naviagtion elements, drag to the bottom of your canvas, change the naviagtion text items to your copyright information. Your layout should look like this.

About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter and im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of Photoshop Plus. You can follow me on twitter HERE. You may also view my portfolio HERE.


Richard Carpenter has written 364 posts.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

12 Responses to “Car Sales/Club Layout”

  1. Nice tutorial!

    And now, why not create the HTML/CSS template? :P

    David Carreira

  2. ADMIN says:

    i am doing :p still doing the portfolio #6 css template. just been a very busy man :(

  3. LP says:

    wow! xD

  4. alonsh26 says:

    great work man

  5. CaPoNe says:

    Wow , really nice ! Thanks for the tutorial man , good job !

  6. LYMS says:


  7. Xphunt3r says:

    Really awesome perfect man

  8. mj says:

    thanks a lot!

  9. ADMIN says:


  10. Steven says:


    i love it here is the psd file available for download???


  11. Hello, i think that i saw you visited my web site thus i came to “return the favor”.I’m trying to find things to enhance my web site!I suppose its ok to use some of your ideas!!

Leave a Reply