Dans ce didacticiel, nous verrons étape par étape comment créer des animations de base basées sur les données à l'aide d'Adobe After Effects.
Pour cet exemple, disons que je crée un certain nombre d'animations de rapport de ventes à afficher lors d'une réunion mensuelle récurrente. Pour créer ces animations basées sur les données, j'utiliserai le modèle Capital After Effects. Il s'agit d'un modèle premium de RocketStock, qui contient un certain nombre d'infographies déjà configurées et magnifiquement animées. Pour connecter les propriétés de ces animations aux fichiers de données, j'utiliserai le script MamoworldJSON, un outil gratuit de aescripts.com.
Le but de cette technique est de contrôler les animations d'un projet After Effects via un simple fichier texte. De cette façon, n'importe quel membre de l'équipe peut apporter des ajustements aux animations en modifiant les valeurs d'un fichier texte de base.
Passons au didacticiel.
1. Préparez les éléments AE
Pour la première étape, vous souhaiterez préparer toutes vos ressources et animations dans Adobe After Effects. Puisque j'utilise un modèle, j'aurai simplement besoin d'apporter de légères modifications aux éléments existants. Comme je l'ai déjà mentionné, le modèle Capital de RocketStock est déjà truqué, animé et prêt pour une personnalisation facile. Je vais récupérer l'infographie 01 comp et modifiez les différents éléments de texte pour qu'ils correspondent à mon rapport de ventes.
Bien que je puisse apporter des ajustements à toutes les valeurs directement dans le modèle très rapidement et facilement, le but de cette technique est de permettre des modifications via un simple fichier texte. Une fois édité et enregistré, le fichier texte mettra automatiquement à jour les animations du projet AE.
2. Générer un fichier JSON
Une fois que vous avez téléchargé et installé le script MamoworldJSON, ouvrez-le via la fenêtre menu. La beauté de cet outil est qu'il vous permet de générer automatiquement un fichier JSON à partir de votre projet After Effects.
JSON est un simple fichier texte qui peut stocker des données dans une méthode structurée. Normalement, vous devez écrire des expressions complexes pour connecter des attributs à un fichier JSON existant. Vous devez également comprendre comment écrire un fichier JSON à partir de zéro, si vous n'en avez pas déjà un existant avec lequel travailler.
Générer un fichier JSON est aussi simple que de sélectionner une propriété d'une couche et d'appuyer sur Connect bouton dans le panneau MamoworldJSON. Pour ma première propriété, je sélectionnerai le Texte source de ma Valeur 1 calque et appuyez sur Connecter . Après avoir saisi un nom et appuyé sur OK , un nouveau fichier est créé sur mon disque local et placé dans le projet.
Pour connecter des ressources supplémentaires, il suffit de répéter l'étape précédente. Je vais connecter le texte source propriétés pour l'ensemble de mon graphique Valeur calques, ainsi que les sous-titres de l'élément . MamoworldJSON me permet de connecter presque n'importe quel attribut. Cela inclut les couleurs des graphiques, les titres principaux et presque toutes les autres propriétés à l'écran.
3. Modifier les données
Pour ouvrir le fichier JSON, je clique avec le bouton droit sur le document et sélectionne Rechercher dans l'Explorateur/Finder . Encore une fois, je peux ouvrir le JSON via un éditeur de texte de base. Si vous prévoyez de travailler avec beaucoup de données, vous souhaiterez peut-être trouver une application capable de présenter les données dans une configuration plus conviviale. Et maintenant, changer les animations est aussi simple que de saisir de nouvelles valeurs dans chaque ensemble de données, puis d'enregistrer les modifications.
Étant donné que j'utilise un modèle déjà truqué et animé, les données piloteront ces animations. Tout ce que j'ai à faire est d'ouvrir le projet et de rendre la maquette. La beauté ici est que maintenant n'importe qui peut modifier le texte dans le fichier JSON. Il n'est pas nécessaire d'avoir un tas de personnes qui bricolent dans mon projet AE.
Réflexions finales
Maintenant, il n'y a que quelques valeurs dans cet exemple que je pilote via mon fichier JSON. Cependant, le vrai pouvoir est lorsque vous commencez à utiliser de grandes quantités de données. Ceci est particulièrement utile pour les bulletins météo, les graphiques de campagne électorale et les événements sportifs. Je ne fais qu'effleurer la surface de ce que vous pouvez réaliser avec des animations basées sur les données.
Pour découvrir d'autres modèles After Effects de haute qualité, rendez-vous sur RocketStock.
Boostez vos animations graphiques avec ce contenu After Effects utile.
- Comment créer un effet de désintégration de science-fiction rétro dans After Effects
- Cours intensif de 10 minutes :plug-in Newton 3 After Effects
- Top 10 des scripts et plugins payants et gratuits pour After Effects
- 9 modèles After Effects GRATUITS