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!

5 comments:

kell23 said...

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

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

DeiseHost 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