MyBanners
Sign up Forgot password

Banner production

Basics of banner making

1. Which approach to start with – QuickStart or Designer? What’s the difference between them?
2. QuickStart: What do I need to begin?
3. QuickStart: Banner size and URL
4. QuickStart: Banner objects
5. QuickStart: Themes and background shapes (aka mood shapes)
6. QuickStart: Banner generation
7. Designer: How do I make a simple yet customized banner?
8. Designer: How do I make something slightly more complex?
9. Designer: Adding scene(s)
10. Designer: Adding an object
11. Designer: Adding URL
12. Designer: Animation
13. Designer: Timelining
14. General: Banner size



1. Which approach to start with – QuickStart or Designer? What’s the difference between them?

That’s pretty straightforward, actually – one is for really fast, prompt banner making, the other one is a more advanced and more time-consuming application; while trying to simplify and automate banner making processes that our constructor employs, we never forget about giving more options for customizing your work. Our advice for novice banner makers would be to start with the QuickStart option and choose from various presets and templates, whereas savvy users can check on Designer and discover a wide range of exciting features.



2. QuickStart: What do I need to begin?

QuickStart is a perfect tool for users who have only short text and one or a few images at their disposal. All you have to come up with is a concept for a thing you're going to advertise and give it a brief description.



3. QuickStart: Banner size and URL.

Start with selecting the desired banner size. Don't forget to enter your own link in the URL field, otherwise clicking the banner will lead to default blank page.



4. QuickStart: Banner objects.

Banner consists of several entities, two of which are text and image objects. If you want to add text you have to press a designated button and click on a default text. When done, click on the Add Image button. Accepted image file formats are .JPEG and .PNG. Please keep in mind that .PNG images with transparent backgrounds would normally appear custom-shaped, not square-cornered. See one of our Tutorials for more details on Cutting out PNGs.
You can also swap objects' places by clicking and dragging the object layer on top or beneath another.



5. QuickStart: Themes and background shapes (aka mood shapes).

On your next step you will be choosing the banner color scheme. bannersABC.com currently offers 10 different color presets (pictured as small boxes in corresponding colors), each of them will make text clearly stand out from the background or any other objects. You should consider adding more contrast to the images, too.
Placing some background pattern would also be a nice touch – just use one of the mood shape templates like hearts, flowers, circles or stars.



6. QuickStart: Banner generation.

When you're done with objects and settings, hit Generate. Please note that every non-customizable setting (like animation and font type and size) is randomly generated. You can hit Generate as much as you like, until you get the most suitable combo you decide to use. Or simply continue until you'll get bored with clicking, but we tend to think that you won't.
Note! Registered users have access to the Advanced Edit feature, which allows you to customize and modify a freshly generated banner. Basically, Advanced Edit offers a one-way transition from QuickStart to Designer.



7. Designer: How do I make a simple yet customized banner?

Select a single scene, make it 5 to 30 seconds long. Add any text or image or both. Use the simultaneous appearance of both objects or set them up to go one by one. Use sliders on yellow bars to adjust timing.


Click on Add Scene. You can amend the scene background to any custom color or image. Select banner size, create more objects, add some animation - and voilá, your banner is 99% ready. It's that easy.



8. Designer: How do I make something slightly more complex?

Try adding multiple scenes this time. That will divide the banner into frames, which is rather convenient if the banner background is changing. Just remember that you can use single scenes with a 30-second timeline, that hosts cycles of animated objects, with both images and/or text.


Keep in mind that one of the keys to good work is fine object animation. Animation gives objects various visual effects, such as motion or blur. Animation can be placed in any banner area.



9. Designer: Adding scene(s)

We advise you to decide on the length and scene count before any actual banner making is involved. A scene in banner make is a single still slide with a static background. One scene can have multiple banner objects within its timeline, whether they are text or image entities.



10. Designer: Adding an object

By saying objects, we mean all and every element of your banner. Objects are divided into two entities - text entities and images. Click on the "Text" option to see the drop-down menu with sample text, which can be changed and given a different setting, like font type, text ratio to banner size and color, as well as the text preset with animation. This will start running on a banner preview in the left part of the screen. You can enter your own text lines in Settings or change the way the text object moves across the screen in Animation.


Selecting an image object gives you the same set of tools as when using text. Normally, you add an image and then click on Settings to change the object's proportions toward the banner size. Also, you can select an animation that you like from the same drop-down menu. Custom images can also be used as a banner background, which will remain static.
Note! Your selected image will be scaled according to the banner size.



11. Designer: Adding URL

Items in the Click Options menu have an effect on the banner's interactivity. For instance, you can assign a direct URL (or simply web link) or embed a clickTAG option to the banner you're making. What's the difference between these two, you're asking? URL is a simple gateway from your banner to the web page that it's supposed to take it to - barely any control or monitoring yet easy to employ and maintain. clickTAG, on the other hand, provides you with various metrics, such as amount of clicks and views, and gives an opportunity to evaluate the banner's effectiveness. With any other banner-making tool, the use of clickTAG can be complicated, but not with bannersABC.com - applying a clickTAG parameter via Designer is a single-click procedure.


Another setting you can adjust here is the way the page that banner leads to, opens - whether it'll open in the same window or should pop up in a new blank window, is solely up to you to decide.



12. Designer: Animation

An animation is the most important Designer feature. Try adding every banner object possible, tune them up with one of the animation effects, do whatever you can come up with - no judgment at this point, for sure. Note that different animation scenarios can apply a different object position on the banner, like bottom-right, centered, or top, so all you need to do is to select an appropriate scenario "star" option. Use bannersABC tags that place and play objects from designated points. The Animation setting window can be expanded by clicking on the drop-down menu button.
Press Open to reveal the extended animation menu, where you'll be able to apply category and position views. Another feature available is Split Text; this is when any animated word or phrase can be split to appear on the screen.



13. Designer: Timelining

Scene length (presented on a large timeline) and object duration (check small drop-down menu) also can be adjusted in Constructor. Move sliders both ways if you want to change the object's duration.
Note! You can sync or unsync the objects' sequence when adding several objects - just try different timeline combos for this.



14. General: Banner size

We keep giving the same hint to everyone: think of your banner size before you start making it. This way you'll avoid redoing it several times. But at any rate, even if you get confused or get suddenly struck by a totally different idea, do not get all duh! - no object setting will get lost or amended if you introduce a different banner size. Note! Your image might get shrunk/stretched to a new banner size if you place it as a banner background!



Email: support@bannersabc.com