Les transitions présentées dans cet article produisent un effet de pliage / dépliage des images.
Les transitions de la catégorie Dépliage (Unfolding) réalisent l’affichage de la seconde image par dépliage progressif de celle-ci. Le dépliage peut s’effectuer suivant plusieurs configurations géométriques :
- 5 bandes verticales
- 3 bandes horizontales
- 15 rectangles
- 12 rectangles
Les trois premières configurations géométriques sont présentées avec des variantes relatives au sens de rotation du dépliage : de l’arrière vers l’avant, de l’avant vers l’arrière ou encore alterné.
La configuration à 12 rectangles est un peu particulière dans la mesure où le dépliage est réalisé de façon semi-aléatoire. L’effet produit est de cette manière moins mécanique.
Les transitions de la catégorie Pliage (Folding) réalisent des animations à partir d’une image découpée en 12 rectangles. La partie de l’image délimitée par un rectangle semble se plier pour laisser apparaître la seconde image.
Une variante des transitions est proposée avec un effet de zoom avant. Cela permet de produire une animation intéressante lorsqu’est réalisé un enchaînement de plusieurs de ces transitions. Pour obtenir cet effet dynamique, la durée de la transition doit être égale à la durée de la vue. Un exemple de ce qui est possible d’obtenir est présenté en fin de l’aperçu vidéo.
Au total, 24 transitions sont disponibles dans deux catégories.
Quelques exemples des 24 transitions sont présentés dans l’aperçu vidéo ci-dessous :
