CATALOGUE Vidéo Formation After Effects Atelier After Effects - Data visualisation

Animation Dynamique de Camembert dans After Effects avec JavaScript

Retour à la formation
Chapitre 5 Leçon 9
Précédent
Suivant

Apprenez à animer un camembert dans After Effects en utilisant des variables et des conditions JavaScript.

Détails de la leçon

Description de la leçon

Cette leçon vous guide à travers le processus d'animation d'un camembert dans After Effects en utilisant du code JavaScript. Vous apprendrez à manipuler la propriété Time pour animer progressivement un graphique à partir d'une valeur nulle vers une valeur cible. La leçon couvre également la mise en place de conditions pour gérer les seuils d'animation, garantissant que le graphique ne dépasse pas une certaine valeur. En suivant cette leçon, vous découvrirez comment exécuter du code à chaque frame pour animer des données dynamiques, et la manière de structurer votre script pour des animations fluides et contrôlées. Enfin, vous verrez comment décliner ce code sur plusieurs calques pour créer des animations interconnectées.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'apprendre à :

  • Utiliser JavaScript pour animer des graphiques dans After Effects
  • Manipuler la propriété Time pour contrôler l'animation
  • Implémenter des conditions pour gérer des bornes d'animation

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir :

  • Un niveau intermédiaire en JavaScript
  • Des compétences de base en After Effects
  • Des notions de création de graphiques animés

Métiers concernés

Les techniques apprises peuvent être appliquées dans les métiers suivants :

  • Motion Designer
  • Développeur Front-end
  • Spécialiste en Data Visualization

Alternatives et ressources

Alternatives possibles aux techniques présentées dans cette vidéo :

  • Utiliser d'autres logiciels d'animation tels que Adobe Animate ou Blender
  • Employer des bibliothèques JavaScript comme D3.js pour des animations web
  • Recourir à des outils de motion design intégrés comme Final Cut Pro ou Motion

Questions & Réponses

La propriété Time permet de faire progresser l'animation du camembert de manière progressive en synchronisant son évolution avec le temps de lecture.
Les conditions sont nécessaires pour empêcher que la valeur de Time dépasse une certaine limite, assurant ainsi que l'animation reste dans les bornes désirées.
Ce script diffère car il exécute le code à chaque frame en fonction de la position de la tête de lecture, éliminant ainsi le besoin d'une boucle d'incrémentation classique comme une boucle for.