Les cartes animées ont beaucoup évolué et leurs possibilités sont infinies. Aujourd’hui, nous voyons une large intégration des cartes animées dans les domaines du voyage et du tourisme, de l’éducation, du journalisme et de la santé. Elles sont utilisées dans les vidéos pour illustrer les changements de données sur une période donnée.
Ces cartes sont principalement utilisées comme un outil « de pointe » pour la visualisation géographique. Les spectateurs et les lecteurs s’attendent aujourd’hui à ce que les histoires incluent ces cartes dynamiques.
Créer des cartes animées spectaculaires est devenu plus simple grâce aux technologies récentes. Cet article examine les étapes de base pour réaliser des cartes de voyage animées en 3D dans Adobe After Effects et présente également quelques modèles populaires.
Partie 1 : Comment créer une carte de voyage animée en 3D dans After Effects ?
Ce tutoriel complet vous guidera dans la création d’une carte animée After Effects de qualité professionnelle depuis zéro. Vous n’aurez pas besoin d’acheter des plugins ou presets coûteux – tout peut être réalisé avec les outils intégrés d’Adobe After Effects pour créer une superbe animation de carte 3D.
Créer un tutoriel de carte de voyage After Effects devient simple lorsque vous suivez notre approche systématique. Les techniques décrites ici sont utilisées par des artistes de motion design professionnels dans le monde entier pour créer des animations de cartes de qualité cinématographique pour des documentaires, émissions de voyage et présentations d’entreprise.
Remarque : Vous pouvez regarder le tutoriel vidéo d’un YouTuber pour voir comment il a animé la carte avec AE.
Étape 1 : Animer votre ligne
La base de tout projet réussi de carte du monde animée After Effects commence par le paramétrage correct de votre composition et la création de l’animation du trajet.
- D’abord, créez une nouvelle composition dans Paramètres de Composition. Vous pouvez définir ici vos presets. Changez la qualité en Full HD (1080p) et assurez-vous de décocher le verrouillage du ratio d’aspect. Vous pouvez modifier la largeur si nécessaire et n’oubliez pas de renommer la composition.
- Ensuite, importez votre carte routière. Vous pouvez la précomposer et la modifier plus tard dans After Effects si besoin.
- Faites un clic droit pour créer un nouveau calque de couleur unie ; ce sera votre Trait. Choisissez une couleur et cliquez sur « Ok ».
- Ensuite, vous devez décider de votre lieu de voyage. Avant cela, décochez le nouveau calque.
- Cochez de nouveau le calque, trouvez l’outil Plume (sous la barre d’outils) puis cliquez et faites glisser sur votre lieu actuel (par exemple, Belgique). De même, créez une autre ligne sur votre destination souhaitée (ex. Moscou).
- Ajoutez une animation à votre courbe de ligne : allez dans les effets et presets, recherchez « stroke » (trait) et appliquez-le. Cela sélectionnera automatiquement le Masque 1 du calque.
- Activez le calque Stroke et modifiez la taille du pinceau, le style de peinture, la couleur et ajoutez un espacement à la ligne sur la carte.
- Pour animer la ligne, cliquez sur le chronomètre de fin dans les presets. Vous pouvez choisir une animation linéaire ou avec « easy ease ».
Pour la première option, cliquez sur stop lunch et avancez le temps d’environ 3 secondes, puis définissez le chronomètre à 100 %. Appuyez sur « E » sur le clavier pour créer une autre image clé, revenez à la précédente et réglez le chronomètre sur zéro.
L’option « Easy Ease » est légèrement plus complexe. Clic droit, allez dans Assistance d’images clés et sélectionnez Easy Ease. Allez dans l’éditeur de courbes pour ajuster la vitesse d’animation.
Étape 2 : Ajouter une ombre portée dans une carte animée After Effects
Pour renforcer l’apparence tridimensionnelle de votre projet d’animation de carte After Effects, ajouter de la profondeur via des ombres est essentiel pour obtenir un résultat professionnel.
Accédez aux effets de votre calque et ajoutez un effet « Drop Shadow » (Ombre portée) à votre calque de trajectoire animé. Ajustez le paramètre de distance dans le menu de gauche afin de créer une profondeur subtile qui ne surcharge pas votre design. Cette technique ajoute une finition professionnelle à votre projet de mapping vidéo After Effects.
Étape 3 : Animation 3D
Transformez votre carte plate en une expérience dynamique de carte du monde pour After Effects grâce à un véritable mouvement de caméra 3D et à des relations spatiales réalistes.
- Clic droit pour créer une Nouvelle caméra puis cliquez sur le calque World Map.
- Activez la 3D pour l’effet Stroke et le calque actuel. Si vous ne voyez pas l’icône 3D, vérifiez les options d’affichage.
- Ensuite, en plus de la nouvelle caméra, créez un « Nouvel objet nul » via un clic droit. Activez aussi la 3D pour celui-ci.
- Vous pouvez rendre l’animation encore plus remarquable en cliquant sur la caméra et en la parentant au Null. Cela signifie que le Null sera votre contrôle : la caméra suivra la rotation du Null pour obtenir une animation meilleure qu’un simple panoramique/inclinaison.
- Pour afficher la rotation, cliquez sur le Null et appuyez sur « R » ; pour les positions, maintenez Maj enfoncé et appuyez sur « P ».
- Zoomez avec la « rotation Z » et allez à votre point de départ. Vous pouvez aussi mettre un chronomètre sur chaque axe de rotation. Avancez à 3 secondes et faites pivoter dans l’autre direction.
- Pour obtenir un Easy Ease homogène, vous devez aussi l’ajouter à cette animation sur toutes les images clés.
- Lisez l’animation pour voir l’animation 3D que vous venez de créer.
Étape 4 : Profondeur de champ
Si vous allez dans les paramètres de la caméra en cliquant sur « camera », vous trouverez des options où vous pouvez activer la profondeur de champ. Modifiez ensuite l’ouverture à 130, puis ajustez la distance de mise au point pour rendre net votre point d’arrivée. Voilà, vous avez créé un effet de profondeur de champ. Vous pouvez répéter cela pour votre point de départ.
Le flou restant sera réduit si vous baissez la valeur de l’ouverture.
Étape 5 : Ajouter un repère de localisation
Dans votre animation de carte After Effects, vous pouvez importer une icône de localisation dans votre scène de voyage. Transformez-la en calque 3D si nécessaire et repositionnez-la sur les destinations de départ et d’arrivée.
- Le point d’ancrage peut être déplacé au début grâce à l’outil Pan Behind.
- Faites pivoter l’icône vers le haut en appuyant sur « R ».
- Pour faire apparaître cet élément dans l’animation, appuyez sur « S ». Pour l’échelle, cliquez sur le chronomètre, mettez l’image à zéro puis cliquez sur l’image clé précédente. Clic droit > Easy Ease.
Partie 2 : Meilleurs modèles de cartes animées de voyage dans Adobe After Effects
Notez que les modèles suivants proviennent d’Envato, mais vous pouvez également trouver des modèles similaires sur certains sites de téléchargement de modèles After Effects.
1. Flight Maps :
Flight Maps est une option simple qui vous aide à créer rapidement des animations 2D entre deux villes. Il propose des cartes régionales pré-animées. Il vous permet également d’inverser le sens du trajet entre les villes.
Le modèle vous offre 6 thèmes de couleur pour les cartes. Ils peuvent être activés et personnalisés via le panneau de contrôle des effets. Des fonctions supplémentaires comme l’ajout de nuages peuvent donner plus de profondeur à votre composition. Des effets impressionnants comme des textures poussiéreuses peuvent donner un niveau supplémentaire de dynamisme à votre carte animée.
Supposons que vous vouliez ajouter des graphiques comme une voiture ou un voilier. Pour cela, cliquez sur le calque d’icône dans la composition du tableau de bord. Des éléments comme le style de la ligne de route et le repère sont également personnalisables. Avec Flight Maps, vous pouvez ajouter des animations en introduction en sélectionnant un calque de style de transition.
Dans l’ensemble, ce modèle nécessite un peu de travail manuel. Ce n’est pas un panneau où il suffit de saisir deux villes pour que tout s’anime automatiquement. Il fait partie des modèles de carte de voyage After Effects gratuits d’Envato Elements, ce qui le rend facilement accessible.
2. Map Connector :
Si vous souhaitez connecter deux villes différentes, ce n’est probablement pas le meilleur modèle. Toutefois, Map Connector est un excellent modèle 2D pour illustrer des métadonnées ou d’autres informations associées à divers emplacements.
Contrairement à Flight Maps, ce modèle ne contient pas de modèles intégrés, mais vous pouvez quand même personnaliser la couleur, le timing et la position. Les utilisateurs peuvent modifier les emplacements en ouvrant d’abord la composition de destination et en appuyant sur « p » pour consulter la position de la caméra qu’ils peuvent ajuster.
Vous devrez revenir au panneau Projet et ouvrir différentes compositions pour mettre à jour les boîtes d’information et les textes associés aux nouveaux emplacements.
Les images clés sur ce modèle sont un peu plus difficiles à utiliser pour les débutants. Il manque quelques effets importants mais reste assez facile à prendre en main.
3. Place on Earth :
Vous souhaitez montrer un lieu unique à l’aide d’un globe 3D ? Dans ce cas, ce modèle fonctionne parfaitement. Vous pouvez modifier l’emplacement en ouvrant la composition d’édition. Faites défiler jusqu’à ce que l’étiquette de la ville par défaut apparaisse, puis double-cliquez pour changer le nom (avec police mise à jour si nécessaire).
Ensuite, cliquez sur le calque de position et déplacez l’étiquette à l’emplacement correct. Dans l’onglet de rendu, faites défiler pour prévisualiser le mouvement entre les points A et B. Vous pouvez également ajouter un effet visuel au lieu que vous mettez en avant.
Pour ajuster l’emplacement dans le cadre, vous devez mettre à jour le paramètre Point 2 dans Contrôles des effets. Vous pouvez ajuster ces paramètres jusqu’à obtenir un résultat parfait.
Vous souhaiterez peut-être modifier en résolution 1/4 pour accélérer l’édition avant le rendu final. Le rendu peut être long à cause de l’animation 3D. Il est également préférable de saisir les valeurs numériquement, car les réglages sont très sensibles.
4. World Map Toolkit (Premiere Pro) :
Ce modèle a été créé principalement dans Adobe After Effects, puis exporté sous forme de modèle Motion Graphics pour être utilisé dans Premiere Pro au format .MOGRT. Cela signifie que toutes les modifications sont effectuées dans Premiere Pro. À moins que le fichier ne soit optimisé, vous risquez de rencontrer de forts ralentissements durant l’édition.
⭐ Alternative : Créer des cartes de voyage animées sans After Effects
Pour de nombreux débutants, créer une carte animée dans After Effects peut être chronophage en raison du flux de travail complexe impliquant Trim Paths, Mask Paths, Graph Editor et expressions. Si vous cherchez une méthode plus rapide et plus simple pour construire une animation de carte sans composition avancée, Wondershare Filmora et son outil Plume offrent une solution idéale pour les débutants. Parfait pour les vloggers, éducateurs, créateurs de contenu voyage et storytellers sur réseaux sociaux souhaitant produire rapidement une animation de carte du monde soignée.
Téléchargement sécuriséPourquoi utiliser Filmora pour l’animation de cartes ?
Filmora simplifie radicalement l’animation de trajets, rendant les cartes animées accessibles à tous — même sans formation professionnelle.
| Workflow traditionnel After Effects | Workflow Filmora avec outil Plume |
| Nécessite de maîtriser Mask, Trim Path, Graph Editor, Expressions | Tracer la route → Appliquer l’animation en un clic |
| Courbe d’apprentissage élevée | Convient aux débutants, prise en main en quelques minutes |
| Rendu lourd, très dépendant du matériel | Performances légères et export rapide |
| Modifications des templates complexes | Modèles de cartes éditables intégrés, contrôle par glisser-déposer |
| Idéal pour productions vidéo haut de gamme | Parfait pour vloggers, enseignants et créateurs sur réseaux sociaux |
✨ En résumé : Filmora permet de créer des cartes animées en se concentrant davantage sur le storytelling que sur les compétences techniques.
Téléchargement sécuriséComment créer une animation de carte de voyage dans Filmora
Suivez ces étapes pour concevoir une animation de trajet propre et professionnelle :
Importez votre image de carte du monde ou carte de ville dans le panneau Média. Vous pouvez également rechercher des ressources de cartes directement dans Stock Media si vous n’en avez pas préparé une.
Faites glisser la carte vers la piste vidéo principale pour définir votre arrière-plan.
Utilisez l’outil Plume pour tracer le trajet que vous souhaitez animer.
- Cliquez sur l’icône Forme au-dessus de la timeline
- Sélectionnez l’outil Plume
- Cliquez sur la zone de travail pour créer des points
- Créez des lignes droites ou maintenez et faites glisser pour former des courbes naturelles
Ceci forme la base de votre route animée.
Dans le panneau Propriétés, allez dans : Forme → Basique → Contour (Stroke)
- Ajustez la couleur, l’épaisseur et l’opacité
- Appliquez des styles tels que lueur ou lignes pointillées
Cela permet de mieux mettre en valeur votre trajet.
Pour créer l’animation du tracé :
- Ouvrez Trim Path dans les propriétés
- Mettez la tête de lecture au début
- Définissez Début = 0 % et Fin = 0 %, puis ajoutez une image clé sur Fin
- Avancez jusqu’à l’endroit où l’animation doit se terminer
- Changez Fin à 100 %
Vous pouvez ajuster Offset si vous voulez que l’animation commence ailleurs.
Pour animer un avion suivant la route :
- Ouvrez Path Follower
- Sélectionnez une icône d’avion dans Stickers, ou importez votre graphique
- Cliquez sur Appliquer
Un mouvement est automatiquement attaché au tracé animé.
Allez dans l’onglet Audio et recherchez des effets sonores d’avion, de vent ou de voyage. Faites-les glisser dans la piste audio.
Touches finales :
- Ajoutez des zooms caméra
- Utilisez des titres pour étiqueter les destinations
- Appliquez des effets de lueur ou d’ombre
Exportez votre carte animée au format souhaité — 1080p pour les réseaux ou 4K pour une qualité supérieure.
Recommandation finale :
Les deux outils peuvent créer des cartes animées impressionnantes, mais le bon choix dépend de votre flux de travail :
- Choisissez After Effects pour des animations cinématiques, un compositing professionnel ou des projets avancés.
- Choisissez Filmora pour des résultats rapides, une courbe d’apprentissage faible et une alternative pratique pour des visuels style After Effects — sans complexité.
Conclusion
Comme nous vivons dans un monde évolué, notre cerveau et nos yeux réagissent mieux aux environnements en mouvement. Les cartes animées exploitent efficacement nos capacités visuelles. Elles sont donc largement utilisées aujourd’hui.
Nous espérons que notre guide étape par étape et nos suggestions de modèles vous aideront à créer des cartes de voyage animées dans Adobe After Effects et à rendre vos vidéos plus impressionnantes.
Téléchargement sécurisé