In this article, we will show you how to use widgets to create interactive ads. Timeline Pause Points widget Pause button widget Play/Jump button widget Play/Pause toggle 1) Let’s start with the Timeline Pause Points. This widget will pause the timeline on the specific points. Go to Add > Widget > Timeline Pause Points. The […]
Category: Animation Timeline
Group Elements
With BannerNow, you can easily group elements on a canvas and animate them together, or animate each element individually at the same time, creating dynamic and visually appealing animations. How to do that? Please watch the video below.
Clipping masks
Masks allow you to show specific portions of other layers. They come in handy when wanting to crop images or limit the visibility of other objects within your ad design. Let’s first create a simple animation with 2 texts that appear “from left”. As you can see the text is overlapping the white vertical line. We […]
Advanced Keyframe-based Animations
In advanced animation keyframe mode each property of the element (move x, move y, scale x, scale y, opacity, rotation) can be animated separately using keyframes. To enable the keyframe mode – click the “animation” icon on the layer. Select all the properties you want to animate for this layer from the menu. Animation properties that are […]
Custom Stay Animations
Text The Tools Panel contains tools for creating, editing stay effects and save presets. Select the effect type. Loop duration refers to the time of one transition (in seconds). Repeat refers to how many times the transition needs to be repeated (for unlimited looping set it at -1). Delay between transitions. Each “stay” effect type has it’s own custom settings […]
Banner Preview
You can use the Preview Modal in order to preview your banner’s current state (look & effects). In order to open the Preview Modal click Preview button. The Banner Preview modal will display the current state of your banner. It also features a few options that can be applied: Use the Autofit switch to perfectly fit the preview modal in your browser.
Appear Animations
You can assign animation effects to any element on the stage, including images, text, buttons, and shapes. To access the properties of the animation effects, simply select the desired element on canvas. On the bottom of the screen, there is a Timeline area with the following: Left-side menu: Layers Right-side menu: Transitions. The corresponding layer and transition […]
Custom Appear/Disappear Animations
Animation effects can be assigned to any element (image, text, button, shape). In order to access animation effect properties, you’ll need to select (activate) the desired element on the stage. On the bottom of the screen, there is a Timeline area with the following: Left-side menu: Layers Right-side menu: Transitions. The corresponding layer and transition of the selected element are highlighted […]
Disappear Animations
Disappear Effect – Finishing effect of an element. Animation effects can be assigned to any element (image, text, button, shape). In order to access animation effect properties, you’ll need to select (activate) the desired element on the stage. On the bottom of the screen, there is a Timeline area with the following: Left-side menu: Layers Right-side menu: Transitions. The corresponding layer […]
Stay Animations
Stay Effect – Middle effect for extra transitions. Animation effects can be assigned to any element (image, text, button, shape). In order to access animation effect properties, you’ll need to select (activate) the desired element on the stage. On the bottom of the screen, there is a Timeline area with the following: Left-side menu: Layers Right-side menu: Transitions. The corresponding layer […]