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