A quick guide to understanding the anatomy of the Adventive Ad Builder.
In this article, you will learn:
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 tool bar, 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, save, undo, redo, import, and export ad units. Also view and adjust builder settings.
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 that 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 context menu is available on right click, both on the canvas and on the surrounding stage.
- On the surrounding stage (off canvas) you have the option to paste assets, show guides, and add both vertical and horizontal guides:
- On canvas, the context menu contains additional options for the specific asset layer that is right-clicked:
On-Canvas Context Menu Options
|Copy the selected asset.
|Paste a copied asset.
|Duplicate a selected asset.
|Delete a selected asset.
|Bring a selected asset layer forward by one level.
|Bring to Front
|Bring a selected asset to the top of the layers on your canvas.
|Send a selected asset layer backward by one level.
|Send to Back
|Send a selected asset to the bottom of the layers on your canvas.
|Animate the selected layer (will open the Animations menu).
|Replace an asset with another asset from the asset panel. Layers can also be right clicked and replaced from the Screens & Layers panel.
General Properties Panel
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 canvas area onto the stage will reveal the general ad properties.
More information can be found within our Configuring Ad Properties article.
Screens & Layers Panel
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 that element on the stage. Clicking any of the Screen tabs will change the builder to that screen.
More information can be found within our Screens & Layers article.
|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.
More information on adding Animations can be found within our Animations article.
By default, all ad units are created with a white background and no border. Many of these options will apply to selected images, objects, and components on the stage, however, if no object is selected, or the user clicks outside of ad the unit on the stage area, the panel will display the "Design" settings of the ad unit as a whole. More information on this can be found within our Configuring Ad Properties article.