A quick guide to understanding the anatomy of the Adventive Ad Builder
In this article, you will learn:
An overview of the Ad Builder
Ad Builder Overview
Designed to mimic popular creative development tools, Adventive's Ad Builder provides an intuitive, powerful interface to quickly design and implement rich media ad units. The following section outlines the main components of the Ad Builder and their purpose.
The information panel provides general information about the open ad unit. At a glance, you can see the ad name, the format and initial dimensions.
The toolbar, located to the far left of the screen contains several icons which control various functions of the builder. Below is an explanation of each of the toolbar controls:
Create new or open existing ads or templates
Inserts a text object onto the ad stage
Inserts a shape object onto the ad stage
Inserts a hitbox object onto the ad stage. A Hitbox is a transparent layer than can be added over any element to provide additional click, hover or other events or actions
Opens Adventive's animation tools. This option will not be displayed in the toolbar menu unless an object which can be animated is selected on the stage
Opens Adventive's knowledge base and support chat widget
The stage is the main window used to visualize the development of the ad unit. Adventive's drag-and-drop builder allows all of the elements on the stage to be positioned and resized individually. Clicking on any element on the stage will open properties associated with the selected element.
The property panel is a context-aware set of controls, that will automatically update with the properties that can be manipulated give the selected element or component. Clicking off of any element, or outside of the stage area will reveal the general ad properties.
Screens & Layers
Screens & Layers provides a visual representation of the elements on the ad unit and the relative position of each of the layers for each screen contained within the ad unit. Clicking any of the layers will highlight and that element on the stage. Clicking the any of the Screen tabs will change the builder to that screen.
|Add a new layer|
|Layer contains an animation|
The animation timeline provides a visual representation of any animation that may be applied to an element on the stage.