How can we help?

Mastering the Animation Timeline Panel in BannerBoo

BannerBoo offers a comprehensive animation timeline panel, providing users with a powerful tool to fine-tune their creations. This guide will walk you through the various features and functionalities of this panel, enabling you to harness its full potential.

Collapsing the Timeline:

The timeline panel can be collapsed, a handy feature when working on large banners. To do this, simply click on the shortcut icon with an arrow.

Adjusting Timeline Height:

Users have the flexibility to adjust the height of the timeline by dragging its upper edge. This customization ensures a comfortable workspace tailored to your preferences.

Understanding Timeline Tracks:

Each track on the timeline corresponds to an object within the workspace. The color coding of these tracks offers a visual cue about the object type: green for raster images, blue for video, orange for vector SVG illustrations, red for text, and pink for audio.

Modifying Playback Time:

Easily change the playback time of each object by stretching it along the timeline. The last object on the timeline serves as the project's endpoint, dictating the overall duration.

Animation Segments:

Each object features three animation segments: "In" marks the animation's start, "Pulsation" signifies the midpoint, and "Out" denotes the animation's conclusion. Adjust the duration of these segments by simply dragging them.

Selecting Animations:

Click on a desired segment to select the animation. Hover over the animation icon to preview its effect.

Adding Animation to Pulsation:

Enhance your animation by clicking the star icon in the pulsation area. This feature allows for dynamic animation adjustments.

Audio Track Animation:

For the audio track, the "Fade" parameter is available in the animation area. This enables smooth volume transitions for audio elements.

Workspace and Timeline Synchronization:

Selecting an object on the workspace automatically highlights it on the timeline, and vice versa. However, clicking on an audio element shifts the control panel to the workspace.

Setting Playback Cycles:

Customize banner playback cycles, a crucial feature for compliance with various advertising networks' requirements.

Previewing Tracker Time:

Easily track the precise time on the timeline using the display at the center of the panel.

Smart Animation:

The "Smart Animation" button allows for simultaneous animation of all objects on the timeline. Choose from a range of animations to suit your creative vision.


The animation timeline panel in BannerBoo is a powerful tool that empowers users to create captivating visuals with precision and finesse. By mastering its features, you can elevate your creative projects to new heights. Happy animating!