30+ Incredible Photoshop Photo Manipulation Tutorials | Photoshop Tutorials http://bit.ly/FotF6 2 days ago


  

Making Professional Advertisement Banners

Posted on 28 Oct, 2007 by Narendra.s.v under Graphics Design, Tutorials, Web Design Tips

Advertising is an important part of any online business, and if your going to delve into the world of banner advertisements you need to learn how to make something that will get visitors to click. Here I will show you some basic techniques in creating professional banners. Coz a picture is worth a million words so itz best to make professional banner like below:

 Making Professional Advertisement Banners

We will be creating a standard 468×60 banner in this tutorial, so create a new image with those dimensions, and start off by writing the title of your website in bold text toward the left of your canvas

 Making Professional Advertisement Banners

Create a new layer[rectangle of 468x60] below your text layer, and produce a gradient of light blue-white, as shown below.

 Making Professional Advertisement Banners

click your text layer to get a selection of your text. Now make a gradient to your text of light blue-dark blue as shown below:

 Making Professional Advertisement Banners

Duplicate this layer[text], and choose Modify > Transform > Flip Vertically. This is going to be our text’s reflection. Move your duplicate layer just below your original text, and now instead of the light blue change it in to the backgroud color in the gradient. You should have something similar to mine by now.

 Making Professional Advertisement Banners

Create a new layer and make a selection similar to the one below with your polygon lasso tools. Fill your selection with your light blue to dark blue linear gradient. Duplicate your layer and create a dropshadow by blurring the lower of the two with Filter > Blur > Gaussian Blur.

 Making Professional Advertisement Banners

Now a small polygon on the currnet one and draw a line just 2 pixels above this small polygon lke below:

 Making Professional Advertisement Banners

Use your text tool to write something interesting about the product or site you are providing. To the left, use some bold orange text to write a short important phrase, and in the center use some white text to give you banner a bulk of information.
If you want to know how to make the $1 Here is the process, with the text tool type your price and make a border to it and make a gradient effect to the text[just like what i did in the image] and one more thing is :) if you want you can also make a border and thats it now your professional ad banner is ready :D

 Making Professional Advertisement Banners

You can also do the same in PhotoShop too ;) and you are free to copy or share this post :)

  • RSS
  • Digg
  • StumbleUpon
  • Windows
  • Delicious
  • Reddit
  • Technorati
  • Twitter
  • Add to Funmit.com
If you enjoyed this article, please consider bookmarking it or subscribing to our RSS feeds!

4 people have said something (how about you?)

Anonymous October 28, 2007

TechTreak.com Making a Professional Advertisements Banner Tutorial!…

Advertising is an important part of any online business, and if your going to delve into the world of banner advertisements you need to learn how to make something that will get visitors to click. Here I will show you some basic techniques in creating …


pligg.com October 28, 2007

TechTreak.com » Making a Professional Advertisements Banner Tutorial!…

Advertising is an important part of any online business, and if your going to delve into the world of banner advertisements you need to learn how to make something that will get visitors to click. Here I will show you some basic techniques in creating …


San Diego Banners February 21, 2008

I like love the way the finished product turned out. I used some of these ideas to create my own banner.


Narendra.s.v February 21, 2008

thatz cool :D


Please leave a comment!