Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters.  Home Photoshop Photo Editing Design a Car Dealer Website Layout with Photoshop

Design a Car Dealer Website Layout with Photoshop


I will start with this tutorial by creating an empty document with the following size: 960x900 pixels. I will grab my Paint Bucket Tool and with the following color: #959595 I will click one time inside my document.
Select the background layer inside your layer palette, and press on CTRL+J. This shortcut will duplicate your background layer, and it will place another layer on top of the background layer.

Go to Filter - Noise - Add noise, and use the following settings:

With Rectangle Tool I will create a big shape on top of the layout. We will place in this area some important information about our website.

ImgImg

Add some layer styles for this layer

Img

Img

I will create a big white spot with a soft round brush. For this you will need to press on CTRL+SHIFT+ALT+N to create a new layer, and then wit Brush Tool make a white spot like in the following image

Img

Change the blending mode for this layer to Soft Light

Img

With Rounded Rectangle Tool and Rectangle Tool create a header for our layout, and also a navigation bar.

Img

With Rounded Rectangle Tool and with Ellipse Tool I will create three shapes like in the following image. I will create a slideshow where you can rotate your work, or portfolio. In my case I will place some stock images with cars, because this is the theme of my layout.

Img

Select all these black shapes inside your layer palette, and then press on CTRL+E to merge them into a single layer. After you have only a single layer for this slide show you need to add the following layer styles.

Img

Img

Img

This is the result.

Img

In the middle of the layout I will add some content boxes. Here I will add later some images with some nice 3D car renders.

Img

Now you will need to apply the following layer styles for all white shapes you see on this layout: the three content boxes, the navigation bar and the header.

Img

Img

Img

Img

This is my result so far

Img

I will select Custom shape tool, and I will create some arrows on the left side of the slide show

Img

I will add some text with Horizontal Type Tool

Img

The next step is to create some buttons. I will use Rounded Rectangle Tool to create some buttons. I will use the same layer style I have used for the slide show border

Img

My Final step is to add some images. I will use an image from an old tutorial: Design an old style Chevy icon

After that in the slide show area I will add some images. This is my final card dealer layout. I hope you like it.

Img



Author's URL: grafpedia
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
Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters. More Photo Editing Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: