SVG animations

The Bodymovin/Lottie plugin lets us export animations

created in Af ter Ef fect as vector animations. Non‑vector

elements such as images can also be animated without

the vector property, of course. The power of Af ter Ef fect

enables us to create far more advanced and complex

animations, which can run in loops or be played only once.

Perfect vector quality

A huge freedom of animation possibilities

Medium creation ef fort (medium budget)

Requires skills in Af ter ef fect

An opimization is required because animation weight can

quickly become signif icant (and slow down the processing)

Is working as a video where animations

only loop or stop in the end.

Choice of appearance or looping animation.

Both are not possible or dif ficult to set up.

Interactions are not possible or need a considerable

ef fort (Hover animations are possible)

Animate interactions

Animate is a powerful program for creating highly

complex animations and interactions. This animation

method is especially useful for quizzes, thanks to its

ability to integrate Javascript to add interactivity.

Good vector quality (rendered on a canvas)

Huge creative freedom

High creation ef fort (high budget)

Custom development

Our development team can create much more complex interactivity that exactly solves a specif ic problem like connecting to a database, communicating with other servers, forms, e‑commerce etc.

Overview of dif ferent animation techniques

First, a quick overview of the dif ferent techniques for creating animations and interactions in a f luidbook.

In this document, we will only cover what can be done directly in the Toolbox.

Toolbox animations

This is our own animation engine, whose capabilities can

be compared to PowerPoint animations. You can animate

graphics already present on the pages. This will greatly

reduce the creative ef fort and drastically increase the

speed of the process. You can also take advantage of all

the enrichments of fered by the Toolbox, such as integrated

videos, pie charts, f lip cards, quizzes and more.

Small creation ef fort (low budget)

Perfect vector quality

Processor ef fective (works well on smartphones

and devices with low processing power)

Some simple interactions are possible (click and reveal)

New animation types are constantly added by our dev. team.

Text can be animated regardless of the background.

Requires a f lat‑colored background behind a graphic

element (excluding text) to be animated

Only standard animation possibilities (ref. PowerPoint)