Sample Banners

Using the Banner Maker Pro's wizard-like interface, you can create banners quickly and easily. Banner Maker Pro features include:

• Any size banner can be created.
• Banners can be animated or static.
• Any image or logo can be added.
• Hundreds of backgrounds and images are available.
• Any font can be used.

Here are examples of banners created with Banner Maker Pro, along with a short description as to how each banner was made. There is also a tutorial available on making animated banners on our tutorials web page.

The one-step animation process is very simple. Create a single banner and then choose your animation to apply to the image. These banners are 468 x 60 pixels, but Banner Maker Pro can make any sized banner, including the new vertical sizes.

This is a roll-animation. The last frame is set to display for 1.5 seconds.

This is called the quarters animation. The last frame is set to display for 1.5 seconds, so the full banner can be read.

This is called the rotate rectangle animation. Again, the last frame is set to 1.5 seconds so the words would be easier to read.

Frame-by-Frame animations involve creating several static images and then pasting them together to create the animated image. The process is similar to how a cartoon is made.

This is a sample "Slide Show".  It's a very common banner type and one you will see a lot on the internet.  It's basically a series of related images put together like a slide show.  It's limited in animation, but can hold more text, images, and information. This example uses three frames and a "click here" graphic at the end. There is a tutorial on creating slide show banners here.

This is a 125 x 125 banner made using the text angle to rotate the text within the circle. This gif uses 8 frames - one frame for each point on a compass, with the frame with the text at 0 angle showing for 1.5 seconds on the screen. This banner also shows the difference between Firefox and Internet Explorer. IE has a minimum frame refresh of 10/100 of a second.  In Firefox, it shows correctly with a speed of 2/100 of a second. IE shows the animation much slower.

This is a sample "Add a Letter" animation.  The trick is to create the entire text first so the text is centered, then remove one letter at a time.  Then, put the GIF files in correct order to create the banner.  In addition to adding the letters, the last frame's animation speed is set a little longer than the rest of the text to make the entire name last longer on  the screen.

This is a sample banner that combines the one step animation and frame by frame animation. It uses the random squares one step animation twice. To recreate this animation, create a banner with the random squares one step animation. Set the last frame delay to 150 and save it. Next, click on the Reverse Animation check box and then save it with a different name. Finally go to Frame by Frame animation and both animated gifs. The background used is a simple seven color gradient.

Banners are not limited to 468x60. There are several other standard sizes used for advertising. Here are some examples.

Here's an example of a 300x250 rectangle banner with the billboard background. The text is angled slightly to match the billboard.

This is a sample leaderboard sized banner - 728x90 pixels. This size can also be used as a web header.

Here's an example of a 180x150 pixel sized banner with a gradient background. The gradient only uses 9 colors which gives it the staircase effect.

This is a sample skyscraper sized ad (160x600).

Copyright © 1999-2007 by GatorData, Inc. All rights reserved.