De l'imagination à l'animation : créer une carte fantastique dans Adobe After Effects

1. Introduction: Bienvenue dans le monde enchanteur de l'animation cartographique fantastique. Dans ce cours, je vous invite à un voyage mêlant créativité et amour pour les cartes Que vous soyez un animateur en herbe, un conteur imaginatif ou un passionné de fantasy, ou un passionné de fantasy, ce cours vous permettra de découvrir les secrets de la création de cartes captivantes qui prennent vie grâce captivantes Bonjour, je m'appelle Mikel. Je suis monteur vidéo professionnel et concepteur d'animations graphiques. J'ai une expérience de cinq ans dans l'industrie du motion design. J'ai travaillé sur des projets d'animation de marque, vidéos explicatives, de séquences de titres, campagnes promotionnelles, etc. J'aime les cartes depuis mon enfance, alors j'ai commencé à combiner mes compétences et ma passion pour créer des animations cartographiques. Dans ce cours, vous apprendrez à créer et à animer votre propre pays imaginaire Nous utiliserons les outils intégrés d' After Effects. Il n'est pas nécessaire d'utiliser un autre logiciel tel qu'Adobe Illustrator. Nous établirons la masse continentale et verrons, puis nous construirons des montagnes, des villages et des rivières avec certains éléments Nous ajouterons également une texture de papier vintage et des noms de lieux pour simuler une ancienne carte du monde. Nous allons ensuite animer le littoral et lui donner un aspect trois D à l'aide d'animateurs tels que la trajectoire ondulée, la trajectoire de fusion, la trajectoire décalée et des effets tels que les ébauches et le mode b***ding Ce type de carte du monde fantastique est idéal pour vos sketchs comiques, vos films de fiction. Juste pour montrer les compétences de votre futur ex dans votre portfolio. Vous n'avez besoin que de peu ou pas d'expérience avec Adobe After Effects ou avec tout autre type d'animation. Nous apprendrons tout sur le terrain. Êtes-vous prêt à plonger au plus profond de votre monde imaginaire ? Créons-le ensemble. 2. Projet de classe: Je suis très heureuse de concevoir et d' animer la carte ensemble. Dans le cadre du projet de classe, vous aurez l' occasion de laisser libre cours à votre créativité et de créer votre propre carte fantastique Non seulement nous y ajouterons des éléments amusants, mais nous animerons également les côtes et les transformerons en animation 3D à l' aide d'After Effects Pour que vous puissiez mener à bien le projet, je créerai la même animation à l'aide exemples et je vous guiderai tout au long du processus. Pour tirer le meilleur parti de ce cours, il est important de trouver un rythme soutenu qui vous convient. Prenez des notes au fur et à mesure. Et n'hésitez pas à revenir en arrière ou à ralentir la lecture vidéo Si vous avez du mal à suivre le cours, si vous avez des questions ou rencontrez des problèmes, n' hésitez pas à demander de l' aide sur l'onglet communauté. Je me ferai un plaisir de vous aider à résoudre les problèmes que vous pourriez rencontrer. Pour réussir ce cours, vous aurez besoin de certaines choses. Avant tout, une connexion Internet stable. Cela vous permettra d'accéder à toutes les ressources et à tous les matériels nécessaires au cours. En outre, Adobe After Effects et Media Encoder doivent être installés sur votre ordinateur. Ces progiciels sont essentiels pour mener à bien les devoirs et les projets qui seront assignés tout au long du cours. Une fois le projet terminé, assurez-vous de publier votre animation finale le projet de classe afin de pouvoir partager votre incroyable travail avec le reste de la classe. J'ai hâte de voir ce que tu trouveras. 3. Créer des frontières et des formes de base: Dans cette leçon, vous allez apprendre à créer des limites à l'aide de l'outil Stylo dans les effets secondaires Maintenant que nous sommes dans Adobe After Effects. Dans un premier temps, je vais définir les limites de mon petit pays. Ce que je vais faire, c'est cliquer sur la nouvelle composition ici, appelons-la Fantasy Map. Et la résolution sera de 1920 x dix. Ma fréquence d'images est de 24 images par seconde et la durée est de 5 secondes. Puisque je vais créer une animation en boucle, je veux que la couleur d'arrière-plan ressemble à celle d'une carte vintage J'ai créé cette palette en fonction de l'apparence que je souhaite créer dans cette carte fantastique, qui est également téléchargeable dans la section des ressources de ce cours. Maintenant, je suis en train de créer une île, je vais donc utiliser l'outil Pen. Si votre remplissage n'est pas défini sur une couleur unie, voici comment procéder. Vous devez cliquer sur ce texte bleu où le remplissage est écrit et le modifier comme vous le souhaitez. Dans notre cas, il s'agit d'une couleur unie. Et lorsque vous souhaitez changer de couleur, cliquez sur ce rectangle à côté Remplir et sélectionnez la couleur ou saisissez le code couleur. Je vais également régler le trait sur une couleur unie et remplacer la couleur par cette couleur foncée à partir de la palette que j'ai créée. Je vais régler le nombre de traits à 15 pixels. Je vais maintenant commencer à dessiner la forme ou les limites de mon île. Une chose à garder à l'esprit est si vous voulez qu'une courbe soit présente, il vous suffit de cliquer, de maintenir et de faire glisser le pointeur dans la direction souhaitée. Jusqu'à ce que vous soyez satisfait de la forme, je vais terminer cette île principale maintenant. Je veux qu'il y ait un petit lac au centre, puis qu'il y ait une autre petite île ailleurs sur la carte. Puisque nous animons le littoral, cela créera un look dynamique Continuons à dessiner les formes selon ce que nous voulons qu'elles soient. Maintenant, si j'ouvre la couche de forme, je veux rester organisé. Dans le sommaire, j'ai créé trois éléments de forme. C'est l'île principale que nous avons créée. Voici le lac et la petite île. Je vais déplacer l'île principale vers le haut et la nommer île principale. Ensuite, je nommerai le lac lac et la petite île Little Island. Maintenant, je veux créer un trou dans mon île principale en utilisant la forme du lac. Pour ce faire, je dois sélectionner les deux groupes de formes, cliquer avec le bouton droit de la souris et les regrouper. Ensuite, une fois le groupe sélectionné, j'ajouterai l'outil d' animation Merge Paths Pour ce faire, je vais cliquer sur le bouton Ajouter un animateur, puis sélectionner Fusionner les chemins Nous pouvons maintenant voir l' animation des chemins de fusion dans notre contenu. En mode de fusion des chemins, je vais sélectionner Soustraire. Pour soustraire la forme du lac à celle de la grande île. Il est important de s'assurer que le groupe d'îles principal se trouve au-dessus du groupe des lacs pour que cela fonctionne correctement. J'ai maintenant les grandes lignes de mon pays. Nous devons nommer toutes nos couches pour pouvoir les identifier ultérieurement. Je vais donc cliquer sur ce groupe et l'appeler Country, An Outline of your own Country using Pen tool dans After Effects. Et dans la prochaine leçon, nous ajouterons quelques détails pour le rendre beau. 4. Ajouter des détails et affiner la carte: Dans la leçon précédente, nous avons conçu notre pays principal à l'aide d'un stylo et après le texte. Dans cette leçon, ajoutons plus de détails et donnons-lui un aspect dynamique. Pour améliorer son apparence, utilisons l' animateur Wiggle Paths pour ajouter des arêtes dynamiques à la limite de l'île Nous allons sélectionner le contenu et cliquer sur Ajouter un animateur. Voici le chemin à suivre. Ajustons les paramètres jusqu'à obtenir le look souhaité. le moment, c'est un peu trop tordu, donc je vais augmenter la taille à environ 25 Je vais m'attarder sur ces deux détails, donc je vais me limiter à deux. Ça commence à paraître un peu mieux, mais je peux voir des pointes pointues dans le coin. Je vais mettre les choses en ordre et maintenant nous arrivons à et maintenant nous arrivons endroit qui semble un peu plus beau, en fait. Plutôt sympa. Il est maintenant important de noter que Wiggle Parts Animator peut se comporter de manière étrange lors de la duplication Nous allons donc définir le paramètre de départ aléatoire sur un. Cela nous évitera de créer des formes différentes chaque fois que nous essaierons de les dupliquer. Que nous sommes en train de créer les limites de cette carte. Ce n'est pas très important car il s'agit d'une carte imaginaire imaginaire. Mais si nous créons une carte importante, je voudrais m'assurer que les frontières que je crée doivent rester en place. Dupliquons cette couche de forme. Et pour la première couche, je vais la renommer en land Et le second s' appellera Coast Line. Je sélectionne également la ligne côtière vais la remplir et la désactiver. Maintenant, nous avons juste une bordure dans cette couche que nous allons pouvoir pratiquer en utilisant une partie ondulée pour créer différents effets jusqu'à créer différents effets jusqu' que vous soyez satisfait de la forme de votre pays Dans la prochaine leçon, nous allons créer des côtes. 5. Créer des côtes avec des bords rugueux et des modes de fusion: Dans cette leçon, nous allons créer le littoral de notre pays et découvrir le mode b***ding Pour la prochaine étape, nous allons ébaucher les bords. Mais avant cela, je veux trouver une texture de fond. Parce que lorsque je commence à dégrossir les bords, je veux m'assurer que ma composition soit aussi belle que possible tout au long du processus J'ai donc trouvé cette texture sur des sites libres de droits. Je vais intégrer cela à mon projet. Ici, je vais écrire, cliquer dessus, Transform and Fit pour terminer Ensuite, je vais le verrouiller en cliquant sur ce verrou dans le coin. Maintenant, une façon de le faire est de le configurer pour qu'il se multiplie configurer pour qu'il se multiplie Et cela va faire ressortir une partie de cette texture et l' assombrir un peu Maintenant, je veux me concentrer sur ces angles. Ces arêtes, parce qu'elles ont l'air bien trop nettes pour ça. Je vais quitter la côte en cliquant sur ce Y dans le coin. Sélectionnez ensuite notre terrain. Je vais maintenant ajouter l' effet Roughen edges en accédant au panneau des effets Ouvrez la fenêtre des effets ici et faites glisser l'effet. Nous pouvons maintenant modifier le paramètre et créer le look. Je vais d'abord augmenter la bordure et tout ce que j'essaie de faire , c'est de créer une bordure ou un trait de largeur variable, donc tout n'est pas de la même largeur. Et je dois faire en sorte que la résolution soit complète ici. Je veux que ça ressemble à une carte vintage dessinée à la main. Il n'a pas l'air dessiné à la main. Quand ce coup est parfait, tout semble déjà bien meilleur si je désactive le ruffin ages, c'est avant et ça après cool avec ces dessins, c'est que vous pouvez les animer et les faire ressembler à une animation aquatique Cliquons sur cet œil dans le coin pour faire apparaître le littoral. Nous copierons et collerons les mêmes fourrages que ceux que nous avons créés pour notre couche terrestre Je désactive la couche terrestre. Nous pouvons voir à quoi ressemble le littoral et nous pouvons constater qu' il ne fait pas bon ménage. Pour résoudre ce problème, je vais réduire la bordure jusqu'à ce qu' il n'y ait plus d'espace parfait. J'ai joint la texture du papier vintage dans la section des ressources de ce cours. N'hésitez pas à l'utiliser ou à trouver vos propres textures vintage et essayer de l'utiliser sur votre carte fantastique. 6. Ajouter du texte et des éléments: Dans cette classe, nous allons ajouter des étiquettes et des éléments de texte pour nommer différents emplacements sur la carte. Maintenant que nous en avons terminé avec la carte de base et que nous avons créé la texture de base, ajoutons quelques éléments pour que cette carte ne paraisse pas si simple. Je vais donner un nom à cette carte. Je vais donc passer à l' élément de texte ici. Et cliquez sur ma carte pour que je puisse écrire dessus, appelons-le Shells County. Pour changer la police et la transformer, je dois accéder au panneau des caractères. Je pense que j'aime bien cette police. Vous pouvez l' agrandir ou le réduire selon vos préférences en vous rendant ici. Ensuite, je vais le positionner en maintenant le calque et en le faisant glisser là où je veux qu'il soit J'ai également trouvé ces éléments graphiques vintage dessinés à la main en ligne. Vous pouvez les télécharger à partir des ressources. Ce sera mon palais. Je vais changer le mode b***d pour multiplier et je vais faire de même pour tous les autres éléments et accélérer le et accélérer Je souhaite également placer une couche de réglage sur le dessus qui contiendra une vignette et du bruit, comme sur une vieille carte Nous allons passer aux effets et ajouter une vignette CC. Je vais modifier un peu le paramètre ajouter du bruit et régler le bruit à peut-être 10 %. La dernière chose que je veux faire est d' ajouter de la texture sur le dessus pour lui donner un aspect patiné Cela peut être fait avec une texture à l'aquarelle. Je vais l'ajouter à notre chronologie, puis régler le mode b***d comme nous Celui-ci a l'air plutôt beau. Je trouve que c' est trop impressionnant. Je vais donc réduire l' opacité en sélectionnant le calque et en appuyant sur le clavier pour Et nous nommons toujours nos couches. Appelons donc cette guerre Color. L'action de cette classe consiste à trouver des noms uniques pour les lieux, trouver des polices correspondant au style de votre carte. Dans la leçon suivante, nous allons plonger en profondeur et enfin animer notre carte fantastique 7. Animer la carte: Il est temps d' animer notre carte. Dans cette leçon, passons directement à After Ex. Pour le littoral, nous devons animer deux paramètres. Nous utiliserons la bordure d'ébauche d'une trajectoire de décalage pour créer l'effet souhaité Allons sur notre littoral et ajoutons un animateur appelé offset paths Suivez la trajectoire de décalage, je vais mettre le montant zéro pour qu'il reste là où il était. Je vais créer un cadre clé quelque part ici. Passons donc aux deux secondes de la chronologie. Et cliquez sur cette icône de minuterie ici, qui créera une image clé. Ensuite, je vais voir pendant combien de temps je veux que les vagues apparaissent. Je pense que cela suffira, ce sera notre point final pour la frontière. J'ai besoin que ça disparaisse. Si j'essaie de le bricoler, vous verrez qu'il s'estompe lentement. C'est ce que je veux. Donc, ce que je vais faire c'est voir où il disparaît complètement. Et je vais mettre un cadre clé là-bas. Mettons un cadre de départ. Je déplace ma tête de jeu vers le début. Encore une fois, je vais suivre mon instinct visuel voir ce qui me convient le mieux, en changeant ma bordure. Je vais également modifier le montant de la compensation de la même manière. Maintenant, nous allons rejouer et voir tout s'estomper très rapidement à la fin Je vais donc faire peut-être plus de la moitié du chemin et modifier le paramètre de bordure. Je vais également ajouter Bézier ici. Vous pouvez le faire en sélectionnant nos images-clés et en cliquant sur neuf sur votre clavier Cela adoucira l'animation et lui donnera un aspect moins mécanique Si je rejoue maintenant, cette animation s'exécutera et s'arrêtera. Je veux que cette animation tourne en boucle. Pour cela, vous devez accéder à votre animation, maintenir la touche Alt enfoncée et cliquer dessus sur la case Slayer qui s'est ouverte Je vais taper loop out, sélectionner ceci, puis copier. Ensuite, nous pouvons passer à notre prochaine animation et faire de même. Maintenez la touche Alt enfoncée et cliquez dans la case, collez ce que vous venez de copier. Je voulais aussi faire comme s' il y avait deux autres vagues. Dupliquons le même littoral deux fois sur la chronologie. Je vais l'espacer pour que les vagues aient l'air de venir les unes après les autres. Maintenant, lorsque je lance cette animation, impression qu'elle attend un peu pour démarrer l'animation Pour que cela paraisse fluide, je dois le faire démarrer avant notre période de départ. Je vais les prendre tous et les mettre un peu en retard. Maintenant, l'une de nos lignes côtières commence avant le début de notre chronologie, celle du milieu aux points de départ et la dernière juste après. À présent, votre travail consiste à terminer cette animation. Et je te verrai dans la prochaine leçon. Où nous allons peaufiner et exporter cette animation pour la montrer au monde entier. 8. Réglage fin avec la caméra 3D: Dans cette leçon, nous allons apprendre à prendre l'animation que nous avons créée dans les leçons précédentes et à lui donner un aspect trois D avec des images clés et des ajustements. Nous devons créer une nouvelle composition pour notre animation en trois dimensions. Cliquez avec le bouton droit sur la nouvelle composition du projet. Appelons cela une carte fantastique en trois D. Nous avons déjà configuré les mêmes paramètres, cliquez sur OK. Et faites glisser la composition de notre carte imaginaire de la fenêtre du projet vers la chronologie. Pour pouvoir le faire paraître en trois D. Nous devons créer un appareil photo simple. Nous avons besoin de trois couches, notre caméra cartographique et notre contrôleur d'animation, qui seront des objets nuls. La raison pour laquelle nous allons utiliser un objet nul est que nous pouvons déplacer la carte en utilisant le tangage et support directement à partir de l'objet nul, au lieu animer en déplaçant le point d'ancrage de la couche Il s'agit simplement d'un meilleur flux de travail que la plupart des animateurs utilisent pour nous faciliter la vie Pour créer l'objet nul, nous allons passer à la couche, sélectionner un nouvel objet nul. Cliquez sur Enter sur la couche et nommez-la controller. Nous allons revenir à la couche et sélectionner Caméra. Assurez-vous que le type est défini sur deux nœuds, puis sur 50 millimètres pour le préréglage. Et assurez-vous que la profondeur de champ est activée et que le zoom est verrouillé. Cliquez. OK. Et il vous donnera cet avertissement indiquant que la caméra et les lumières n'affectent pas les deux couches D. Sélectionnez donc une couche et choisissez la couche, couche trois D dans le menu. Mais si vous consultez notre chronologie, nous pouvons actionner les trois D sur les deux couches Si vous ne le voyez pas, il vous suffit de basculer entre les commutateurs et les modes. Et si vous ne le voyez pas, vous pouvez cliquer sur les boutons ci-dessous. Le contrôleur doit être placé au-dessus de la zone sur laquelle nous voulons nous concentrer afin que notre caméra fonctionne comme nous le souhaitons. Je veux que ma carte zoome sur mon palais ici. Il contiendra donc également un peu de cette animation de vagues sur laquelle nous avons travaillé. Je vais faire glisser le widget sur notre site. Maintenant, je vais zoomer un peu. Le point d'ancrage du widget se trouve donc exactement au centre. Pour pouvoir appliquer les trois effets D à notre carte de base, nous devons associer notre couche de carte de base au widget du contrôleur. Ici, vous pouvez voir cette icône ressemblant à un ouragan. Je vais le tenir et le faire glisser sur la couche du contrôleur. Je vais également verrouiller cette carte de base afin de ne pas la déplacer accidentellement pendant que j' anime la caméra Nous sommes prêts à l'animer. Maintenant, je veux montrer ma carte complète depuis le premier cadre , puis la zoomer sur mon palais. Je vais donc prendre la tête de jeu au point de départ. Maintenant, je vais passer en revue les options de la manette. Nous trouverons ici les propriétés de transformation. Il existe quatre paramètres de base. Nous ajouterons des images clés sur l'échelle de position, la rotation X et la rotation Z. La rotation nous aide à modifier le pas de notre caméra, et la rotation en Z nous aide à nous orienter. Pour rendre les choses un peu plus faciles, je vais sélectionner la couche contrôleur et appuyer sur la touche. Tous nos paramètres sont désormais dans leur position initiale. Je vais passer aux quatre secondes et zoomer simplement sur le palais. Ensuite, je vais changer de position pour que le palais soit au centre de notre cadre. Je peux commencer à changer le pivot et à changer le roulement également. L'animation en trois dimensions est réalisée ici, mais elle semble à nouveau très mécanique. Ajoutons donc un utilisateur à cela. Sélectionnez toutes les images clés et appuyez sur F neuf sur mon clavier. Ensuite, je vais simplement décaler ces paramètres de rotation X et Z, ce qui donnera à notre animation un aspect brut. Apportons maintenant quelques ajustements à l'appareil photo, double-cliquez sur l'appareil photo, même si nous avons activé la profondeur de champ qui n'est pas encore très visible. Pour brouiller un peu les choses, je vais arrêter Ramenez-le à 2,8, peut-être un. Vous pouvez voir que ça a l' air beaucoup mieux, mais c'est quand même difficile à dire. Maintenant, je vais sélectionner cet aperçu passer au niveau de flou et l'augmenter L'animation est à peu près complète. La dernière chose que je vais faire est d'activer le flou cinétique pour ces couches en accédant à la chronologie Je viens de m' en rendre compte en jouant l'animation pour voir les défauts. Si je passe à la composition de nos cartes fantastiques, nous avons encore un problème. Ces lignes de mon pays principal se croisent avec les côtes de l'île Au fur et à mesure que l'animation se déroule, elle sera belle si elles fusionnent au fur et à mesure qu'elles s'estompent. Laissez-moi vous expliquer comment procéder. Déplacez le contenu du littoral vers le bas avec le contenu sélectionné lors de la fusion des chemins et cela fera l'affaire. Notre animation est maintenant prête à être rendue. Passons à l'exportation puis à l'ajout à l'encodeur multimédia. Je vais utiliser ce préréglage qui correspond notre composition d'origine, puis le rendre. Voilà à quoi ressemble notre animation finale. 9. Le mot de la fin: Félicitations, vous avez atteint la fin du cours. Si vous m'avez suivi et animé avec moi, vous avez peut-être déjà votre propre carte fantastique N'oubliez pas de le partager dans le projet. J'adorerais voir ce que vous avez trouvé et cela inspirera également les étudiants qui créent la carte avec vous. Cela a été un long voyage, mais nous avons appris à créer une carte fantastique dans After Effects et à animer les côtes Nous avons ajouté des modes b***ding et couches de réglage pour lui donner un aspect vintage, créé des étiquettes et des éléments pour le rendre dynamique Et terminez le tout en exportant notre magnifique carte fantastique. Je ferai d'autres cours comme celui-ci à l'avenir. Alors consultez mon profil Skillshare et suivez-moi sur Youtube et Instagram pour découvrir les coulisses et les prochaines mises à jour Dans la section des ressources de ce cours, j'ai inclus un PDF rempli de raccourcis clavier et d'éléments After Effects à utiliser dans votre classe. Emportez-le avec vous et créez des animations cartographiques encore plus incroyables. vous souhaite tout le meilleur et j'ai hâte de vous voir bientôt dans un autre cours.