Use Animation Templates to create short keyframe motion graphics. Create reusable animated designs that can be modified and rendered at scale via the Bannerbear API.
Keyframes
These define the start and end points of your animation. Use keyframes to define changes to your layers, like size, position, opacity and more; Bannerbear automatically handles the animation in-between frames.
- Duration - determines the time between keyframes
- Delay - determines the delay before the keyframe starts the animation to the next keyframe
- EndDelay - determines the delay after a keyframe (best used to extend the end of an animation)
- Easing - a list of motion effects that change how your animation speeds up and slows down
- Text-Effect - a list of transitional effects for your text layers
- Text-Effect-Speed - determines the speed of your text effect (in milliseconds so lower is faster)
- Text-Effect-Easing - a list of motion effects for your text
Simple Sliding Animation
- Start by choosing a layer and dragging it off the canvas
- Add a new keyframe, then drag the layer back to canvas and position well
- Add a final keyframe, then drag the layer off the canvas again, but this time in the opposite direction
