Freepsd

In this tutorial I will show you how to quickly create a quality 468 x 60 pixel banner for your next advertising campaign with just a few simple tools.

Start with a new document make your canvas size 468 x 60 pixels with a transparent background

Now we insert our picture that we will use in our banner. I use the “Ctrl C” method for this

this is the image I’m using for this banner, you can use it to our choose a design of your own.

Now with the image we will move it around the canvas until we are happy with the positioning.

This is how I have position my image:

Now even though the image could be used as it is now I think we could make it look allot better by adding a few more layers to it.

Create a new layer on top of the image. And select the rectangular marquee tool with a fixed width of 468 x 50 pixels. and center the selection in the middle of your banner like the image below.

Now select the paint bucket tool with the color white selected and fill in the selection.

With your white layer now selected. Lower the opacity to around 37% or until it looks good over your picture.

This white layer will be later used as a canvas for your banner text.

Now we want to add a Stroke layer style to our white layer giving it a nice border I’m just using black for this.

Now that we have a nice background we can add our text to it.

Below is my finished result once I have added the text I want.

You use this simple method to create any sised banners and buttons for your link back images and advertising campaigns.

By using the Hue/Saturation you can also modify your banner for different color version to suite any design changers to your advertising. Below are a couple of hue modifications I have done to the banner above.

You can also down load the full psd file for this tutorial

1. Paul says:

   17 October, 2008 at 12:57 pm

   Great Tutorial mine came out looking awsome! Keep up the good work
2. Cihan Çağlar Çankaya says:

   9 November, 2008 at 6:35 am

   Thanks for tutorial .
3. projectautomatika says:

   19 January, 2009 at 7:02 am

   Simple and straightforward. Good tutorial.
4. Oğuzhan Şimşek says:

   3 February, 2009 at 9:12 am

   ThanX Nicholas..
5. Kaamajakaaya says:

   6 February, 2009 at 7:55 am

   Keep working ,great job!
6. Govindaya says:

   6 February, 2009 at 8:04 am

   Wow! Thank you! I always wanted to write in my site something like that. Can I take part of your post to my blog?
7. SamudraMadhanaya says:

   8 February, 2009 at 12:52 pm

   You made some good points there. I did a search on the topic and found most people will agree with your blog.
8. Nicholas says:

   8 February, 2009 at 11:01 pm

   Your welcome Guys
9. 赵清源 says:

   6 June, 2009 at 9:50 am

   很好很强大
10. Power 4 Home says:

    2 December, 2009 at 7:24 am

    I like your style, the fact that your site is a little bit different makes it so interesting, I get fed up of seeing same-old-same-old all of the time. I’ve just stumbled this page for you
11. Zygor Guides says:

    2 December, 2009 at 9:48 am

    This has been really interesting, thanks for that. I love this blog theme too!