Friday, February 8, 2008

Banner Ad - Create a professional 468x60 banner

Let's create a banner like this one:



1) Create new file, 468px X 60px.
2) Double click background layer and pres OK (if using Photoshop CS3 skip this step)
3) apply this layer styles:


Click on gradient line to edit it and set this settings:


Add 1 px inside stroke, color: #b2b2b2:


You should have something like this now:


Add small rectangle at the beginning of the image. (how?)
a) select rectangle tool:

b) draw it like this:


Now apply this layer style to it:


Click on gradient line to edit it and set this settings:


So now you should have something like this:


add another rectangle on the right of the image, like this:


Now apply this layer style to it (note that opacity is set to 90%):


Click on gradient line to edit it and set this settings:


Add 1 px inside stroke, color: #b2b2b2:


Also apply this patern, if you don't know how to do that take a look at this link: How to create a custom patern


So you should have something similar to this:


Add some custom text (or add your logo) to banner and you're done, here is mine:



I would like to see what you have done, please pass your work in comment,
thanks!

10 comments:

kell23 said...

Thank you very much! ^_^ here's mine

http://i95.photobucket.com/albums/l151/Kellock71/kourobanner.jpg

Anonymous said...

excellent tutorial. Very effective image as well.
Thanks.
Dan

InoxFire said...

kell23 you did a great job!

Robert Starkey said...

Mine is located at:

http://www.audible-memories.com/banners/468_60_Standard_Banner.gif

Thanks for teaching!

InoxFire said...

Robert, your banner doesn't look like one in tutorial at all :S

Free Poker Capital said...

Full Pro or almost full, nice tutorial :P

bettyszeto said...

Not bad, now i can made my own banner, thx!

Unknown said...

My first banner :

http://i53.tinypic.com/291nuxk.png

-------
tiger811111

wordpress theme design said...

Wonderful tutorial. Thank you for sharing. I just read it and found it very effective one. I will definitely try to make banner ad using your ideas and hope that it would work great for me as well ^_^.

Anonymous said...
This comment has been removed by a blog administrator.