La partie basse de la fenêtre “Timeline” permet une gestion avancée des animations sur les boîtes : appelé le “Keyframer”. Ce module permet de créer une animation avec les boîtes sans se limiter à un unique effet d’apparition et de disparition. Le principe est d’assigner à une boîte des “images-clefs”, symbolisées par de petits losanges. Chaque “image-clef” dispose d’attributs différents de taille, de transparence et aussi de position de la boîte dans la page.
Ces “images-clefs” sont disposées sur une ligne de temps représentée graphiquement par une ligne blanche. On peut ainsi, par ce procédé, établir des trajectoires évoluées aux boîtes avec un nombre considérables d’étapes. Remarque : Ce type d’animation par “images-clefs” est considéré comme un effet à part entière et ne peut être cumulé avec un autre effet.
Fenêtre Timeline
Nous allons mettre en pratique ce module en créant une phase d’animation avec une image de danseuse se déplaçant à l’écran.
- Pour se faire, cliquez tout d’abord sur le bouton Keyframer afin d’activer ce module sur la boîte image de la danseuse. Puis modifiez votre image (taille, position ou transparence). Par exemple nous avons réduit la taille de la danseuse puis attribué une transparence d’opacité à “0” à l’aide de la palette d’outils.
- Déplacez ensuite votre curseur jusqu’à “0.1s”. Vous remarquez que vous venez préalablement de créer une “image-clé”. Puis modifiez à nouveau les attributs de votre image. Ici nous avons agrandi l’image de la danseuse, nous l’avons déplacée vers la gauche et avons réglé l’opacité à 100%.
- Reproduisez cette opération en déplaçant le curseur à “3.0s” puis à “4.0s” afin de générer deux nouvelles “images-clefs”. Sur la page, la trajectoire de votre animation est représentée en pointillés et chaque “image-clef” est symbolisée par un petit carré. La trajectoire est calée sur le coin supérieur gauche de l’image.
- Déplacez le curseur pour visualiser l’objet en mouvement ou cliquez sur l’icône “œil” pour jouer l’animation.