A A
RSS

Create a web banner with Photoshop

Fri, Jan 9, 2009

Adobe Photoshop Tutorials

Automotive BannerAllthough many could say that Adobe Photoshop is way too complex to use it to create web banners, many would rather stop working than using any other DTP software. So let’s see how we can create a banner for a automotive website.

First things first: create a new document and fill it with color.

Then bring a car into the composition. You can isolate a car from anywhere or bring it with the background and add a layer mask to it, like I did here. For the effect I’m looking for, I will need a picture with a car that is coming towards me.

On a new layer on top, add an image with clouds (the more, the better), dark clouds like smoke. Desaturate the layer by pressing Ctrl + Shift + U. Add a layer mask to this layer and using a big brush with soft edges (over 120 px diameter) hide the clouds in front of the car so it looks like the car is coming from them.

Find a racing flag and bring it on top of everything and duplicate it by pressing Ctrl + J.

For the bottom layer with the flag add a Gaussian Blur.

For the top layer with the flag change the Blending Mode to Screen and everything should look like this:

The layers should look something like this (more or less the layer masks):

Add some text and the final result is not bad at all:

Tags: , ,

7 Responses to “Create a web banner with Photoshop”

  1. arfan says:

    How to link banner to our website, i am searching for html cod, how can we give anyone link of our banner.??

  2. masterRomeL says:

    just link it. that is the step!! tanga!!!

  3. Dave says:

    So that’s ALL you need to do to create a very good looking banner?
    DANG now I don’t have to hire idiots for it anymore.

    Thank you so damn much.

  4. Dave says:

    Oh and I just wanted to add. Please post more. Good stuff.

    Anything for websites and such would be very helpful.

  5. qammar says:

    Hi!

    Just want to let you know I like this banner tut.

    thanks for sharing.
    qammar

  6. Claudine says:

    Hi
    Thanks for the brilliant tutorials. I find it much easier to follow step by step than reading it in a book. Please keep them coming…

Leave a Reply