Photoshop  Home Photoshop Web Layout Car Dealer Layout
rss

Car Dealer Layout

Author: amitk More by this author


Open a new document ( 760 x 770 pixels ) with a black Background #333333

Then add a simple image with a car

image 1

Select Single Column Marquee Tool and make a selection like in the following image

Click to enlarge
Click to enlarge

Then go to Layer > New > Layer via Copy

Select Move Tool and change the Horizontal Scale until you will have all the header filled

Click to enlarge
Click to enlarge

Click to enlarge
Click to enlarge

Now Select on more time Single Column Marquee Tool and make a selection on the right side of the car. ( be sure you have the layer car selected )

image 5

Again go to Layer > New > Layer via Copy and change the horizontal scale until you will fill the right side of the header

Click to enlarge
Click to enlarge

We have created a nice header from your stock image. You can use any image you have/ I will wait to see some of your results

Now let's add a logo. Grab Ellipse Tool and make a shape

image 7

Then add the following layer styles ( please save this layer style because we will need it later - when you save it please chose a name for this layer style - I have used Border Layer Style )

image 8

image 9

image 10

This is my result

image 11

Duplicate this shape and make is smaller. Then add the following layer styles (The same you can save this layer style and name it Middle layer style )

image 12

image 13

image 14

This is my result

image 15

I will add some text and some stars ( you can find the stars in Custom Shapes )

Here are the layer styles used for text and stars

image 16

image 17

Gradient color for Gradient Overlay settings:

image 18

image 19

Gradient color for Stroke settings:

image 20

This is my result:

image 21

Select Rounded Rectangle Tool ( set the Radius to 3 pixels ) and create 6 buttons

image 22

The add the same layer style you have used for "Car Dealer" text

This is the outcome

image 23

Select Line Tool ( change the foreground color to #04baef ) and start drawing some lines , and add some text for our buttons

image 24

Select one more time Line Tool. Change the weight to 7 pixels and make a line like in the next image

image 25

Grab the Rectangle Tool and make some Rectangles on your layout

Click to enlarge
Click to enlarge

I have used this simple layer style for this rectangles

image 27

Now add some text and some images

Click to enlarge
Click to enlarge

Now you can add more details, for example you can add some lines with Line Tool ( set the weight to 1 pixel )

Or you can add some dot lines with type tool.

This is my final layout

Car Dealer Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge

I hope you like it.



Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Car Dealer Layout"