CATALOGUE Vidéo Formation After Effects Atelier After Effects - Data visualisation Création de cartes interactives avec After Effects et Illustrator

Création de cartes interactives avec After Effects et Illustrator

Représenter la spatialité (intégration d'une carte géographique Illustrator)

Vidéo non disponible ! Réessayez plus tard

2h 21min

42 leçons

4,7

Transcription

Cette leçon fait partie de la formation

Atelier After Effects - Data visualisation

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

2h 21min

42 leçons

4,7

Cette leçon fait partie de la formation

Atelier After Effects - Data visualisation

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Importation et transformation des fichiers Illustrator

Objectifs

Les objectifs de cette vidéo sont de :

Comprendre comment importer des fichiers Illustrator dans After Effects
Apprendre à créer des cartes interactives avec effets graphiques personnalisés
Maîtriser l'utilisation des calques de forme et des objets nuls pour la manipulation précise des éléments

Résumé

Apprenez à utiliser After Effects et Illustrator pour créer des cartes géographiques interactives en découpant les régions et en appliquant des effets graphiques dynamiques basés sur des données externes.

Description

Dans cette leçon, nous explorons le processus de création de cartes interactives à l'aide d'After Effects et Illustrator. En découpant la carte de la France en 13 régions, nous montrons comment enrichir chaque région avec des textures dynamiques adaptatives. Vous apprendrez à :

Importer et transformer des fichiers Illustrator dans After Effects
Utiliser des calques de formes vectorielles
Appliquer des effets de type particules pour représenter des données
Manipuler des objets nuls pour recentrer et redimensionner les éléments

Cette approche innovante permet de sortir des représentations classiques comme les graphes et d'adopter une approche plus organique, en phase avec le métier de designer graphique.

Questions fréquentes

Quel est l'avantage d'utiliser des calques de forme dans After Effects ?

Les calques de forme permettent une éditabilité maximale et la possibilité d'appliquer des effets individuels à chaque région, ce qui est essentiel pour une visualisation des données dynamique.

Pourquoi est-il recommandé de séparer les régions en plusieurs calques dans Illustrator avant de les importer dans After Effects ?

Séparer les régions en plusieurs calques permet de les manipuler individuellement dans After Effects, facilitant ainsi l'application d'effets graphiques distincts pour chaque région.

Quel rôle joue un objet nul dans le processus de recentrage des calques de forme ?

Un objet nul sert de parent à tous les autres calques de forme, permettant de déplacer et de redimensionner l'ensemble des régions de manière synchronisée sans déformer chacune individuellement.

Programme détaillé

Accueil de la formation

Module 1 - Introduction

Qu'est-ce que la datavisualisation ? 01:38

Quelques références sur la datavisualisation 02:56

Module 2 - Préparation du projet

Organisation des médias 02:10

Création de la composition 03:20

Contextualiser la visibilité des compositions imbriquées 01:33

Module 3 - Création graphique des modèles de données

Représenter la proportion (diagramme de valeurs ou camembert) 04:52

Représenter les volumes (graphique à barres) 07:20

Représenter la temporalité (chronologie, courbes ou graphique linéaire) 04:45

Représenter la spatialité (intégration d'une carte géographique Illustrator) 06:53

Appliquer une texture Grille de points 04:42

Appliquer une texture Particules 08:06

Module 4 - Intégration des données dynamiques

Quel format de données pour quel usage (txt, csv, json, mgjson) ? 04:37

Ressources complémentaires sur les formats de données 01:23

Intégration d'un texte externe dans une composition 01:34

Liaison et mise-à-jour des données texte 02:20

Organiser l'affichage des données CSV 04:06

Création d'un fichier CSV conforme 02:00

Liaison des données CSV à l'animation 02:14

Conversion des valeurs CSV de térawatts en pourcentage, à l'aide de Javascript 02:29

Enchaînement et concaténation des données à l'aide de Javascript (portions successives de camemberts) 04:21

Arrondir le pourcentage et ajouter le sigle %, à l'aide de Javascript 03:16

Gestion des mises-à-jour à partir des fichiers CSV 01:39

Création d'un fichier de données JSON 06:15

Liaison des données JSON à l'animation 02:21

Gestion des mises-à-jour à partir des fichiers JSON 01:16

Création d'un fichier de données MGJSON 03:14

Liaison des données d'animation MGJSON à la composition 07:22

Gestion des mises-à-jour à partir des fichiers MGJSON 00:53

Module 5 - Animations à partir de données statiques

Organisation des données pour le tracé linéaire 01:39

Liaison des points du tracé aux données dynamiques 05:10

Utilisation de variables pour rationnaliser les commandes Javascript 02:55

Animation du tracé dynamique et déclinaison du procédé 02:17

Liaison des effets de bulles aux données dynamiques 06:50

Présentation des propriétés à relier aux données 01:09

Liaison des effets de particules aux données dynamiques 03:13

Utilisation de conditions pour gérer la couleur d'un solide 07:41

Animation d'une valeur fixe vers la donnée liée 04:17

Module 6 - Exportation

Création d'une composition finale 00:53

Exporter l'animation au format vidéo (h264) 02:42

Exportation du flyer au format PNG 02:05

Module 7 - En savoir plus sur les expressions

Localiser les expressions prédéfinies 00:35

Accéder à l'aide en ligne sur les expressions 00:38

3 commentaires

4,7

3 votes

m.thiebault_1

Il y a 3 ans

Oui bonne formation!
Un problème rencontré entre After et JSON, After effets ne reconnait pas les valeurs du fichiers JSON au-delà de 32768... Soyez pas surpris si vous voulez indiquer la population (à 259 210 habitants par exemple le Json dans AE vous donneras maximum 32 768) va falloir trouver des astuces (exprimer en Kilo, 259K par exemple, mais bon moins précis...). Peut-être que le formateur à une méthode pour contourner cela ?
Merci

ablyssem

Il y a 3 ans

Formateur pédagogue, formation intéressantes et complète.

frederic.holstein

Il y a 4 ans

Excellent pédagogue.
Sauf que je n'arrive pas à charger le moindre fichier .csv : "impossible de lire à partir de la source " alors que mon fichier ne contient qu'un seul mot, et je crois avoir tout essayer.