Comment Appliquer une Accélération sur une Animation de Carte

Découvrez comment appliquer une accélération à vos animations de jauges avec des effets de rebond ou élastique pour des transitions plus dynamiques.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer les différentes techniques pour ajouter une accélération aux animations de jauges sur une carte.

Nous commencerons par une animation de base sans accélération, puis nous introduirons un effet de décélération en utilisant des options de rebond et d’élastique. La distinction entre ces deux types d’effets sera aussi expliquée : le rebond ne dépasse jamais la valeur d’arrivée, tandis que l’élastique la dépasse et revient.

Chaque étape du processus sera abordée, depuis le retour aux symboles individuels jusqu’à l’application de la courbe d’accélération. Enfin, nous publierons l’animation avec les nouveaux effets appliqués, vous offrant ainsi une méthode complète et pratique pour améliorer vos propres animations.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
- Maîtriser l'application d'une accélération à des animations de jauges.
- Comprendre et différencier les effets de rebond et élastique.
- Savoir publier des animations avec des effets d'accélération appliqués.

Prérequis pour cette leçon

Pour suivre cette vidéo, quelques connaissances basiques en animation et utilisation des symboles sont nécessaires.

Métiers concernés

Ce tutoriel est particulièrement utile pour les motion designers, les spécialistes de l'UI/UX et les développeurs front-end.

Alternatives et ressources

En plus des méthodes montrées, vous pouvez utiliser des logiciels comme After Effects ou des plugins animés pour obtenir des effets similaires sur des animations.

Questions & Réponses

L'effet de rebond ne dépasse jamais la valeur d'arrivée, alors que l'élastique la dépasse puis revient.
L'effet élastique est appliqué à la fin de l'animation pour ajouter une transition dynamique et marquer la fin du mouvement de manière plus fluide.
L'effet de rebond n'a pas été appliqué sur la valeur de 1,5% car l'animation est trop petite pour que l'effet soit perceptible.