An error occured when trying to show the publication. Please check if JavaScript is enabled or try to update your browser.

Quand utiliser les animations Toolbox ?

Il est assez dif ficile de déf inir des règles strictes pour l’utilisation des animations du Toolbox. Déjà, car le Toolbox est en constante

évolution, quelque chose qui n’est pas possible aujourd’hui le sera probablement demain. Et deuxièmement, car il y a tellement de

fonctionnalités, qu’il y a très souvent un moyen de contourner quelque chose qui nous bloquerait en utilisant une autre approche.

Pour commencer, l’objectif est de minimiser au maximum les modif ications du document de base . Pour ce faire, nous privilégierons

l’utilisation des liens suivants : Couleur, Animation de calque et Texte. Si nécessaire, nous utiliserons le lien Image pour

animer des éléments moins accessibles, et en dernier recours, une animation SVG sur mesure, si les animations du Toolbox ne

conviennent pas. Mais, revenons aux animations du Toolbox, nécessitant aucune modif ication du document de base.

De manière générale, il y a quelques règles, qui doivent être suivies pour réaliser une animation sans

altérer le document original, et sans trop se compliquer la vie. Premièrement :

Vous devez faire en sortes qu’il n’y ai pas d’éléments indésirables (que vous ne voulez pas animer) dans la zone de votre lien

Dans le Toolbox, la forme de base du lien est un rectangle, on va privilégier au maximum cette forme. Cependant, il est maintenant

possible de créer des liens en tracé libre dans l’éditeur. Les tracés libres peuvent être très pratiques, mais seulement ponctuellement.

À savoir, que si dans votre f luidbook, il y a la nécessité d’en utiliser des dif férents sur quelques éléments, ça devrait aller. Mais,

par exemple, réaliser des tracés libres sur 300 titres car les interlignages sont trop rapprochés va vite devenir fastidieux. Il sera

alors plus simple de faire changer cet interlignage ou bien de privilégier une autre méthode pour animer ces titres.

Cela va ensuite dépendre de ce que vous souhaitez animer. À savoir, soit du texte, soit un élément graphique

(icônes, blocs, images, tout ce qui n’est pas du texte en général).

Animer un texte

Dans le cas d’un texte à animer, il n’y a pas vraiment de contrainte

au niveau de la structure de la page . Que le texte soit sur un fond uni,

une image ou un dégradé par exemple, tous les types animations sont

compatibles avec un lien Animation de calque en mode Texte.

Animer un élément grahique

En revanche, dans le cas où vous souhaitez animer un élément graphique,

le Toolbox est moins permissif dans certains cas. Il va encore être impossible

pour lui de dissocier un élément graphique du fond, si celui‑ci n’est pas

une couleur unie. Il faut alors utiliser une autre méthode d’animation.

Text Text Text Text

Le mode Texte

est utilisé

sur ces trois

exemples

Tracé libre

Pour réaliser un tracé libre dans l’éditeur du Toolbox,

maintenez enfoncée la touche de votre clavier

pendant que vous tracez votre lien.

Ne relâchez pas la touche tant que vous n’avez pas tracé

tous les points de la forme dont vous avez besoin pour

votre forme. Il est conseillé même de mettre quelques

points de plus au cas où, car il n’est plus possible d’ajouter

de point supplémentaire une fois le tracé terminé.

Retrouvez ci‑dessous un exemple d’utilisation d’un lien

avec une forme en tracé libre, cela nous permet ici d’isoler

des lignes de texte af in de les animer indépendamment.

This is an example

of animation on a title

Chose qui n’est pas possible avec des formes

de lien classique, qui animerait une parti des

lettres de l’autres ligne en même temps.

This is an example

of animation on a title

Nouveauté

This button

relaunches all animations

on the current page

Fluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivityFluidbook Guide - Toolbox animations and interactivity
Powered by Fluidbook