How frame animation works

A short guide to building animated banners frame by frame.

An animated banner is a sequence of frames. Each frame is a single slide, and the banner plays them in order to create movement. In JUMI Ad Animator you build each frame on the canvas, set how long it holds, and preview the result before you export.

Frames and hold time

Every frame has a hold time, the number of seconds it stays on screen before the next frame appears. The editor shows the total run time as you add frames, so you can keep the whole loop within the length a platform allows. Add, duplicate, delete and reorder frames from the timeline along the bottom of the editor.

Cut and Smooth transitions

The transition setting controls how one frame changes to the next:

Cut (the default) shows each frame as a clean slide that changes instantly to the next, the way most ad-network banners behave. It keeps files small and predictable.
Smooth animates elements as they move between frames, tweening position, size and fade for a motion-graphics feel. It produces larger files.

A good approach is to design each frame as a complete slide. With Cut you get one crisp frame per slide. With Smooth, the tool animates the difference between consecutive slides for you.

Looping and length

Banners usually loop. Many ad networks limit how long an animation can run and how many times it may loop, so keep the sequence short and let the message land in the first frame or two. Fewer frames and shorter hold times also help keep the exported file light.

Ad platforms set their own rules for animation length and looping. Always check the current specification of the network and placement you are targeting, and test your export before publishing.

Ready to try it? Open the editor, or read the banner size guide and GIF weight limits.