Introduction à l'animation graphique : des vidéos de présentation du storyboard à l'animation

1. Introduction: Bonjour, je suis Hung Chu, et je suis cinéaste au Canada. J' anime professionnellement Adobe After Effects depuis plus de cinq ans. J' ai travaillé dans deux agences de publicité différentes pour des clients comme Adidas, PayPal, Walmart, et bien d'autres. Aujourd'hui, je vais vous apprendre à animer des vidéos explicatives dans After Effects, du storyboard à l'animation finale. Les vidéos explicatives sont en forte demande maintenant, c'est une partie essentielle des animations graphiques. Une fois que vous savez comment animer des vidéos explicatives, cela fera de vous un animateur plus commercialisable envers vos concurrents et sera en mesure de prendre des projets amusants par vous-même. Dans ce cours, je vais vous montrer tout ce que vous devez savoir pour commencer avec cette courte et simple vidéo explicative. Je vais vous montrer le flux de travail professionnel complet dès la première arrivée avec ce storyboard, comment configurer vos illustrations pour l'animation, identifier les principales scènes animées et transitions, ajouter un accent et animation secondaire, étape par étape à travers le storyboard. En appliquant des principes d'animation comme le dépassement et l'anticipation, en utilisant l'éditeur de graphiques pour donner vie à vos images clés et des tonnes de raccourcis clavier astuces et astuces que j'utilise tout le temps pour un flux de travail plus efficace. Pour le projet de classe, vous appliquerez les compétences et les techniques apprises ici pour créer votre propre vidéo explicative de 15 secondes. Faites quelque chose dont vous vous sentez vraiment fier, et les choses que nous apprenons dans ce cours seront facilement traduites en n'importe quel type de projets graphiques et vous permettront de démarrer avec l'animation After Effects. Au-delà de la simple création de votre vidéo explicative finale, vous développerez également une meilleure compréhension la narration visuelle et développerez vos vocabulaires d'animation. Il entraînera vos yeux pour devenir des yeux d'animateurs et vous fournira une toute nouvelle façon de regarder l'animation et les storyboards à l'avenir. J' espère que vous avez beaucoup de plaisir à apprendre une animation. Je te verrai en classe. 2. Projets: Bienvenue dans la classe. Avant de commencer, je veux parler des projets de classe. Pour le projet, vous animerez votre propre vidéo explicative de 15 secondes basée sur le script et le storyboard fournis. Je vais vous emmener à travers tout le processus, de la façon de personnaliser ou de trouver votre propre storyboard jusqu'à l'animation finale. Tout d'abord, je veux que vous lisiez la description du projet que j'ai répertoriée dans la section Détails, et vous y trouverez les étapes à suivre pour terminer le projet. Familiarisez-vous avec ce que nous faisons, et je vous emmènerai sur le chemin de la création d'une vidéo explicative. Alors que vous suivez le cours et que vous travaillez sur le projet, je vous encourage à partager avec moi le travail en cours dans le panel du projet afin que je puisse vous fournir des commentaires et vous guider tout au long du processus. Une vidéo explicative de 15 secondes n'est pas un projet facile, surtout si c'est la première fois que vous le faites. Il y aura des luttes, et il y aura de la douleur. Crois-moi. Votre cerveau pourrait même faire un peu mal. Ne plaisante pas. Mais tout comme apprendre quoi que ce soit, c'est une partie du processus, et je suis là pour vous aider à tirer le meilleur parti de ce cours, à répondre toutes vos questions et à éliminer les obstacles en cours de route. Une fois que vous me suivez et terminez ce projet, vous aurez une idée du processus complet de création d'une vidéo explicative. Ce processus et ce flux de travail s'appliquent à toutes les œuvres de graphisme. Il vous aidera à prendre de l'avance sur le jeu et vous donnera la confiance nécessaire pour être en mesure d'assumer n'importe quel travail client futur. Non seulement cela, à la fin, vous aurez une vidéo explicative complète à mettre sur votre bobine de démonstration que vous pourrez partager entre amis. C' était des projets de classe. Je te verrai en première classe. 3. Le storyboard: Bienvenue à la première leçon. Dans cette leçon, je veux parler du storyboard. Il y aura deux scénarios quand il s'agit de storyboard. La première est que si vous êtes fourni avec le storyboard par votre client ou un directeur artistique, tout ce que vous avez à faire est de l'animer. Deux, c'est si vous n'avez qu'un script et que vous avez besoin de concevoir votre propre storyboard. Je vais couvrir les deux scénarios dans ce cours et fournir un processus approximatif de la façon dont je viens avec un storyboard. Il y aura des ressources utiles où vous pouvez trouver des illustrations gratuites ou des palettes de couleurs. Maintenant, sans plus tarder, venez jeter un coup d'oeil. Pour notre SmartCity.io, voici un storyboard que j'ai reçu d'un directeur artistique, qui est moi-même. Je me suis donné ce storyboard. Comme vous pouvez le voir ici, j'ai ici le logo de la société et puis 15 secondes explicateur vidéo storyboard, ce qu'il est. Ici, j'ai sept storyboards, à la fin, il y a un logo de la société. Ici, sous chaque storyboard, il y a quelques notes ici. premier est le V0 mis en évidence ici, qui est le script de la vidéo initialement. Donc, toute la vidéo de 15 secondes va se lire comme ça. Peu importe où vous vous trouvez dans le monde, dans quelle ville vous vivez, information est accessible n'importe où. C' est pourquoi nous avons construit SmartCity.io, restez connecté où que vous soyez. C' est notre point chaud. Puis, entre chaque storyboard, j'ai aussi une illustration de transition. Il me dit à peu près comment la première chose transition dans la prochaine, puis la prochaine transition dans la prochaine. Normalement, si vous n'êtes pas doué en illustration ou en storyboard, vous n'êtes pas un artiste de storyboard. Si vous êtes seulement un concepteur de mouvement qui est bon en animation, vous recevrez généralement un deck de storyboard comme celui-ci de la part d'un directeur artistique ou d'un Illustrator, et tous les storyboard d'illustrations seront faits pour vous. Avec ce deck PDF, je recevrai également un fichier de travail Illustrator. Ouvrons celui-là. Essentiellement, c'est le fichier de travail du storyboard dans lequel l'illustrateur a fait toutes les illustrations. Il y a tous les éléments séparés du storyboard, puis je peux plus tard utiliser celui-ci pour préparer mes fichiers et ensuite l'utiliser pour l'animation. L' illustrateur est également inclus dans la palette de couleurs ici aussi. Ces deux documents ici sont généralement ce que je reçois de, disons, directeur artistique ou illustrateur. Mais que se passe-t-il si vous ne les recevez pas de quelqu'un d'autre ? Comme ce qui se passe si vous êtes en freelance et votre client veut une vidéo explicative de 15 secondes, et vous allez être celui qui fait le storyboard. Comment peux-tu faire ça ? Laissez-moi vous montrer le processus d'élaboration d'un storyboard. Bien que pour être honnête, je ne me considère pas comme un artiste de storyboard ou Illustrator, mais parfois quand j'ai un client indépendant, je dois encore les faire moi-même. Je peux vous montrer à peu près mon processus, comment je les traite. Si, par exemple, le client vient à vous, vous ne recevrez qu'un script avec probablement un logo de son entreprise. Laissez-moi ouvrir ce modèle de storyboard ici. C' est un modèle que j'utilise. Par exemple, nous avons une vidéo de 15 secondes dont nous avons besoin pour trouver un storyboard, puis le client m'a déjà envoyé le script. Le script lit la même chose que ce que nous avons vu auparavant. Peu importe où vous vous trouvez dans le monde, dans quelle ville vous vivez, information est accessible n'importe où. C' est pourquoi nous avons construit SmartCity.io. Restez connecté où que vous soyez. C' est le script que nous avons reçu. Je l'ai déjà mis ici dans mon modèle de storyboard. Comme vous pouvez le voir, j'ai une ligne directrice de mon storyboard pendant 15 secondes. Tout d'abord, j'ai besoin d'une œuvre ici, qui est l'œuvre principale, l'ouverture, puis j'ai besoin d'une transition comme seconde, et ensuite j'ai besoin d'une deuxième scène, essentiellement, d'un troisième storyboard. Alors besoin d'une autre transition. J' ai besoin d'une autre scène, et puis à la fin, il serait logo révélé transition, et le verrouillage du logo. Ceci est une directive pour moi de venir avec un storyboard que j'ai besoin de présenter leurs informations pour essentiellement raconter l'histoire de leurs scripts. L' étape suivante, ce que je ferais, c'est que j'irais de deux façons. Si vous le faites gratuitement comme votre projet personnel, je vous recommande d'aller sur freepik.com. agit d'une ressource graphique gratuite, Il s'agit d'une ressource graphique gratuite, et si vous l'utilisez uniquement à des fins éducatives, tout ce dont vous avez besoin est juste de noter l'illustration ou le graphique, peu importe ce que vous utilisez il provient de ce site et vous n'avez pas besoin de payer pour cela. Mais ce n'est qu'à des fins éducatives, vous ne pouvez pas utiliser un gratuit pour tout travail client. C'est un. Puis un autre que je recommanderais si vous travaillez sur le travail du client, je recommanderais Shutterstock. Vous pouvez payer environ 30$ par mois pour 10 images. Ecoute, j'ai même ça ici. Dix images gratuites. J' ai mon compte moi-même donc je peux simplement télécharger des images pour travail du client, puis payer comme 30$ par mois et vous pouvez télécharger n'importe quelle illustration vectorielle et ensuite peut-être la personnaliser pour vos propres besoins afin que vous n'ayez rien à faire de égratignure Sauf si vous êtes très bon en illustration, vous êtes un bon illustrateur, par tous les moyens, dans ce cas, vous pouvez faire tout ce que vous voulez. Pour l'instant, nous allons simplement rester avec Freepik parce que je pense que la plupart d'entre nous l'utilisent à des fins éducatives. D' abord, j'ai besoin d'un graphique pour, peu importe où vous êtes dans le monde. Le mot clé ici est, World. Laisse-moi chercher World. Monde. J' ai une carte du monde. Ces graphismes avec une icône de couronne ici, ceux-ci nécessitent des leçons premium afin de télécharger. Si vous utilisez un compte gratuit, vous ne pouvez pas télécharger ces images, mais tout le reste, vous pouvez simplement les télécharger gratuitement. Plutôt beaucoup. Je trouverais juste quelque chose que j'aime que je peux utiliser comme premier storyboard. Même ce globe ici. Vous pouvez juste vous débarrasser de ce gars et ensuite utiliser ce globe. Par exemple, si je veux utiliser celui-ci comme premier storyboard, je peux juste venir ici et cliquer sur « Télécharger », puis vous pouvez libérer des téléchargements, mais vous devez attribuer à l'auteur. Copiez ce lien. Si vous voulez le mettre dans votre portfolio, vous pouvez le faire, mais alors vous devez attribuer l'auteur. Maintenant que je télécharge cette petite icône du globe, je peux chercher mon troisième storyboard, la scène principale. Bien qu'avant de commencer à chercher des références d'image ou des inspirations, ce serait génial si vous pouvez dessiner quelque chose vers le bas afin que vous ayez une image spécifique dans votre tête que vous voulez créer. Une sorte de scène que vous souhaitez créer avant d'accéder à Illustrator. Mais avec ce modèle, vous êtes en mesure d'avoir une ligne directrice assez claire du type de graphique dont vous avez besoin, que ce soit comme une transition ou sur la scène principale pour vous aider avec le storyboard. Retourne à ce que nous avons maintenant. Vous pouvez voir qu'il est similaire à mon modèle. Nous avons une transition de scène principale, une autre scène, une autre scène, et c'est la transition et une autre scène. Puis transition du logo, examen du logo, puis verrouillage du logo. C' est le flux général de la vidéo. Mais ce cours, je veux vous montrer comment faire une vidéo explicative. Je ne suis pas là pour t'apprendre à faire des storyboards, donc je veux juste te montrer l'idée générale comment trouver un storyboard vous-même. Je vais juste passer par le mot-clé de ces scripts, puis penser à la scène que vous voulez avoir, puis les placer ici. Une fois que je l'ai, quelque chose comme ça. J' ai toutes les illustrations placées dans mon modèle, je vais ensuite aller à un autre site Coolors. Ce site, vous pouvez réellement sélectionner une palette de couleurs. Essayez, appuyez sur « Explorer ». Il est en train de charger. Ce sont les palettes de couleur tendance. Vous pouvez sélectionner n'importe quelle palette de couleurs tendance que vous aimez, puis personnaliser vos graphismes à la couleur que vous voulez transmettre le message ou transmettre l'humeur et le sentiment que vous aimez. Dites que si j'aime celui-ci ici, pour que je le capture d'écran, et ensuite je reviendrais à mon fichier Illustrator. Mettez cette capture d'écran ici, puis peut-être créer quelques blocs. Quelque chose comme ça. Si j'aime cette couleur, j'irais dans chacun de nos tableaux et changerais la couleur de ces éléments autour de cette palette de couleurs. Mais pour le moment, j'ai cette palette de couleurs pour travailler, donc je ne veux pas changer un maintenant. Ce que vous pouvez faire, c'est que vous pouvez suivre le même processus. Vous pouvez utiliser ce modèle, le remplir avec le type de graphique souhaité , puis rechercher une palette de couleurs qui convient à votre storyboard. Changez toutes les couleurs ou vous pouvez personnaliser les graphiques ainsi pour trouver un storyboard similaire à ce que j'ai ici. Maintenant, récapitons. Dans cette vidéo, nous avons d'abord parlé du storyboard, puis nous avons parlé de la façon de trouver votre storyboard personnel et le modèle de storyboard où il peut vous guider à travers le processus. Nous avons également des ressources comme Freepik, Shutterstock, ou Coolors, où ils seront également utiles pour le processus. C' est essentiellement tout ce que nous avons couvert. Pour commencer votre projet, vous aurez besoin d'un storyboard. Voici mon défi pour vous. J' ai deux options. abord, vous pouvez prendre mon storyboard et le personnaliser avec la palette de couleurs différentes ou certains éléments de conception différents, faites ce que vous voulez. Deuxième option, vous pouvez utiliser la façon dont nous enseignons ici dans cette vidéo et trouver un tout nouveau storyboard. Veille à publier votre storyboard ou tout progrès que vous avez dans le panneau de projet et à partager avec moi pour inspirer d'autres étudiants. J' ai hâte de voir ce que tu trouves. Prochaine vidéo, je vais vous montrer comment préparer vos fichiers Illustrator et le préparer pour l'animation après effets. 4. Préparer le fichier Illustrator: Dans cette vidéo, permettez-moi de vous montrer comment préparer votre fichier Illustrator avec plusieurs storyboards et le préparer pour l'animation avant de l'intégrer dans Adobe After Effects. Ouvrons ce storyboard explicatif. On y va. Maintenant, nous avons les sept storyboards. Ils sont tous sur des plans de travail séparés. Normalement, si nous n'avons qu'un storyboard, ce serait plus facile , mais maintenant, comme nous en avons sept, la première chose que nous devons faire est de séparer chacun dans son propre fichier. Créez chaque storyboard dans son propre fichier Illustrator. Pour ce faire, nous devons aller dans Fichier, puis cliquez sur Enregistrer sous, peut-être créer un dossier ici, Storyboards séparés, puis cliquez sur Enregistrer. Voici le panneau d'options. Maintenant, nous devons vérifier sur le Safe chaque plan de travail dans un fichier séparé. Ensuite, nous avons juste besoin de tous les plans de travail dans des fichiers séparés. Cliquez sur OK. Retournons au détecteur. On y va. Vous voyez, j'ai des explications 1, 2, 3, 4, 5, 6, 7, et puis il y a ce fichier original d'Illustrator. Maintenant, nous pouvons fermer ce maître, puis vérifier chacun. Ici, 01, c'est notre première scène d'ouverture. Cependant, 02, ça ne semble pas, laissez-moi ouvrir ce storyboard ici. 02 ne semble pas être le deuxième storyboard. Il semble que celui-ci, comme le cinquième storyboard. Tout ce qu'on a à faire, c'est de renommer ces storyboards. Celle-ci, laisse-moi trouver la seconde. C' est la seconde. Je vais renommer 002, 001, et puis c'est le troisième, et c'est le quatrième, cinquième, sixième, puis sept. Maintenant, nous avons chaque fichier Illustrator dans l'ordre du storyboard. C' est mon premier, deuxième, troisième, quatrième, cinquième, sixième et septième, le verrouillage du logo final. C' est la première chose que nous devons faire. La deuxième chose, c'est que nous devons trouver dans quel storyboard nous devons le mettre dans After Effects. Pour être honnête, nous n'avons pas besoin d'apporter toutes ces sept choses dans After Effects, parce que certaines d'entre elles, comme cette deuxième ligne, n'est qu'une transition. Je peux animer de la première scène à la deuxième scène, à la troisième scène. J' ai juste besoin de trouver le storyboard, l'œuvre principale, qui est le premier, et celui-ci, le quatrième, et peut-être celui-ci avec les icônes, et puis le dernier. Ce sont les quatre seuls plans de travail dont j'ai besoin pour les intégrer dans After Effects. Après avoir dit tout cela, permettez-moi d'ouvrir le premier fichier Illustrator. Maintenant, nous avons ce fichier Illustrator. Cette ligne est juste l'indication des étincelles secondaires, peu importe. Je n'en ai pas besoin pour l'instant. Je peux juste l'animer plus tard dans After Effects, donc je peux supprimer celui-ci. La première chose que je dois faire, je dois aller à Layers. Si vous n'avez pas le panneau Calques ici, allez simplement dans Fenêtre, puis c'est sous, Calques. Comme vous pouvez le voir en ce moment, il n'y a qu'un seul calque, mais ce que je dois faire est de libérer tous les calques sous ce calque maître, sorte que plus tard, lorsque j'apporterai ce fichier dans After Effects, tous les éléments sont va être séparé. moment, si j'apporte ce fichier dans After Effects, il ne me montrera qu'une image plate, que je ne peux rien faire, je ne peux pas l'animer. Pour séparer les éléments, je dois cliquer sur ce calque, puis aller à ce bouton ici. Cliquez sur cette séquence Release to Layers. Maintenant, j'ai tous les calques en dessous, sélectionnez-les tous, cliquez sur le premier, cliquez sur le dernier, puis faites-les glisser hors du calque maître. Faites glisser les vers l'extérieur, puis supprimez le dernier car il est vide maintenant. Maintenant, comme vous pouvez le voir, toutes ces petites étoiles sont séparées sur leur propre couche. Une autre chose que je dois faire pour ce storyboard est que je dois faire un clic droit, puis relâcher le masque d'écrêtage. Je dois libérer le masque d'écrêtage de cette carte du monde et du globe car je dois le refaire pour l'animer dans After Effects. Ce n'est qu'un cas spécifique lorsque vous faites le globe. Si nous n'avons pas ce globe ici, c'est tout ce dont nous avons besoin, mais comme nous avons ce globe, nous devons avoir cette carte complète dans After Effects pour pouvoir l'animer. C' est tout ce qu'on a à faire. J' ai juste besoin d'enregistrer cette commande de fichier S. Nous avons fini avec le premier storyboard. La seconde, c'est la transition dont nous n'avons pas besoin. La troisième, c'est presque la transition, donc nous n'avons pas vraiment besoin de celle-ci aussi. On a besoin de cette scène complète ici. Double-cliquez sur le quatrième. Voici notre quatrième storyboard. Nous devons répéter le même processus. Allez dans Calques, puis cliquez sur ce Calque 1, allez sur ce bouton en haut à droite, cliquez sur Relever to Layers Sequence, puis faites simplement glisser tous ces calques en dehors du calque 1. Maintenant, descendez et supprimez le dernier calque qui est vide. Une autre chose que je dois faire, c'est de nettoyer certains des éléments ici. J' ai besoin de tous ces bâtiments en une seule couche. Certains d'entre eux sont maintenant séparés en plusieurs couches. Cela va augmenter le nombre de calques lorsque je les amène dans After Effects, ce qui est quelque chose dont je n'ai pas besoin et je ne veux pas, j'ai juste besoin que chaque bâtiment soit sur sa propre couche pour être propre. Maintenant, je vais juste aller du bas du panneau des calques ici et organiser les calques un peu. Je peux cliquer sur ces petits cercles ici pour sélectionner l'illustration de calque, puis les trois devraient être un groupe, donc, je vais juste les regrouper, commande G. Puisque c'est groupé, les deux couches en dessous sont vides maintenant, donc, je peux supprimer ces deux couches. Celui-ci est par ici, derrière ce bâtiment. Je peux juste supprimer celui-ci parce que c'est un peu difficile à voir. Ensuite, il y a quelque chose, fenêtre derrière aussi, je peux supprimer celui-là aussi, mais peut-être plus tard quand nous y arriverons. Celle-ci est faite. Celle-là. Donc D3 sont le même bâtiment. Commande G groupe, supprimez les deux qui vides par rapport à un bleu ici. Un bleu, fenêtre bleue, groupez-les aussi, supprimez celui qui est vide. Ces trois sont la même commande de construction G, group, supprimez les deux qui sont vides. Donc, c'est par ici. Supprimez cela. Je vais accélérer cette partie. Tout ce que j'ai à faire, c'est de regrouper certains éléments de la fenêtre du bâtiment ensemble. On y va. Maintenant, j'ai tous ces bâtiments sur sa propre couche. Chaque élément se trouve sur ses couches séparées maintenant. Sauvons le projet. Vous pouvez voir dans le panneau Calques que j'ai réduit le nombre de calques de 100 à l'heure actuelle à environ 20, ce qui est beaucoup plus facile à gérer ultérieurement dans After Effects. C' est tout ce que nous voulons faire pour ces plans de travail. Retournons au Finder. Maintenant, ouvrons O5. L' astuce pour celui-ci est, puisque nous avons déjà O4, le bâtiment, donc, nous n'avons pas besoin d' importer à nouveau tous ces bâtiments dans After Effects, je peux juste le supprimer. Alors ce sont la seule chose dont nous avons besoin de ce plan de travail. Accédez au panneau Calques. Cliquez sur « Calque 1", allez à ce bouton ici, relâchez la séquence de calque. Ensuite, nous pouvons simplement sélectionner tous ces calques en dessous, les faire glisser, supprimer le dernier, et maintenant je veux voir s'ils sont tous bons pour aller sur son propre calque. Donc, j'ai ça. Je suppose que la seule chose, c'est que je veux regrouper ce cercle et cette carte ensemble. Commande G, puis supprimez celui-ci. Donc ce sont les couches dont j'ai besoin pour ce plan de travail. Commande S, retournez au Finder. Maintenant, il se résume au dernier verrouillage du logo, ouvrez-le , allez dans Calques, appuyez sur ce « Calque 1". Accédez à Release Layer Sequence, puis amenez-la en dehors du calque 1. Supprimer le calque 1. J' ai le logo ici, le nuage, et l'arrière-plan. Oui, c'est tout ce qu'il nous faut. Commande S, enregistrez le projet. Voilà, tu y vas. C'est ainsi que nous préparons notre storyboard dans Illustrator avant de les intégrer dans After Effects pour l'animation. Je répète le même processus quatre fois. Vous pouvez faire la même chose pour votre propre storyboard ou vous pouvez utiliser mon storyboard pour préparer les fichiers. Une fois que vous travaillez dessus main, cela va vous aider à mémoriser tout le processus, ce qui est assez simple. Après avoir terminé ces projets vous-même, vous serez en mesure de préparer rapidement et facilement les fichiers Illustrator. Maintenant, il est temps de récapituler. Dans cette vidéo, je vous ai d'abord montré comment enregistrer chaque plan de travail dans un fichier Illustrator distinct, puis nous identifions quelles sont les scènes principales qui nécessitent une animation. Ensuite, nous sommes allés dans chaque fichier Illustrator pour essayer de séparer l'élément, et la fonction clé est la libération de la séquence de calques. Je vous ai également montré dans la scène du bâtiment où j'ai regroupé certaines des couches afin réduire le nombre de calques illustrateur afin que nous puissions être plus efficaces dans After Effects. Dans la vidéo suivante, je vais vous montrer comment configurer vos fichiers dans After Effects. 5. Configurer les fichiers dans After Effects: Dans cette vidéo, je vais vous montrer comment configurer les fichiers dans after effects pour la vidéo explicative. Ouvrons maintenant Adobe After Effects. Ce que j'utilise est Adobe After Effects 2020. Si vous avez une version précédente, c'est bien aussi. On y va. Nous devons d'abord créer un nouveau projet. Pour ce faire, si vous ne voyez pas ce que je vois ici nouvelle composition, vous pouvez aller dans le fichier, puis créer un nouveau projet. Cliquez sur celui-ci. Si vous voyez ce que je vois en ce moment, il suffit de cliquer sur nouvelle composition. On va le renommer en comp principal. C' est la composition principale que nous animons la vidéo explicative. Les dimensions vont être 1920 par 1080, ce qui est la qualité HD. Cadence d'images en pixels carrés à 30 images par seconde, pleine résolution. Durée créons une chronologie vidéo de 20 secondes afin que nous ayons plus de chronologie à utiliser. Notre vidéo va être une explication de 15 secondes. La couleur de fond que vous pouvez utiliser n'importe quelle couleur que vous aimez, je vais juste coller avec la couleur blanche pour l'instant. Cliquez sur OK, puis OK. La première chose que je veux faire est de m'assurer que nous avons tous la même disposition. Nous devons aller à la fenêtre, puis l'espace de travail, choisissez cette mise en page standard. Après avoir choisi la mise en page standard, vous devriez avoir le même panneau que vous pouvez voir ici. Mais si vous n'avez pas ce que vous voyez ici, allez simplement dans la fenêtre ou l'espace et réinitialisez la norme pour enregistrer la mise en page. Ce bouton va changer la mise en page à la mise en page standard par défaut, et vous devriez être en mesure de voir une mise en page identique à la mienne ici. Ensuite, ce que je veux faire est de créer des dossiers pour organiser le panneau de projet ici. Le premier dossier que je veux créer est le dossier CSF. Le second sera le dernier comp. Ensuite, troisième, il suffit de cliquer sur ce bouton pour en créer de nouveaux, ce sera les précomps. Maintenant, le dernier dossier comp va être cette comp principale dans laquelle nous allons animer. Tout d'abord, permet de charger le fichier illustrateur et de voir ce qui se passe. Pour charger le fichier illustrateur, le storyboard, le moyen le plus simple est de double-cliquer sur cet espace vide ici dans le panneau du projet. Ensuite, accédez aux ressources de bureau. Allez à ce storyboard séparé. Cliquez sur ce 001 qui est le premier storyboard, puis ici changer le métrage en composition. Si vous l'importez en tant que métrage, il va l'importer sous forme d'image plate sans pouvoir séparer tous les éléments du storyboard. Maintenant, j'ai une composition sélectionnée. Allons l'ouvrir. Vous pouvez voir ici qu'il a créé deux choses différentes ici. L' un d'eux est une composition. Si je double-clique pour l'ouvrir, il s'agit de tous les calques séparés de cette composition. Ensuite, l'autre est un dossier, et le dossier comprend également tous les fichiers Illustrator. Maintenant, ce que je dois faire est de déposer ce dossier dans les assets, puis cette comp dans les precomps. Si j'ouvre tout le dossier ici, vous pouvez voir que cela va être similaire lorsque nous importons tous les autres fichiers illustrateurs. Le dossier va entrer dans les actifs, puis la composition nouvellement créée va entrer dans les précomps, puis la composition finale sera cette seule composition finale dans laquelle nous travaillons. C' est ainsi que nous organisons les fichiers du projet. Si vous ne le faites pas de cette façon ou si vous avez votre propre façon, c'est bien, mais vous devez organiser vos fichiers dans le panneau de projet car une fois que vous avez beaucoup de couches différentes, différentes compositions, il est très facile de se confondre plus tard surtout lorsque vous travaillez sur une vidéo explicative plus longue, disons une minute, et vous allez avoir une tonne de fichiers de dossiers différents dans ce panneau. Si nous voulons ajouter de la musique plus tard, nous pouvons également créer un dossier appelé musique, quelque chose comme ça, et vous pouvez le personnaliser comme vous le souhaitez. Mais normalement, les trois principaux dossiers dont nous avons besoin ici sont ces trois. Maintenant, revenons à la composition principale, fermez celle-ci. J' ai des antécédents de transparence. Si vous vous souvenez, nous avons créé une couleur de fond blanc lorsque nous avons créé la composition pour la première fois, mais pourquoi est-elle en mode transparent ? La raison en est que j'ai ce bouton ici cliquez, grille de transparence basculée. Si je décoche celui-ci, vous pouvez voir l'arrière-plan blanc que nous avons créé auparavant. Mais alors, bien que vous voyez qu'il s'agit d'un fond blanc, il ne s'affiche pas sous forme d'arrière-plan blanc. En fait, c'est juste te montrer de cette façon, et en réalité c'est un fond transparent. C' est ainsi que vous configurez le fichier after effects pour la vidéo explicative. Maintenant, nous allons récapituler. Dans cette vidéo, je vous ai montré comment créer un projet dans After Effects. Ensuite, nous modifions notre espace de travail dans la mise en page standard afin que nous ayons tous la même fenêtre et la même disposition pour travailler. Ensuite, je vous ai montré comment créer des dossiers dans le panneau de projet et organisé vos couches. La dernière chose dont nous avons parlé est de savoir comment importer des fichiers illustrator dans des effets d'après. Maintenant, passons à la vidéo suivante et commençons à animer. 6. Animer la scène d'ouverture: Dans cette vidéo, je veux parler d'un flux de travail général d'une vidéo explicative et ensuite nous pouvons commencer à animer. Juste pour récapituler ce qu'on a fait avant. Nous utilisons d'abord un fichier illustrateur principal et séparé ce fichier illustrateur en son hors-bord individuel, comme vous pouvez le voir ici. Nous sommes allés dans ce fichier Illustrator séparé puis avons séparé les éléments, organisé les fichiers, et aussi libéré les calques. C'est pourquoi nous sommes en mesure de les rapporter plus tard dans After Effects, c'est la seconde pas. La troisième étape, nous avons créé un fichier After Effects, puis nous avons organisé notre panneau de projet en dossiers afin qu'il soit plus facile à suivre ultérieurement. Ensuite, la quatrième étape, nous allons importer le fichier Illustrator storyboard dans After Effects pour l'animation. C' est ce qu'on va faire ici. Commençons à animer le premier storyboard d'ouverture. Depuis la dernière vidéo, nous avons déjà importé la première scène d'ouverture du storyboard, que vous pouvez trouver ici sous princomp. Double-cliquez ensuite sur cet explicateur de ville intelligente. Ce sont toutes les différentes couches que nous avons, puis sélectionnez l'un d'entre eux, commande A, sélectionnez tout , commandes C, copiez-les, puis revenez à la composition principale, collez-les tous dans la composition principale. Maintenant, nous pouvons fermer cette composition. La première chose que je vois est que le nom est long car en ce moment montre utiliser un nom source. Je peux simplement cliquer sur le nom de la source ici, puis il va revenir au nom de la couche, qui est plus court, plus facile à reconnaître. Dans ce storyboard, l'animation va essentiellement être ce globe grandissant à partir de rien, venir au centre du cadre et puis l'étoile scintille juste en arrière-plan. C' est essentiellement notre première animation de scène et c'est ce que nous allons faire ici. Maintenant, je sais que le dernier calque ici est un arrière-plan, donc je vais rapidement le renommer EKG. Maintenant, je veux essayer de trouver le monde ici. Il suffit de sélectionner quelques images, activer l'icône I et de voir si elle disparaît. S' il disparaît, le globe sera dans les couches que j'ai sélectionnées. On y va. Il y a cette erreur que j'ai faite ici. Le problème est en ce moment que vous pouvez voir ces deux couches ne sont pas séparées. J' ai cette carte et le globe en une seule couche. Ces deux-là ne sont pas séparés. Si c'est le cas, je ne peux pas l'animer. Je dois retourner au fichier Illustrator, ouvrir ce storyboard explicatif 01 et le réparer là-bas. Allez dans les couches. Trouvez le globe ici. C' est celui, vous pouvez voir à partir de la vignette et la raison est, bien que tous les autres calques soient libérés et sur son propre calque, mais ce calque, je dois le relâcher à nouveau. Cliquez sur le calque ici, calque 10, puis allez dans le coin supérieur droit. Relâchez la séquence de calque. Maintenant, j'ai tous ces deux séparés, amenez-les en dehors de ce calque 10, puis supprimez le calque 10. Maintenant, si je bascule entre l'icône I ici, vous pouvez voir ces deux couches, je me suis séparé. Enregistrez ce fichier Illustrator. Retourne à ici. Maintenant, vous pouvez voir que vous ne pouvez plus trouver la couche 10 parce que je l'ai déjà supprimée. Le moyen le plus simple consiste à supprimer ces deux éléments dans le panneau du projet et à réimporter tout à nouveau. Cliquez sur ce premier storyboard, choisissez la composition, ouvrez, puis mettez cette composition dans princomp, puis mettez ce dossier dans les actifs. Faites la même chose, copiez tous les calques, revenez à la composition principale et collez tout. Ce processus vous montre simplement si vous avez fait quelque chose de mal depuis le début, il y a toujours des façons de revenir en arrière, puis de le changer, puis de le refaire. Maintenant, nous allons trouver le monde ici. Voici le globe. Voici ma carte. Pour créer un globe, voici une étape que vous devez suivre. abord, j'ai besoin de dupliquer cette commande de couche de globe D et celle-ci sera comme référence. J' ai juste besoin de la taille comme référence, puis sélectionnez les deux couches ici, globe et carte, précomposer, commande shift C, précomposer ces deux couches en une seule composition, renommez-le en globe. Cliquez sur OK, double-cliquez sur ce globe ici, aller à l'intérieur et puis j'ai besoin d'aller à la couche nouveau solide. Je dois créer la même couleur que ce globe bleu ici. suffit d'utiliser le compte-gouttes, cliquer dessus, de cliquer sur OK, mettre sous la carte et de supprimer le fichier de globe Illustrator. Je n'en ai plus besoin. C' est notre globe plat. Retourne à la comp principale. Celui-ci, le globe en ce moment est au-dessus de ça, donc je veux le cacher pour l'instant. Cliquez sur globe, allez à droite. Rechercher des effets et des préréglages. Si vous ne l'avez pas sur votre droite, vous devriez, parce que nous avons tous la même disposition. Mais si vous n'allez pas à la fenêtre, puis cliquez sur les effets et les préréglages et choisissez la recherche d'une sphère CC. Faites glisser la sphère CC au-dessus de cette composition de globe. Maintenant, vous pouvez voir notre globe. Cependant, il ressemble plus à un globe 3D, n'a pas l'air aussi plat que notre illustration. Ce que nous devons faire, c'est éteindre l'intensité lumineuse , la ramener à zéro. Puis hauteur zéro, direction zéro, tout zéro. Puis l'ombrage, l'ambiance, on va augmenter l'ambiance. Maintenant, vous pouvez voir qu'il ressemble à notre conception ici. Je veux le mettre à 115. C' est bien. Ensuite, si je veux changer la taille de A, je vais juste augmenter le rayon. Rappelez-vous le globe que nous avons sauvé ici, juste comme une référence de taille, quelque part là-bas et puis je peux supprimer ce globe. Ce que je veux faire d'abord est d'animer la taille de zéro à peut-être le dit 414. La façon de le faire est, je veux vous apprendre un raccourci commande shift flèche droite, aller de l'avant 10 images, puis commande flèche droite, 1, 2, 3, 4, 5. Donc, c'est essentiellement 15 images plus loin. Je veux ajouter une image clé sur le rayon, puis revenir à zéro seconde. Peut-être le changer à zéro. Cliquez sur utiliser la barre d'espace pour prévisualiser. Oui, c'est notre animation de globe du début à la fin. Cependant, c'est trop ennuyeux car il n'y a pas d'énergie et puis l'animation est linéaire, la vitesse est constante. Ce n'est pas amusant. Pour montrer l'image clé, je dois maintenir le raccourci U enfoncé et ensuite il va me montrer ces deux images clés. La première chose que je veux faire, c'est avant que ce globe ne s'installe, je veux qu'il devienne plus grand, peut-être à la 10e image. Donc la fin, c'est censé être 414, mais à 10 images, je veux que ce soit 425. Je veux que ce globe devienne plus grand et se réinstalle ensuite. C' est généralement ce que nous appelons un dépassement. Au fur et à mesure que le globe passe de zéro à plus de plus en plus, il dépasse un peu, puis se réinstalle en place. C' est ce que nous appelons une overshoot dans l'animation, c'est l'un des principes de l'animation. Prévisualisons ceci. C'est un peu subtil, donc je veux le changer en 440. C' est bien. Maintenant, ce que je dois faire est de sélectionner les trois images clés. Cliquez avec le bouton droit de la souris sur Assistant d'images clés. Ce qu'il fait, c'est qu'il va donner plus d'énergie à l'animation, comme vous pouvez le voir ici, et alors le changement de vitesse n'est plus linéaire. Si j'ouvre ce graphique ici, cliquez sur cet éditeur de graphique, puis cliquez sur ce bouton pour adapter le graphique à afficher, c'est essentiellement le graphe de vitesse. Ici, à zéro seconde, vous pouvez voir que la vitesse est nulle. Puis ici, à ce point culminant, la vitesse est de 2 000 unités par seconde. La vitesse descend à nouveau. C' est essentiellement vous montrer la vitesse de cette animation. Cependant, ce que je veux faire, c'est la rendre plus dramatique. Je veux que l'animation soit plus énergique, donc je veux changer le graphique de vitesse ici à cette forme, sorte que j'ai une vitesse plus élevée ici au point le plus élevé. Une fois que j'ajuste cela, revenons en arrière et prévisualisons cette animation et voyons ce qui se passe. Tu vois ça ? L' animation est non seulement lisse, mais plus énergique. Maintenant, mon problème est, j'ai l'impression que j'ai besoin d'étendre l'animation pour lui donner plus de temps, car en ce moment, il ne prend que 15 images, ce qui est une très courte période de temps. Je vais lui donner plus de temps. Il suffit de sélectionner les trois images clés. Maintenez la touche Option sur Mac, Alt sur PC, puis faites glisser la dernière. Fais-le sortir un peu. Là-bas à 20 cadre. Maintenant, nous allons prévisualiser l'animation. Ouais, j'aime ça. C' est bien. A part cela, je veux aussi que le globe tourne aussi. Ici, vous pouvez voir une rotation au-dessus du rayon. Animons la rotation horizontale Y. Il suffit de poser une image-clé ici, puis de retourner à une autre rangée et peut-être de poser 180. Voyons ce qui se passe. Maintenant, c'est trop. Il tourne trop vite. Je veux le ramener à 90. Prévisualisons ça. Je veux que ce globe tourne lentement. Avant de zoomer sur le globe, je veux qu'il bouge constamment. À ce stade, je veux ajuster la rotation, sorte que le graphique ressemble à ça. Prévisualisons ça. Ouais, ça a l'air bien. Assurez-vous de sauvegarder le projet Commande+S. C'est aussi ma première fois que je l'économise donc je veux l'enregistrer dans SmartCity Explainer. Animation, crée SmartCity Explainer, Enregistrer. Ensuite, ce que je veux faire est d'animer toutes les étoiles, ce qui est très simple. Nous devons d'abord trouver toutes les étoiles. Je pense que toutes les autres couches sont les étoiles à l'exception du fond BKG. Maintenant, je vais juste sélectionner tous les autres calques, les changer en une couleur, peut-être comme un bleu et ensuite vous utilisez l'icône des yeux, éteignez-le pour voir s'ils sont tous des étoiles. Oui, ils le sont. Maintenant, je veux les regrouper avec Pre-Comp. Donc Commande+Maj +C, le nom est Étoile, puis cliquez sur « OK ». Maintenant que vous avez vu, nous avons nettoyé la chronologie ici. Nous n'avons que le globe, l'étoile et l'arrière-plan. La façon d'animer l'étoile, je veux juste que l'étoile aime scintiller à l'arrière. Dans ce cas, ce n'est qu'un changement de transparence. Double-cliquez sur l'étoile ici, éteignez ce bouton de transparence, puis maintenant l'arrière-plan est blanc, mais je ne peux pas les voir donc j'ai besoin de changer l'arrière-plan. Je dois revenir au paramètre de composition, qui est Commande+K, puis changer la couleur de fond en noir. Maintenant, je peux voir l'étoile. Sélectionnez l'un d'entre eux, celui-là. Zoom avant. Cliquez sur « T » pour l'opacité de transparence. Maintenez la touche Option enfoncée, cliquez sur le chronomètre ici. Cela va vous permettre d'ajouter une expression. L' expression que je veux ajouter ici, c'est très simple, ça s'appelle Wiggle. Il suffit de taper le support de Wiggle. Je veux ajouter deux valeurs ici. La première valeur sera la fréquence des changements. S' ils en mettent trois ici, il y aura trois changements par seconde. Ensuite, la suivante est l'amplitude. Je vais mettre 60 ici, ce qui signifie que la transparence, aussi l'opacité va changer entre 0-60 valeurs de ce qu'il est en ce moment, qui est 100 pour cent. Cela signifie que la valeur réelle va passer de 40 % à 100 %. C' est ce dont nous avons besoin. Prévisualisons ceci. Vous pouvez juste voir l'étoile qui scintille. Alors voici les parties faciles. Tout ce que je dois faire est de cliquer sur cette valeur d'opacité ici, aller à Modifier, puis je vais cliquer sur ce « Copier l'expression uniquement ». Il va copier cette expression. Sélectionnez ensuite tous les autres calques. Cliquez sur coller sur le clavier Commande+V. Il va coller dans l'expression à tous ces calques. Après cela, nous allons prévisualiser cette comp ici. Maintenant, vous pouvez voir nos étoiles sont animées. C' est facile ? Ça ne prend pas de seconde. Revenons maintenant à la composition principale. Commencez à partir de zéro, nous allons prévisualiser ceci. Notre étoile s'anime, le globe s'anime, il tourne. Ça a l'air calme et agréable. Maintenant, nous allons récapituler. Dans cette vidéo, je vous ai montré comment utiliser l'effet CC Sphère pour animer le globe. Ensuite, nous avons parlé de dépassement. Un des principes de l'animation. Je vous ai également montré comment modifier le graphe de vitesse dans l'éditeur de courbes afin que nous puissions faire ressortir l'énergie de notre animation. La dernière chose est de savoir comment ajouter une expression de torsion aux étoiles pour animer les étoiles. Dans la vidéo suivante, je vais vous montrer comment ajouter un accent, qui est une animation secondaire dans le monde entier. 7. Mettre en avant le globe: Ensuite, je vais vous montrer comment ajouter un accent de rafale de ligne à cette première scène d'ouverture. Tout d'abord, ce que nous devons faire est d'aller à l'outil Peinture en haut ici, puis ici, vous pouvez voir qu'il y a une grille de choix et une ligne directrice. Cliquez dessus. Activez le Titre/Action Safe, et il va vous montrer le point central du cadre. Zoom avant. Ce que je dois faire, c'est tracer une ligne ici. Utilisez l'outil Plume pour cliquer sur le centre ici, puis montez, maintenez la touche Maj enfoncée pour le contraindre. Il suffit de dessiner une ligne droite, puis vous pouvez changer le trait. Cliquez sur le contour, modifiez-le en blanc, puis vous pouvez désactiver le remplissage. Maintenez l'option enfoncée, cliquez , cliquez, cliquez, cliquez, trois clics. Maintenant, nous avons une ligne blanche avec 4 pixels. Ensuite, ce que nous pouvons faire est de monter ici, le changer à l'outil Sélection, maintenant nous avons une ligne blanche. D' abord, nous devons animer cette ligne blanche. Cliquez sur cette flèche vers le bas ici, survolez ici, nous allons utiliser un effet appelé tracés de coupe. Si je change le pourcentage de fin ici vous pouvez voir, la ligne est animée. Donc, la façon dont je veux le faire est, à zéro seconde, je veux que ce soit à la fois à zéro. Cliquez sur le chronomètre pour 2 images clés, puis revenez à peut-être 15 secondes, et changez-les tous à 100 %, et maintenant ce que je dois faire est sélectionner ces 2 images clés de fin et de les suivre. Ça va créer un effet comme celui-ci. Si je viens de solo ce calque, c'est le bouton Solo, parfois quand vous avez besoin de prévisualiser un seul calque, il va au calque solo 1 sans vous montrer d'autres calques. Une fois que j'ai cliqué dessus, vous pouvez prévisualiser cette seule couche individuellement. Présentons ceci, avec l'image-clé que j'ai maintenant, de 0 à 10, ça va créer ces effets ici. Ensuite, ce que je dois faire est de changer ces 4 images clés pour faciliter les images clés  : sélectionnez et cliquez avec le bouton droit de la souris sur Assistant d'images clés, Easy Ease. Maintenant vous pouvez voir, il y a un peu plus d'énergie, mais ça ne suffit pas. Ce que nous avons besoin de faire une sélection tous 4, aller à l'éditeur de graphiques, cliquez sur cela pour l'adapter à l'aperçu, puis faites glisser ces graphiques à une forme similaire que nous avions avant quand nous animons le globe, comme un montagne ici. Assurez-vous que vous êtes dans le graphique de vitesse. Si vous cliquez dessus, vous pouvez voir modifier les graphiques de vitesse. Parfois, si vous êtes dans le graphique de valeurs, il va vous montrer un type différent de courbe, mais ce n'est pas ce que vous voulez, vous voulez être dans ce graphique de vitesse ici. Il suffit de le faire sortir. Donne-lui plus de vitesse, comme ça. Maintenant, nous allons prévisualiser ceci. Quelque chose comme ça. La prochaine chose que nous devons faire est de cliquer sur cette touche fléchée, puis cliquez sur Ajouter. Utilisons un répéteur, cliquez sur cette flèche, ouvrez le répéteur, ouvrez la propriété de transformation sous le répéteur et assurez-vous que vous ne cliquez pas sur cette transformation générale, utilisez simplement cette transformation dans le répéteur, , puis changez la position à zéro. Si vous voulez répéter par un angle, peut-être 30 degrés, et maintenant, je peux changer les copies pour être hors copies, et c'est ce que nous obtenons ici. Présentons ceci. C' est quelque chose que j'aime, et maintenant je peux éteindre le bouton Solo. Zoom arrière. Présentons ceci. Allez à la fin de l'animation du globe, puis je veux que cette ligne soit comme ça quand le globe s'installe, et maintenant je dois changer la taille de l'étincelle. Peut-être quelque chose comme ça. Prévisualisons ça. En ce moment, il est en face du globe, donc je dois la mettre en dessous, quelque chose comme ça, mais je sens, la ligne n'est toujours pas assez ligne, j'ai besoin de la ligne pour être plus longue. Je peux modifier légèrement les cadres clés, dans le chemin de coupe sous la ligne, peut-être déplacer ces deux légèrement sur la droite, quelque chose comme ça, c'est ce que j'aime. Une autre chose est, peut-être que je veux ajouter plus de lignes, donc je vais descendre ici, aller au Répéteur, peut-être que je veux changer cette valeur de rotation pour dire, si je le change à 24, je peux changer la copie nombre à 16. Il doit ajouter jusqu'à 360 degrés. Ça me semble mieux. Je vais m'en tenir à ça, nous allons en prévisualiser. air sympa, et la dernière chose dont j'ai besoin, c'est un cercle qui fait le tour du monde. suffit d'aller en haut ici, cliquez sur cet outil Rectangle, maintenez-le, jusqu'à ce que vous voyez l'outil Ellipse, cliquez dessus, puis allez au centre du cadre, maintenez enfoncé le bouton de la souris, maintenez la touche Commande enfoncée, Option et Maj sur le clavier, 3 touches sur le clavier. Cela va contraindre le cercle à être un cercle parfait, puis dessiner à partir du centre. C' est à propos de la taille du cercle que je veux, relâchez la souris, maintenant j'ai un cercle parfait autour de mon globe, et maintenant ce que je dois faire est juste de copier l'animation du chemin de coupe de cette ligne ici et voir si ça va marcher sur notre cercle. Copiez ces 4 images clés, allez sur les fronts, piquez-la, ça marche. J' ai l'impression que ça marche. C' est ce que j'aime, mais j'ai l'impression que le cercle est un peu grand. J' ai besoin qu'il soit plus petit, donc je dois changer la taille du cercle, peut-être à 90 pour cent, ou 93, trop petit, 96. Et si je recule l'étincelle ici ? Enregistrez le projet. Je vais m'arrêter ici. Je ne veux pas rendre ça trop compliqué, mais je suis plutôt content de la façon dont ça s'est passé. Voici notre scène d'ouverture. C' est tout avec notre scène d'ouverture. Passons à la vidéo suivante pour la deuxième animation principale de l'illustration. Dans cette vidéo, je viens principalement de vous montrer comment ajouter un accent de ligne, que vous pourrez voir dans de nombreuses vidéos explicatives différentes. Une fois que vous avez appris à le faire, vous pouvez appliquer cette technique à de nombreux scénarios différents. abord, nous dessinons une seule ligne et animons la ligne unique avec les effets de tracé de coupe, puis nous avons utilisé un répéteur pour dupliquer les lignes dans le cercle. Ensuite, après avoir ajouté l'accent de ligne, nous avons également ajouté un cercle et nous animons le cercle avec les mêmes images clés de chemin de coupe de la ligne. Ne vous inquiétez pas si vous ne vous souvenez pas de tout à la fois, vous pouvez toujours revenir et regarder cette vidéo à nouveau, pour rafraîchir vos souvenirs. Après l'avoir pratiqué quelques fois, vous devriez être capable de le faire vous-même, et c'est tout avec la première animation de scène. Prochaine vidéo, je vais vous montrer comment passer de la scène globe au paysage urbain. 8. Transition du globe vers la ville: Maintenant que nous avons animé la première scène, continuons pour la deuxième scène. Venez en haut ici, allez dans les projets, puis importons la deuxième scène du fichier Illustrator. Double-cliquez dans cette zone vide. Ça va faire monter une fenêtre. Localisons la deuxième scène que nous avons, qui est celle-ci. Puis ici, sélectionnez « Composition ». Cliquez sur « Ouvrir ». Maintenant, nous pouvons voir ici nous avons un précomp, mais nous avons aussi un dossier nommé Smart City Explainer 4. Faites glisser ce dossier dans les assets et faites glisser ce précomp dans le dossier du precomp. Double-cliquez sur ça, « 04 ». Vous pouvez voir que j'ai toutes ces couches séparées ici. Maintenant ce que je veux faire, c'est retourner à « Main Comp ». Souviens-toi, c'est une comp principale que nous animons. Nous avons déjà la première moitié de l'animation ici. Je veux que la transition se produise ici, deux secondes, et c'est là que je vais importer ce storyboard 04. Glissons ce précomp dans la chronologie. Maintenant, vous pouvez voir que j'ai ce précomp en plus du graphique que j'ai déjà. Tout ce dont j'ai besoin est de faire glisser ce précomp, il suffit d'utiliser le bouton de la souris jusqu'à deux secondes. C' est là que ça arrive comme ça. Mais en ce moment, c'est une coupe droite. Nous ferons la transition plus tard. Une chose que j'ai réalisé en ce moment est que nous n'avons pas de couleur de fond dans cette composition, la composition 04. C' est pour ça que vous pouvez voir à travers le monde. Nous devons entrer dans ce précomp et créer un arrière-plan. Montez ici, « Couches, nouveau », cliquez sur « Solide ». C' est ainsi que vous créez un arrière-plan. Essayons de rendre ce fond blanc pour l'instant. Voyons ce qui se passe. Cliquez sur « OK ». Mettez-le tout le chemin vers le bas comme un fond de ciel blanc, puis revenez à la comp principale. Maintenant, vous pouvez voir que notre composition est solide, elle n'a pas de fond transparent. Ce que je dois faire ici, c'est comprendre la transition. Souviens-toi de notre storyboard. Laisse-moi monter le storyboard. Maintenant, laissez-moi vous montrer comment faire cette transition de cette scène à cette scène ici, du troisième storyboard au quatrième storyboard, la transition. Disons que si nous voulons que l'ensemble du paysage s'installe autour de quatre secondes, nous devons d' abord aller à la propriété de l'échelle. Appuyez sur « S », sur le clavier et mettez une image clé. Alors peut-être par ici, retournez en arrière 20 images. Je veux seulement que ça montre une partie de la ville. Mais si je zoom avant en ce moment, vous pouvez voir qu'il s'agit d'une mise à l'échelle basée sur le point d'ancrage au centre du cadre. Cependant, je veux aussi montrer les voitures de rue et les voitures sur la route. Je ne peux pas mettre à l'échelle en fonction du point central de la carte R. Je dois changer le point d'ancrage vers le bas de sorte que lorsque je zoome, revenons à 100% pour l'instant. Allez en haut ici, cliquez sur cet outil « Stylo derrière ». Et puis cliquez sur, « Ce point d'ancrage. » Faites glisser le tout vers le bas jusqu'au bas du calque, et maintenant modifions la propriété scale. Il suffit de le faire glisser vers la droite pour le rendre plus grand, et maintenant vous pouvez voir qu'il est mis à l'échelle en fonction de ce point d'ancrage sur le sol. C' est ainsi que nous pouvons voir les voitures et les tramways au début, peut-être quelque chose comme ça et ensuite la transition. Je n'ai mis que deux images clés pour la transition. Présentons ceci. C' est bien. Tout d'abord, je veux que ce globe fasse un zoom arrière, et en même temps, quand il devient trop grand, je veux que la transparence devienne nulle. Lorsque nous zoomons sur le globe, il disparaît également. La façon de le faire est d'aller à la couche de globe ici. Revenons ensuite au panneau de contrôle des effets. Voici un rayon. Définissons une image-clé pour le rayon, puis avançons peut-être 20 images. Maintenant, je suis allé trop loin parce que la couche de la ville couvre mon globe donc je veux désactiver l'icône des yeux juste pour la cacher pour que je puisse voir tout ce qui est en dessous. Je veux que ce globe soit plus grand à ce stade. Quelque chose comme ça. Essayons un 1000. Ensuite, nous allons aussi cliquer sur le « Globe ». Maintenez enfoncée, « Maj T » à une image clé sur la transparence, puis faites glisser ce 100 pour cent dans le temps et modifiez la valeur ici comme zéro. À ce stade, il devient zéro. Comme le globe grandit de plus en plus, il disparaît aussi. Présentons ceci. On dirait bien, sauf qu'il n'y a pas d'énergie. Nous avons encore besoin d'ajuster les courbes graphiques. Mais rappelez-vous ce que nous avons fait avant, lorsque le globe s'est installé, nous avons ajouté un autre cadre clé pour les dépassements. Nous voulons aussi faire la même chose ici quand il fait un zoom arrière. Mais cette fois, c'est en fait quelque chose qu'on appelle l'anticipation. Lorsque le globe grandit, il devient d'abord plus petit, anticipe. C' est une préparation pour l'action. Vous pouvez voir au début c'est 414, et je peux ajouter une autre image-clé ici, rendre le globe plus petit, peut-être 395. Avant qu'il ne devienne plus grand, il se rétrécit d'abord comme ça. Ensuite, sélectionnons les trois images clés. Accédez à l'éditeur de graphiques. Assurez-vous que vous êtes dans le graphique de vitesse. Faites simplement glisser le graphique de vitesse ici et assurez-vous que vous avez ce graphique comme une montagne juste pour lui donner plus d'énergie. C' est sympa. Alors juste au moment où le globe disparaît, je veux que cette scène de la ville apparaisse. Ce que je veux faire, c'est ici, à ce stade, je veux ajouter une image-clé ici et ensuite revenir dans le temps, peut-être au début, la rendre plus petite. En ce moment, c'est 276. Essayons 240. Aussi, je veux tirer vers le haut la transparence sur le calque, Maj T, puis cliquez sur le « Transparence », mettre sur une image clé. Je fais glisser celui-ci vers l'avant dans le temps et au début je veux qu'il soit nul. zéro à 100 transparence. Présentons ceci. Quelque chose comme ça. Mais je pense que la couche est arrivée trop tôt. Je veux le ramener un peu. Ensuite, je veux m'assurer que la transparence du globe change plus rapidement, maintenant c'est trop lent. Je veux juste m'assurer que ces deux cadres clés sont plus proches l'une de l' autre afin que la transition se produise plus rapidement. Assurez-vous simplement de faire glisser ces images clés plus près pour que cette transition se produise plus rapidement. C' est plus naturel. Présentons ceci. Maintenant, ça marche. La raison pour laquelle j'ai mis ici un changement d'échelle est parce que nous faisons un zoom sur le globe, nous supposons que nous avons une caméra qui arrive dans le globe. Ensuite, quand nous passons à la scène suivante, je veux que la scène bouge encore. Je ne veux pas que la scène soit découpée directement. Ça va perturber la motion. Maintenant, puisque j'ai mis un zoom en mouvement, ça mène en fait à la deuxième scène. C' est pourquoi nous pouvons avoir une transition sans heurt. Comme vous pouvez le voir ici, nous faisons un zoom avant et cette chose sort comme si nous avions aussi zoomé sur la ville, et nous travaillons là-dessus. Si votre ordinateur est lent et qu'il réagit très lentement, vous pouvez également modifier la résolution de l'aperçu ici. En ce moment, j'ai une résolution complète. Mais si je passe à la demi-résolution ou à la troisième résolution, cela va rendre ma scène un peu floue, mais alors le logiciel va répondre plus vite et vous pouvez travailler plus vite. Cette transition ici, je veux cliquer avec le bouton droit de la souris « Assistant d'images clés , facilité facile, puis aller à l'éditeur de graphiques. Assurez-vous que nous avons ce graphique de montagne ici pour lui donner plus d'énergie. Mais en ce moment, ça me dérange parce que chaque fois que je frappe un aperçu, il a toujours un aperçu depuis le début, zéro seconde mais je veux prévisualiser ici, deux secondes. Tout ce que je dois faire est d'appuyer sur le raccourci clavier B pour couper la plage d'aperçu, et vous pouvez voir cet en-tête de plage ici, il est coupé à deux secondes. Maintenant, quand je clique sur « Espace partie pour l'aperçu. » Il commencera l'aperçu à partir de là. Maintenant, j'ai l'impression que le changement d'échelle est un peu brusque. Je veux mettre les images clés plus loin et leur ajouter un peu de facilité facile. Maintenant, nous allons récapituler. Dans cette vidéo, nous avons parlé de la façon de créer des couches solides, ainsi que de la façon de changer le point d'ancrage et d'animer en fonction de l'endroit où se trouve le point d'ancrage. Nous avons également expliqué comment modifier le graphique de vitesse et aussi comment modifier la résolution d'aperçu pour accélérer le logiciel. Maintenant, passons à la vidéo suivante. 9. Animation du paysage urbain: Maintenant, il est temps d'animer les trains, les voitures et les bâtiments à l'intérieur de cette comp ici. Assurez-vous que vous avez cet indicateur de chronologie ici, donc c'est là que je veux que ce train entre dans la vue. C' est donc un délai exact et quand je vais dans la composition, l'indicateur de chronologie va me montrer emplacement exact qui correspond à ce temps dans la composition principale. Si je ne change pas mon indicateur de chronologie cette position ici, où notre indicateur de chronologie correspond à la position ici dans la composition principale. Si je ne change pas mon indicateur, ces deux positions sont exactement les mêmes parce que si vous regardez la période ici, ce n'est que la huitième, mais dans cette composition, c'est en fait deux secondes 23. Donc, la seule façon est d'utiliser votre indicateur de chronologie mettre quelque part ici et ensuite aller à l'intérieur du pré-comp, il va vous montrer où est ce point. Tout ce que j'ai à faire, c'est d'animer ce train ici. Trouvons le train. C' est notre couche de train, appuyez sur p sur le clavier, mettez un cadre clé là. Peut-être le faire glisser un peu en arrière, puis aller de l'avant, peut-être deux secondes, puis changer la position. Déplacez le vers la gauche, laisse mettre 400 pour l'instant ou peut-être 200. Maintenant, j'ai le train qui circule comme ça. Voici ma voiture rose, puis ma voiture jaune. Je veux que ces voitures voyagent aussi, alors mettez un cadre clé là et ensuite la voiture jaune devrait venir de la gauche, tandis que la voiture rose devrait venir de la droite. Voyons à quoi cela ressemble dans la comp principale, laisse prévisualiser cela. Mettons l'indicateur à l'avant de cette couche ici et allons dans la composition. Nous pouvons voir au début les premières images qu'ils ne bougent pas. Je veux que le train bouge avant zéro seconde. Faisons simplement les glisser sur même avant zéro seconde pour que le train se déplace déjà, laisse prévisualiser cela. Oui, mais le problème est je ne veux toujours pas que le train soit déjà si loin à gauche quand il apparaît pour la première fois. Je vais vouloir ajuster la position du train, peut-être changer la position de départ à 1 300. Revenons à la comp principale et jetons un coup d'oeil. Ouais, quelque chose comme ça. Le train entre dans la scène , puis les voitures et la caméra fait un zoom arrière. Je veux que la voiture continue à bouger, que le train continue à bouger jusqu'à ce qu'il sorte de la scène. Il semble que deux secondes ne sont pas assez longues, donc je veux faire glisser ces images clés à quatre secondes et déplacer le train hors du cadre, puis les changer en images clés, les faire glisser vers les quatre secondes, puis faire ces deux voitures pour sortir de la scène. Revenons à la comp principale, jette un coup d'oeil. Oui, c'est sympa. La prochaine chose est en ce moment cette scène basée sur le storyboard, vous pouvez voir qu'il devrait y avoir des arbres dans le cadre. Je veux juste traîner les arbres dans la scène. Assurez-vous de savoir où devraient être les arbres. Il devrait être entre le bâtiment bleu et orange et ce bâtiment vert et bleu, quelque part autour de là. Retournons ici, trouvons les arbres. Donc c'est un, juste besoin de faire glisser cet arbre vers la gauche. Je maintiens enfoncée la contrainte de décalage de la position horizontale, mettre là-bas et c'est deux autres arbres, traînez-les là-bas. Quelque chose comme ça. Revenons à la comp principale. Vous pouvez voir qu'il y a deux quatre arbres. Maintenant, ça me semble plutôt bien. Maintenant, allons dans le pré-comp pour animer le bâtiment. Je veux que le bâtiment commence à partir d'ici, trois secondes, essayons ça. J' ai juste besoin de trouver tous les bâtiments. C' est un, puis aller tout le chemin vers le bas. Je pense que ce sont tous mes bâtiments, oui, je passe juste entre les icônes des yeux et vous pouvez voir que ce sont tous mes bâtiments. Cliquez sur cette couleur, faisons-le jaune pour que mes couches jaunes soient les bâtiments. Pour animer le bâtiment, c'est assez facile. Nous allons avoir besoin de trois cadres clés pour tous les bâtiments, et là nous pouvons copier les trois cadres clés sur chacun d'eux. On peut d'abord animer ce premier bâtiment orange. Tout ce qu'on a à faire est de changer d'abord le point d'ancrage en bas de ce bâtiment ici, mais pour l'instant je ne vois pas où est le bas donc ce que je vais faire est de solo cette couche, cliquez sur ce bouton ici, petits points, ça va en solo cette couche. J' ai juste besoin de voir cette seule couche, aller en haut utiliser ce stylo derrière aussi, glisser ce point vers le bas du bâtiment et ensuite ce que je dois faire est, éteignons le bouton solo. Cliquez sur « S » pour activer la propriété scale et lier la propriété x et y ici. Placez un cadre clé, puis faites-le glisser vers l'avant. Modifiez l'échelle y à zéro. Si je gratte la chronologie, le bâtiment va passer de 0 à 100 pour cent, seulement en position Y. Cependant, comme nous l'avons déjà dit, nous devons ajouter un dépassement pour le rendre plus intéressant. Donc avant d'atteindre 100 pour cent, ça doit dépasser 110 pour cent. Je veux faire glisser cette image-clé plus loin pour donner plus de temps pour l'animation. Sélectionnez les trois, cliquez avec le bouton droit. Une autre façon d'obtenir le même graphique que celui que nous pouvons réellement faire une vitesse d'image clé ici, puis juste changer tout à 66.66. Cliquez sur OK. Allons dans le graphique. Vous pouvez voir ce graphique, c'est presque le même que ce que nous avons fait. Il y a deux façons de le modifier, l'une est d'aller ici pour faire glisser manuellement les poignées, puis l'autre est juste de cliquer avec le bouton droit de la souris pour changer la vitesse de l'image clé ici. Présentons ceci, et vous pouvez voir le bâtiment arrive. Ça m'a l'air bien. Donc, la prochaine chose que je dois faire est de changer le point d'ancrage de toutes ces couches au bas du bâtiment, puis de copier les trois images clés sur chacune des couches. Trouvez ce bâtiment ici, faites glisser le point d'ancrage vers le bas, posez-le là bas. Ensuite, on l'a aussi mis en bas vers le bas. Je vais juste accélérer cette partie pour que tu n'aies pas à me regarder faire ça encore et encore. Maintenant, vous pouvez voir que nous avons tous les points d'ancrage en bas du bâtiment. La prochaine chose que je dois faire, avant de copier l'image-clé, j'ai besoin d'aller dans chacun d'entre eux à un lien la propriété d'échelle X et Y. Donc, sélectionnez tous les frapper S, va vous montrer toute la propriété d'échelle, puis juste décocher le lien vers une échelle de longueur dx et Y. C' est bien. Ensuite, venez ici, copiez les trois images clés, Commande C, puis sélectionnez tout le reste du bâtiment. Assurez-vous que votre indicateur de chronologie est au début de cette commande V d'image clé, puis vous pouvez voir que j'ai toutes ces images clés. Présentons ceci. Oups, il y a un problème avec un bâtiment, celui-ci ici et celui-là aussi deux bâtiments, ces deux ont sauté. J' ai donc besoin de supprimer l'image-clé, je pense que le point d'ancrage est à la mauvaise position. Permettez-moi de supprimer l'image-clé. Alors je veux trouver où est le point d'ancrage pour ce bâtiment. Zoom arrière. Quand je fais un zoom arrière, je n'ai aucune idée de pourquoi ce point d'ancrage est là bas. J' ai donc besoin de le faire glisser dans le cadre, le mettre au bas du bâtiment, puis de recopier l'image clé, coller à nouveau. Nous avons un dernier bâtiment a un problème maintenant qui est un écran ici. Cherchons juste le point d'ancrage pour ce bâtiment vert. C' est loin, loin du plan de travail. Faites glisser le point d'ancrage vers le bas du bâtiment vert. Posez-le là, et faites la même chose. Copiez les trois images clés, puis collez-les sur le calque de construction vert. Maintenant, je pense que tous nos bâtiments sont animés. Ensuite, je veux décaler l'animation du bâtiment parce que je ne veux pas que ces bâtiments viennent tous en même temps. Je veux juste lui donner une motion aléatoire. Donc, j'essaie juste de faire glisser ces couches pour lui donner un caractère aléatoire afin qu'elles ne commencent pas tout d'un coup. Jetons un coup d'oeil. Revenons à nouveau dans cette composition d'O4. Je veux changer la couleur de fond en une couleur de ciel. Il suffit de commander Shift à Y, puis nous allons utiliser cet outil pipette pour occulter cette couleur bleue sur le train. Peut-être le rendre un peu plus léger. C' est bien. Allons frapper Ok. Maintenant, nous avons un ciel bleu clair ici dans la deuxième scène. Maintenant, tout ce que je dois faire est d'affiner le calendrier de sorte que lorsque cette transition se produit ici à quatre secondes, je veux voir l'accumulation du bâtiment. ce moment, ces bâtiments construisent encore assez tôt. Je ne peux voir que la partie finale de l'animation. Je veux toujours pouvoir voir le bâtiment à construire à partir du sol dans cette transition, donc je dois déplacer ces couches un peu plus loin pour retarder un peu l'animation. Présentons un aperçu. Ouais, quelque chose comme ça. Maintenant, nous avons les deux premières choses animées et prêtes à partir. Dans cette vidéo, nous avons parlé de la façon de modifier les couleurs étiquetées de calque pour les regrouper. Aussi, je vous ai montré comment modifier le graphique de vitesse en changeant la valeur de la vitesse de l'image clé. Nous avons expliqué comment appliquer les mêmes images clés à d'autres calques et comment changer la couleur du calque uni. Passons maintenant à la vidéo suivante. 10. Devenez des initiés du mouvement: Avant de continuer, je tiens à partager avec vous une nouvelle excitante. Les cours de motion design sont désormais plus abordables chez Motion Circles. Avec notre abonnement Motion Insider pour seulement 7$ par mois, vous bénéficierez d'un accès illimité à nos meilleurs cours de motion design, auxquels plus de 50 000 étudiants du monde entier font confiance Il est temps d'améliorer vos compétences en motion design pour devenir les meilleurs animateurs possibles En tant qu'initié, vous recevrez également des fichiers de projet gratuits issus de tous nos didacticiels YouTube sur Motion Circles. Et profitez d'une réduction exclusive de 25 % sur tous les autres projets d' animation incroyables d'autres artistes dans notre boutique de fichiers de projets. Ne manquez pas cette opportunité d'améliorer vos compétences en animation tout en faisant partie de notre communauté dynamique. Rejoignez-nous dès aujourd'hui sur motion circles.com et libérez votre 11. Transition après le paysage urbain: Voyons ce que nous avons jusqu'à présent. Dans cette vidéo, on va continuer là où on s'est arrêté. On va continuer à animer dans la scène suivante. Remontons le storyboard. Nous avons déjà fait la première scène avant et la prochaine chose sera une transition où la caméra se déplace pour que ces icônes de communication apparaissent dans le ciel. Pour ce faire, nous devons d'abord importer ce plan de travail. Maintenant, allons au panneau de projet ici. Au lieu de double-cliquer, nous pouvons également cliquer avec le bouton droit de la souris, puis choisir Importer le fichier. Accédez à notre plan de travail, ressources, storyboard séparé et voici ce dont nous avons besoin ici. Ces icônes. Cliquez sur ce fichier ici, changez-le en composition, cliquez sur Ouvrir. Maintenant, nous avons ce précomp, importez-le dans le panneau du projet. Rappelez-vous ce que nous avons fait avant, nous devons faire glisser ceci, tous les cinq precomp dans le dossier du precomp, puis faire glisser ce dossier dans les assets. Si je ferme tous les dossiers, nous avons toujours un panneau de projet assez propre et organisé. Tout d'abord, ce que je veux faire est de faire une transition de cette scène comme si la caméra tournait vers le haut, sorte que la ville tombe en panne. Pour ce faire, je veux faire glisser cette plage d'aperçu, peut-être à huit secondes ici, puis aller presque à la fin lorsque les bâtiments s'arrêtent et puis les voitures sont toujours en mouvement. Je veux rester sur la scène peut-être une seconde, juste ici. Alors, à ce stade, je veux que la caméra tourne vers le haut. Au lieu d'utiliser la caméra, qui est assez compliqué, ce que je peux facilement réaliser est de simplement déplacer la position de l'ensemble de la composition. Si je clique sur la première composition et que vous utilisez un raccourci décalage P pour tirer la propriété position ici, ce que je peux faire maintenant est d'ajouter d'abord une image clé. C' est la position de départ de toute cette comp et ensuite peut-être aller de l'avant 25 images. Je veux que cette transition soit très lente. La caméra tourne lentement. Après 25 images, je veux que la position blanche change ici. Peut-être que je veux que la ville soit comme ça ici et qu'elle aille de l'avant 25 autres images. Je veux que toute la ville disparaisse. Mais le problème, c'est que nous voyons la première scène d'ouverture, ce que nous ne voulons pas. Je dois étendre le ciel ici pour couvrir le fond de cette composition afin que nous ne voyions pas la scène initiale du ciel. La façon de le faire est d'aller à la couche, créer un nouveau solide et la hauteur et la largeur vont être les mêmes que cette composition. Changez la couleur à la couleur du ciel, cliquez sur OK, puis faites glisser cette couleur unie sous cette comp d'horizon de la ville. Ensuite, quand nous descendons la ville, nous pouvons encore voir la couche solide ici. Cependant, je ne veux pas que ce calque commence à zéro seconde car si je fais glisser la chronologie au début, elle couvrira toutes mes autres animations. Tout ce dont j'ai besoin c'est de partir de ce point ici, quand la scène de la ville commence à descendre, j'ai besoin de cet arrière-plan pour apparaître sur le cadre. Appuyez sur le raccourci clavier carré gauche, puis ce calque solide va commencer à partir de ce point où est mon indicateur de chronologie. Sauvegardons le projet pour l'instant et nous allons prévisualiser ceci. Je veux prévisualiser à partir des quatre secondes donc je vais changer cette plage d'aperçu, utiliser le raccourci B, pour le couper à partir de là afin que je puisse commencer l'aperçu à partir de la quatrième seconde. Quelque chose comme ça. Cependant, le mouvement ici est assez linéaire. C' est très ennuyeux. C' est parce que nous n'avons pas appliqué d'image-clé d'accélération à cette animation ici. Maintenant, ce que je dois faire est de sélectionner les trois images clés, comme nous l'avons fait auparavant. Cliquez avec le bouton droit sur l'assistant d'images clés facile Voyons ce qui se passe maintenant. Quelque chose comme ça, mais je veux que cette scène ralentisse dans l'image-clé du milieu ici. Afin de le ralentir dans l'image-clé du milieu, je veux sélectionner les trois, puis aller au graphique. Voici le graphique de vitesse pour cela. Ce que je veux faire est de donner plus de temps à l'image clé centrale et laisser l'animation ralentir dans l'image clé centrale. Si je fais une forme comme celle-ci, nous allons prévisualiser l'animation ici. Cela va nous donner une vitesse légèrement plus rapide au début ici et puis il y aura un assouplissement dans l'image-clé du milieu. Ensuite, il y a la facilité de sortie de l'image clé du milieu lentement, puis va plus vite à la fin. La seule chose, c'est que je veux traîner autour de l'image clé du milieu. Je ne veux pas que l'animation aille trop vite dans l'image-clé du milieu. C' est un type de courbe dont j'ai besoin pour y parvenir. Présentons ceci à nouveau. Je peux même lui donner plus de temps pour peut-être séparer les trois images clés afin d'obtenir une animation plus lente, peut-être plus subtile. Je vais sélectionner les trois images clés. Maintenez Option sur Mac, Alt sur PC, faites glisser la dernière image clé afin que je puisse espacer uniformément les trois images clés. Donnez-lui plus de temps. Quelque chose comme ça. La prochaine chose que je veux faire est d'importer cette icône dans cette comp principale. Il suffit de le faire glisser vers le bas dans la comp principale, puis de faire glisser les points de départ vers la droite jusqu'à l'endroit où nous sommes censés voir l'icône ici, qui est ici. Faites glisser ce point de départ jusqu'à peut-être ici, à la sixième seconde. C' est là que nous allons voir toutes les icônes. Cependant, nous devons encore les animer. Avant de passer à l'animation des icônes, je veux récapituler. Dans cette vidéo, nous avons expliqué comment importer des fichiers dans After Effects, comment ajouter un calque solide et comment modifier le graphique de vitesse. C' est quelque chose que nous avons déjà couvert. Maintenant, nous pouvons aller à la vidéo suivante pour l'animation des icônes. 12. Animation des icônes: Ensuite, je vais aller dans cette composition d'icônes pour animer ces icônes. Double-cliquez sur « Smart City Explainer 005". Dans cette composition, vous pouvez voir toutes ces petites icônes ici. La bonne nouvelle est qu'ils vont avoir une animation similaire, donc nous n'avons pas à faire chacune individuellement, nous pouvons simplement en faire une, puis copier et coller toutes les images clés. Commençons par peut-être ce calque 4, cette icône ici. Nous pouvons zoomer, appuyer sur « Z » sur le clavier, faire glisser la souris, zoomer. Ce que nous voulons faire, c'est nous devons d' abord changer le point d'ancrage à cette position ici parce que je veux faire pivoter cette icône à partir de ce coin inférieur droit ici. Cliquez sur « Pan Behind Tool ». Je dois trouver où est le point d'ancrage, faire glisser ce point d'ancrage ici. Ensuite, nous allons avoir besoin de la propriété de position, appuyez sur « P », puis nous allons avoir besoin de rotation, appuyez sur « Shift R » toujours la touche Maj. Si vous appuyez seulement sur une touche du clavier, disons que si vous appuyez sur « P », puis si vous appuyez sur « R », il ne vous montrera qu'une seule propriété. Si vous voulez voir plusieurs propriétés ici, vous devez maintenir « Maj Key » enfoncée sur le clavier, puis cliquer sur « P ». C' est ainsi que vous pouvez voir plusieurs valeurs dans la couche. J' ai aussi besoin de la taille. Appuyez sur « Shift S ». Tout d'abord, créez un cadre clé pour les trois. Ce sera la dernière position. Retournez à l'outil de sélection, le raccourci, « SV », puis sélectionnez les trois images clés, peut-être le mettre en avant ici, 18e image, puis revenez à zéro seconde. Je veux que cette icône commence à partir de peut-être plus bas, puis animée vers le haut. Je veux aussi que l'échelle passe de 0 à 100 pour cent. Je veux aussi que la rotation commence comme un degré négatif, peut-être négatif 90. Voyons à quoi ça ressemble maintenant. Quelque chose comme ça. C' est essentiellement l'animation dont j'ai besoin. Cependant, j'ai besoin d'un peu plus d'énergie. Tu te souviens comment on a fait les autres animations ? Nous devons ajouter un dépassement. Tout d'abord, ajoutons quelques dépassements. Comme la valeur de rotation devient zéro, je veux qu'il dépasse à un positif 10 degrés avant qu'il ne vienne à zéro, donc Il va passer zéro et puis revient. La balance. Je veux aussi passer 100 pour cent, ce qui est peut-être 110 pour cent, et la position, je veux aussi qu'il dépasse la valeur finale. La valeur de fin est 526 sur la position y, donc je veux qu'elle soit 500. Il va plus haut et revient ensuite vers le bas. Prévisualisons cette animation. Je pense que la position est trop importante. Il devrait être 526, et ensuite par ici peut-être 516. Essayons ça. Oui, ça marche pour moi. Vous voyez ? Sans même changer les cadres clés linéaires pour faciliter les cadres clés, nous avons déjà un peu d'énergie en cours ici, mais ce n'est tout simplement pas suffisant. Ensuite, ce que nous voulons faire est, sélectionnez toutes les images clés, cliquez avec le bouton droit de la souris, « Key Frame Assistant », facilité. Jetons un coup d'oeil. Regarde ça. Regardez l'énergie et la douceur. Tu vois ça ? Ça m'a l'air bien. Si nous voulons aller encore plus loin, je peux sélectionner toute la trame clé ici et ensuite aller à l'éditeur de graphiques. Cliquez sur cette icône ici, adaptez le graphique pour voir et mémoriser le graphique en forme de montagne que nous avions auparavant. On peut juste traîner ces poignées, pour avoir cette montagne plus haute ici. Cela va donner plus d'énergie à toute l'animation. Prévisualisons ceci. C' est plus délibéré. Tu vois ça ? Je suis bon avec cette animation maintenant. Ensuite, ce que je veux faire est juste de copier toutes ces images clés dans les autres icônes afin qu'elles aient toutes la même animation. Je dois être prudent parce que certaines des icônes, ils ont cette petite flèche sur le côté gauche de l'icône au lieu de la droite. Dans ce cas, j'ai besoin de l'icône pour tourner à partir d'une direction opposée. Cela dit, je dois être plus prudent lorsque je copierai et collez mes icônes. abord, ce que je dois faire est de changer le point d'ancrage de chacune de ces icônes à une position où je veux que les icônes soient animées. Laisse-moi juste passer en revue chacun individuellement. Cliquez sur le premier. Va ici, pan derrière l'outil, c'est le petit cercle ici carte. Je dois le changer pour ici. Peut-être que je veux animer par le bas ici. Celle-ci va être similaire à la première icône commençant en bas à droite, et celle-ci commençant en bas à droite. Maintenant ce que je peux faire, c'est que je veux changer celui-ci, celui-ci, celui-ci, ces trois couleurs différentes pour que je puisse le faire d'abord. Celui-ci est rouge. Maintenant, j'ai trois groupes de couleurs. Les trois premières icônes sont les trois ici. Ils doivent tous tourner de droite, qui est le même que ce que nous avons pour la première icône. Dans ce cas, je peux simplement copier, sélectionner toutes les images clés Commande C, puis sélectionner les trois couches, Commande V coller comme aperçu. Vous voyez maintenant nous avons un problème, parce que j'ai collé la propriété position, et maintenant les trois icônes, elles ont toutes exactement la même propriété de position que la première. C' est pourquoi les quatre d'entre eux sont maintenant à la même position ici. C' est ce qu'on ne veut pas. Il va être très facile de corriger cela, appuyez sur U pour afficher la propriété animée sur ce calque. Maintenant, tout ce dont j'ai besoin est de simplement sélectionner les trois images clés, puis changer la position x et position y à l'endroit où je veux que cette icône soit à la fin. Dites cette icône ici, je veux qu'il soit à la fin à cette position ici. Appuyez ensuite sur U pour sélectionner les trois images clés. Changez celui-ci, changez la position x et la position y. Si vous le modifiez de cette façon, une fois que tout est sélectionné et que votre indicateur de chronologie est à l'une des images clés, il doit être sur l'une des images clés. Il ne peut pas y avoir une image à part. Il doit rester sur une image clé, puis lorsque vous modifiez la propriété de position, Il ne va pas gâcher votre animation. Toute l'animation va être déplacée en fonction de l'endroit où vous voulez que cela soit. Ensuite, je veux cliquer sur le calque cinq ici. Appuyez sur U, affichez toutes les images clés, sélectionnez les trois images clés ici sur la propriété position, puis modifiez la position x ici. Maintenant, nous allons prévisualiser ceci. J' ai exactement la même animation sur quatre icônes différentes. Ça a l'air bien pour moi. La prochaine chose que je veux faire est que je veux copier les images clés sur ces icônes de cercle, les éléments de cercle. Cela va être un peu différent parce que le cercle n'a pas besoin de la valeur de rotation ici. Je ne veux pas que le cercle tourne vers la droite ou vers la gauche. Je veux juste que le cercle apparaisse directement. Ce que je dois faire est de copier seulement la position et la propriété scale, et d'exclure la rotation. Copiez ces images clés commande C, et passez à zéro seconde, sélectionnez tous ces calques, puis Commande V. Maintenant, j'ai le même problème, tout juste un à la même position. Mais on peut faire la même chose pour le réparer. Passons en revue chacune d'elles, appuyez sur U, placez l'indicateur de chronologie au-dessus de la dernière image-clé ici, sélectionnez les trois images-clés, et changez simplement la position x et y pour la déplacer là où vous voulez qu'elle se trouve la fin. Ce truc de cercle, avec une carte, devrait être ici dans le coin supérieur gauche. Oui, c'est bien. Ensuite, les deux dernières icônes dont nous avons besoin, copions les images clés d'ici. Positionnez la propriété d'échelle, Commande C, puis passez à zéro seconde image clé de démarrage, sélectionnez les deux calques ici , Command V coller, puis faisons la même chose. Cependant, j'ai encore besoin de changer la rotation. Si je prévois ceci, ces deux tournent dans la mauvaise direction. Tout ce que j'ai à faire est de changer ce négatif 90 à 90, puis de changer ce dépassement en négatif 10 au lieu de positif 10. Prévisualisons ceci. Ouais, quelque chose comme ça. Je suis content de l'animation ici. Maintenant, la dernière chose que je veux faire ici est de décaler ces couches, leur donner un peu de hasard. Je ne veux pas qu'ils commencent tous au même point que zéro seconde, je veux faire glisser ces couches et ensuite simplement les échelonner pour m'assurer qu'il a un peu de hasard. Après que j'ai fait ça, voyons ce qui se passe ici. Maintenant, revenons à la composition principale et jetons un oeil. En ce moment, ça me semble bien. Cependant, comme les icônes sont toutes dans le ciel, je ne veux pas qu'elles restent statiques dans le ciel. Je veux qu'ils se remuent dans le ciel, peut-être qu'ils nous donnent plus de mouvement, donc j'ai juste besoin d'ajouter des effets. Revenons dans la composition. Maintenant, je veux aller dans le panneau des effets et des préréglages ici, sur le côté droit, si vous ne l'avez pas ici, allez simplement dans Windows, puis les effets et les préréglages. Trouvons des effets de tremblement. J' ai juste besoin d'utiliser cette position Wiggle Dash. La dernière fois, nous avons essayé de faire glisser ces effets sur le calque. Cette fois, nous pouvons simplement double-cliquer sur l'effet. Tant que vous avez sélectionné un calque, vous pouvez simplement double-cliquer sur l'effet, il va s'appliquer directement à ce calque. C' est celui que nous avons ici. Après avoir appliqué, nous allons prévisualiser ceci. Tu vois, il bouge déjà. Cependant, ce n'est pas ce que je veux. Je veux une animation plus subtile donc je veux changer la quantité de torsion à peut-être 20, puis la vitesse comme un tremblement par seconde, peut-être que je voulais trois tortilles par seconde. Prévisualisons à partir d'ici. Encore trop. Changez-le à 10, la quantité de tortilles. Oui, c'est ce que j'aime, subtil, mais efficace. Maintenant, tout ce que je dois faire est juste de copier les effets, Commande C, puis sélectionner tous les autres calques, Commande V, en collant tous les effets. Prévisualisons ceci. Zoom arrière. Prévisualisons l'animation. Vous voyez qu'ils flottent tous dans les airs ? C' est ce que je veux. Bien. Revenons à la comp principale et jetons un coup d'oeil. Ouais, et une dernière chose que je veux faire, fur et à mesure que le bâtiment tombe, je veux que ces icônes descendent légèrement avec le bâtiment pour que je puisse juste simuler le mouvement de la caméra. Sinon, si seulement le bâtiment tombe, et que les icônes restent toujours sur la même position, il ne semble pas que la caméra soit en train de tourner vers le haut. Tout ce que j'ai besoin de faire, c'est d'ici , de frapper sur P, de lui donner une propriété de position , et puis comme un bâtiment descend, je veux que ces icônes soient légèrement déplacées vers le bas au centre du cadre ici. Puis cliquez avec le bouton droit de la souris sur l' assistant d'images clés Prévisualisez ceci. Quelque chose comme ça. Cependant, je veux aussi peut-être retarder un peu l'image-clé, parce que je sais que le bâtiment commence à descendre de cette seconde ici. Mais je veux retarder le point de départ des icônes déplaçant vers le bas parce que je veux juste créer ce genre d'effet de retard, comme si le bâtiment faisait glisser les icônes vers le bas. C' est tout ce que je veux te montrer dans cette leçon. Jetons un coup d'oeil à ce que nous avons jusqu'à présent. Nous avons parcouru un long chemin. On a la première scène, la transition, la deuxième scène, et la quatrième scène est super sympa. Prochaine vidéo, nous allons finir avec le verrouillage du logo de fermeture et aussi la transition. Maintenant, nous allons récapituler. Dans cette vidéo, nous avons parlé de dépassements, l' un des principes de l'animation. Nous avons également parlé de la façon de modifier le graphique de vitesse pour donner plus d'énergie à votre animation. Je vous ai montré comment copier des images clés sur différents calques et ajuster l'animation en conséquence, wow pour ajouter un effet de wiggle à nos icônes, et aussi comment décaler les calques au hasard pour lui donner un aspect plus naturel. C' est tout avec cette vidéo, passons à autre chose. 13. Transition après les icônes: Reprenons là où on s'est arrêté. Ici, nous avons cette animation d'icône ici. Maintenant, jetons un oeil au storyboard original. Rappelez-vous cette scène ici avec les constantes oculaires comme des villes. Ensuite, il va passer dans le verrouillage du logo, et la façon dont j'imagine que c'est que toutes ces petites icônes, elles peuvent se réunir au centre de l'écran, puis déclencher une transition, et nous avons le cercle chose apparaît à partir du centre de l'écran pour remplir l'écran entier. Ensuite, passez pour révéler l'animation du logo. C' est ce qu'on va faire ici. Je veux que la transition se produise, peut-être autour de 9 secondes ici. Ici, il suffit de mettre l'indicateur de chronologie autour de 9 secondes, dans la comp principale, puis allons dans cette icône pré-comp explicateur O5, double-cliquez. Voici le délai qui correspond à la trame de 9 secondes 04 dans la comp principale. C' est un point où je veux que ces icônes se rassemblent au centre. La façon de le faire est, tout d' abord, je veux sélectionner toutes les icônes. Appuyez sur p pour afficher la position. Posez un cadre clé, utilisez cette icône ici. Maintenant, j'ai un cadre clé pour verrouiller la position de ces icônes. Peut-être aller de l'avant 25 cadres 1, 2, 3, 4, 5. Après 25 images, je veux que ces icônes viennent au centre ici. Le plus simple est de faire glisser chacun d'eux vers le centre, puisque j'ai déjà une image clé créée avant ce point, une fois que je fais glisser la position de l'icône ici, il va créer automatiquement une nouvelle image clé, ce que je veux. Ça me fait gagner du temps. Pour créer un cadre clé, je peux simplement faire glisser ces icônes là où elles devraient être à la fin. Alors il va avoir l'animation prête pour moi. Maintenant, nous allons prévisualiser ceci. À partir de ce point ici, serait de définir la plage d'aperçu. Vous voyez qu'ils se réunissent tous. Cependant, cela me semble assez linéaire. Bien que je sais que ces cadres clés facilitent les cadres clés, mais qu'ils n'ont pas assez d'énergie, oubliez pas que nous parlons de la remise des gaz. Lorsque les objets s'installent en position, il passe sur quelques cadres. Dans ce cas, je veux utiliser le même principe au début de cette animation ici, et maintenant nous ne l'appelons plus overshoot. Ça va s'appeler l'anticipation. Fondamentalement, cela signifie que lorsqu'un objet se déplace vers la gauche, il se déplace toujours légèrement vers la droite pour gagner de l'énergie. Ensuite, il va aller dans la direction qu'il veut aller. Dites que si vous voulez aller de l'avant, vous devez vous pencher en arrière pour gagner de l'énergie ou comme dire si vous voulez sauter, vous accroupissez toujours vers le bas pour gagner de l'énergie, puis sautez vers le haut. Voilà donc l'anticipation. C' est aussi l'un des principes de l'animation, et c'est ce que nous voulons appliquer ici. Lorsque l'objet se déplace dans une direction, je veux qu'il se déplace d'abord dans la direction opposée pour gagner de l'énergie, puis aller où il veut être. Dans ce cas, pour chacun d'eux, je veux aller de l'avant peut-être 5 à 6 images ici, et puis je veux juste que cette icône recule d'où il était pour gagner de l'énergie. Présentons ceci. Vous voyez qu'il est sorti une seconde, puis reviens. Maintenant, jetons un coup d'oeil à ce que nous avons dans la comp principale. Voilà encore un problème. Rappelez-vous que nous avons changé la position de cette composition 05 pour descendre avec l'écharpe de la ville, et maintenant le centre de cette composition à l'intérieur est différent du centre de la comp principale ici maintenant. Rappelez-vous quand nous avons animé cette icône ici pour déplacer tout au centre, mais on est à l'extérieur ici dans le contexte principal, cette position n'est plus une position exacte en tant que position relative, le centre de cette comp est en fait inférieur à la centre du cadre ici, et c'est quelque chose que nous devons réparer. C' est très facile à réparer à nouveau, revenons à la composition ici. Ensuite, nous pouvons simplement sélectionner toute la dernière image clé, qui est la position. Tout ce que nous avons à faire, c'est de déplacer la position y de ce cadre clé. Déplacez tout vers le haut, peut-être quelque part par là. Retourne à la vérification principale pour voir s'il est au centre. Oui, c'est ça. Ça me semble juste. Présentons ceci. Maintenant, toutes les icônes arrivent au centre. La dernière chose que je veux faire juste pour décaler les cadres clés ici pour qu'ils ne bougent pas tous en même temps. Juste pour donner un peu de hasard. Rappelez-vous la première fois que nous décalons l'animation à l'avant au début de cette comp ici, nous faisons glisser les calques au lieu d'une image clé. Mais maintenant, si je fais glisser les calques à nouveau, cela va affecter les images clés devant lui. C' est pourquoi nous utilisons uniquement des images clés pour modifier l'échelonnement de l'animation ici. Juste [inaudible] ils traînent toutes ces images clés pour les décaler. Prévisualisons cette animation. Oui, quelque chose comme ça, et maintenant j'ai besoin d'un cercle sortir du centre. Allons à ce rectangle ici aussi, puis cliquez sur l'outil Ellipse. Maintenant, nous pouvons dessiner un cercle juste à partir du point central ici. Utilisez le bouton de la souris pour faire glisser un cercle, puis maintenez la touche Maj pour contraindre à un cercle parfait. Maintenez la commande pour dessiner à partir du centre du cercle, et c'est ce dont nous avons besoin. Relâchez le bouton gauche de la souris. Maintenant, nous avons une forme qui est cercle avec seulement un trait de quatre pixels. Maintenant, je veux éteindre le coup. Maintenez la touche Option du clavier. Cliquez sur le trait ici, 1, 2, 3 cliquez trois fois. Éteignez l'icône du cercle, allez ici, cliquez sur remplir, cliquez sur l'outil pipette que je veux ajouter déposer cette couleur rose ici, cliquez sur OK et puis activez l'icône des yeux. Voici un cercle que nous avons. Le cercle a commencé à partir de zéro seconde. Je dois le traîner en arrière, peut-être recommencer par ici. Je veux le cercle, appuyer sur S sur le clavier, mettre un cadre clé là-bas, puis aller de l'avant 25 images à nouveau. Maintenant, je veux que le cercle grandisse en dehors du cadre ici, gentil. Sélectionnez les deux images clés, cliquez avec le bouton droit de la souris sur l'assistant d'image clé, facilité, puis accédez à l'éditeur de graphiques. Dans ce cas, je veux vraiment que le cercle ralentisse à la fin plus, et puis je voulais grandir plus vite au début. Si je traîne la montagne comme ça va croître plus vite au début et puis s'installe lentement en place à la fin. Voyons à quoi ça ressemble maintenant. Quelque chose comme ça. Je suis bon avec ça. Mais alors j'ai besoin de dupliquer cette commande de cercle D, et le deuxième cercle va devenir la couleur du verrouillage final. Allez à mon panneau de projet. Voici quand nous avons besoin de charger dans le storyboard final, qui est le verrouillage final du logo. Double-cliquez ici. Cliquez sur cette composition de fichier Illustrator 07 ouvert. N' oubliez pas de mettre celui-ci dans la pré-composition, mettre ce dossier dans les actifs, et de faire glisser celui-ci vers le bas, ici. C' est une couleur du ciel que je veux à la fin. Le deuxième cercle doit avoir la même couleur que le ciel comme une transition. Maintenant, ce que je veux faire est juste d'éteindre la composition 07. Maintenant, vous voyez que le cercle est au-dessus du cercle rose que nous avions. Il le couvre complètement. Faites glisser celui-ci en arrière, renversez-la deux cadres. Ou trois cadres pour avoir quelque chose comme ça. Présentons ceci. Dans cette vidéo, nous avons parlé de l'anticipation. Semblable aux overshoots, c'est aussi l'un des principes de l'animation. Je vous ai également montré comment échelonner les images clés au hasard, comment dessiner un cercle et comment modifier le graphique de vitesse. Passons maintenant à la vidéo suivante. 14. Immobilisation du logo: Dans cette vidéo, je vais vous montrer comment faire l'examen du logo. Maintenant, tout ce que je veux faire est d'aller à l'intérieur de cette composition pour animer le Logo Lockup. Tout d'abord, je veux animer le Cloud. Voici un Cloud 1,2,3. Ce sont trois Nuages. Changez-le pour une couleur différente, peut-être une couleur bleue. Sélectionnez les trois. Mettez P pour la position. Mettez une image-clé là, déplacez-la à la 5ème seconde, puis nous pouvons simplement faire glisser la position de chacune légèrement pour que le Cloud se déplace. Une autre chose est que, puisque nous avons une transition ici, je ne veux pas que le Cloud apparaisse dans le cadre. Ce que je veux faire, c'est lui donner un changement de transparence, déplacer « T » pour l'opacité, poser une image clé. Peut-être le déplacer légèrement en avant quelques images, puis le changer à zéro comme début. Maintenant, nous avons le Cloud qui s'efface sur la scène. Mais j'ai l'impression que le fondu est trop lent. Donnez-lui seulement 10 cadres ici. À 10 images, l'opacité est de 100. Ensuite, animons ce logo au centre. D' abord, je dois dessiner cette barre jaune dans les effets après. Allons ici, maintenez cet outil de rectangle jusqu'à ce que vous voyez ce rectangle arrondi. Cliquez dessus. Ensuite, nous pouvons zoomer, dessiner un rectangle arrondi. Voici une erreur que j'ai faite. Puisque j'ai sélectionné ce calque, lorsque je dessine avec l'outil rectangle, c'est en fait la création d'un masque au lieu d'un calque de forme. C' est ce que je ne veux pas. Supprimez simplement le masque, puis cliquez sur le calque. Assurez-vous que rien n'est sélectionné. Ensuite, nous pouvons dessiner un calque de forme, quelque chose comme ça. Ensuite, nous pouvons aller au chemin du rectangle et ensuite nous pouvons changer la rondeur. Nous pouvons également ajuster la taille. Je veux juste m'assurer que c'est similaire au storyboard original. Maintenant, je pense que la hauteur est bonne, mais alors la largeur est plus courte que cette barre jaune. Maintenant, je vais juste décocher ce bouton de lien pour dissocier la dimension X et Y et puis je peux juste ajuster la position X et Y individuellement comme ceci. Maintenant que ma forme est presque la même que ce que nous avions auparavant, nous pouvons supprimer ce fichier Illustrator, nous n'en avons plus besoin et ensuite faire glisser ceci derrière SmartCity.io. C' est la forme que nous avons. Maintenant, je veux animer cette forme pour grandir. abord, ce que je veux faire est de mettre une image clé sur la taille du chemin du rectangle, puis peut-être aller de l'avant 10-15 images, faire glisser cette image clé sur la marque de 15e image, revenir à zéro seconde. Ensuite, je veux seulement changer la position X ici jusqu'à ce qu'il devienne un cercle parfait, comme ceci. Maintenant, si je prévois ceci, vous pouvez voir que la barre jaune est en expansion, quelque chose comme ça. Mais alors je veux ajouter quelques ajustements de courbe pour que ce ne soit pas linéaire. Accédez à l'assistant d'images clés « Easy Ease ». Je me souviens de l'autre façon que nous pouvons faire est d'ajouter un clic droit dans « Vitesse de l'image clé ». ce moment, c'est seulement 33.33. Je veux le changer à 66.66 juste pour lui donner plus d'énergie comme ça. C' est bien. Alors ce que je veux aussi changer, c'est la taille de la forme entière. Je veux que ce cercle jaune commence à partir de zéro, puis grandisse jusqu'à 100 pour cent. Comme je regarde en ce moment, il y a un point d'ancrage qui n'est pas au centre du cercle. Nous devons d'abord ajuster la position du point d'ancrage, monter ici à la plume derrière l'outil, faire glisser ce point d'ancrage au centre du cercle de sorte que lorsque nous animons la propriété d'échelle, il peut croître au centre, quelque chose comme ça. Ensuite, ajoutons une image clé à l'échelle, faites glisser l'échelle vers l'avant, puis à zéro seconde, modifions l'échelle à zéro. Maintenant, vous pouvez voir qu'il disparaît. Mais si nous avons un aperçu de ceci, vous pouvez voir tout l'animation sur. Cependant, je veux retarder l'animation de première taille. Je veux que le cercle apparaisse d'abord, puis se développe horizontalement pour devenir ce rectangle arrondi. Si je change et retarde l'image clé de taille et puis je veux aussi cliquer avec le bouton droit sur l'assistant d'image clé, Easy Ease, peut-être que je vais aussi lui donner une certaine influence. Changement de vitesse de l'image clé à 66. Présentons ceci. Quelque chose comme ça. Je suis content de ça. La prochaine chose que je veux vous montrer comment animer cette SmartCity.io ici. On peut le rendre assez simple. Animons simplement la propriété de position, appuyez sur « P » et leur clic droit séparé cotes. Maintenant, je veux séparer la dimension de la position X et Y afin que je ne puisse traiter qu'avec une, qui est la position Y. Cliquez sur la position Y. Chronomètre à une image clé. Ce sera la position finale. Je veux le faire glisser vers l'avant peut-être jusqu'au 15e cadre. Alors je peux faire glisser ça vers le bas. Initialement va commencer à partir d'ici, puis passer à la position et suivre le même processus. On peut ajouter un dépassement. ce moment, nous pouvons voir que la position Y est 540. Ça commence à 661, donc la remise des gaz, on peut la changer à 530 comme si elle bougeait trop haut et puis redescendre. Sélectionnez les trois, cliquez avec le bouton droit de la souris sur « Vitesse de l'image clé », passez à 66. Si nous restons avec le même nombre pour la vitesse, votre animation va être très cohérente et c'est comme une chose de branding. Alors que parfois, lorsque vous concevez quelque chose, vous voulez que le design soit cohérent, la palette de couleurs soit cohérente, mais maintenant nous avons affaire à l'animation. Si nous avons la plus grande partie de l'influence ou de la vitesse de l'image clé avec la même valeur, l'animation sera cohérente. C' est juste une chose à laquelle il faut penser. Présentons ceci. Quelque chose comme ça. J' aime ça. Mais ce que nous ne voulons pas, c'est que je veux seulement montrer la SmartCity.io dans la barre jaune, je ne veux pas la montrer quand elle est en dehors de la barre jaune. Dans ce cas, nous avons besoin d'un Track Matt. Laissez-moi vous montrer ce qu'est un Track Matt. Tout ce dont j'ai besoin, c'est d'un rectangle ici. Dessinons un rectangle pour couvrir la barre jaune. Alors cette couche va être notre Track Matt. Si je clique sur cette couche SmartCity.io et puis descend ici, en ce moment, ce n'est pas dans ma fonction ici. Je dois descendre et vérifier ce bouton ici. Ça va me montrer plus d'options et il y a une option Track Matt. Je veux vérifier cet Alpha Matt. Ensuite, vous pouvez voir ce calque Piste Matt disparaît. Quand je clique dessus, vous pouvez voir la bordure de la piste Matt. Fondamentalement, ce qui se passe est que nous pouvons utiliser cette couche sur le dessus pour déterminer la limite de la couche en dessous. Ce qui signifie que partout où ce calque Track Matt est visible, il a un pixel visible sur l'écran, le calque en dessous va être visible à l'écran. Si je change la position de la piste Matt, vous pouvez voir ici, une fois que je le déplace vers le haut, le rectangle est déplacé vers le haut, mais tout en dehors du rectangle est invisible. C' est comme un masque qui le couvre. Ça s'appelle une piste Matt. Dans ce cas, si je rejette la chronologie jusqu'à zéro, et vous pouvez voir ce qui se passe ici. Une fois qu'il entre, il devient visible. Quand il est en dehors de ce rectangle n'est pas visible. Cependant, je ne veux pas que ce rectangle aléatoire soit ma piste Matt. Je veux que cette barre jaune soit ma piste Matt. Tout ce que je dois faire est de recommander D, le dupliquer, mettre sur le dessus de la couche SmartCity.io, puis aller à cette couche 2, définir la couche de forme Alpha Matt 2, de sorte que le calque sur le dessus c'est Alpha Matt. Oups, tu sais pourquoi ça se montre maintenant ? Parce que ce calque quand il s'agit d'une piste Matt, il doit être désactivé, l'icône I. Normalement, lorsque vous le configurez ici, lorsque vous choisissez Alpha Matt ici va désactiver automatiquement la visibilité pour vous. Maintenant, si je prévois ça, ça va être quelque chose comme ça. Oui, c'est tout ce que je voulais faire, mais ensuite je dois décaler, peut-être retarder l'animation de la ligne du logo ici, faire glisser un peu en arrière pour que je veux que la barre jaune grandisse d'abord, puis le logo apparaisse. Quelque chose comme ça. C'est lisse et naturel. Il est temps de récapituler. Dans cette vidéo, nous avons parlé de l'utilisation de la couleur d'étiquette pour regrouper des calques et de la façon de modifier la vitesse d'image clé pour manipuler le niveau d'énergie de l'animation. Je vous ai également montré le concept de Track Matt, qui peut être appliqué dans de nombreux scénarios différents. Passons à la vidéo suivante. 15. Slogan et touches finales: Maintenant, on peut animer le slogan. Trouvons le slogan ici. C' est mon slogan. Laisse-moi juste le renommer slogan. Pour le slogan, je veux aussi seulement faire un changement de position qui est P, puis séparer les dimensions, passer à zéro seconde. Je veux toujours animer les choses comme zéro seconde, puis plus tard je peux faire glisser les calques où je veux. Maintenant, je peux cliquer sur le chronomètre ici en position Y et le faire glisser vers l'avant. Celui-ci, déplacez-le vers le bas. Puisque cette ligne est très petite, elle n'est pas très visible donc je n'ai pas à ajouter de dépassement. Si vous voulez ajouter un dépassement, vous pouvez, mais alors cela ne sera pas très perceptible. Donc, je veux juste ajouter une vitesse probablement ici pour rendre tout cohérent. La motion va être cohérente. Je veux ajouter un changement d'opacité, Shift T, faire apparaître l'opacité, peut-être de 0 à 100 comme ça. Je veux le déplacer un peu en arrière, quelque chose comme ça. C'est bien. Ça m'a l'air bien. Cependant, je veux encore faire plus. Je veux accorder plus d'attention aux détails. Dupliquons trois fois le slogan. Sélectionnez le slogan Commande D, Commande D dupliquer deux fois. Maintenant, nous avons trois exemplaires. Ensuite, je veux ajouter un masque sur ce slogan. Donc, la première ligne va être le « rester connecté ». Il suffit d'aller à l'outil rectangle, puis avec le slogan sélectionné, je peux dessiner un masque. Si je solo cette couche, c'est à ça qu'elle ressemble maintenant. Je dessine un masque qui couvre les deux premiers mots et c'est la seule chose qui va être montrée après le masque. Ensuite, pour le second, slogan 2, je peux dessiner un masque partout. Ensuite, pour le slogan 3, je peux dessiner un masque sur « tu es ». Fondamentalement, j'ai séparé le slogan en trois parties différentes et comme ils sont déjà animés, tout ce que j'ai à faire est de décaler les trois couches, décaler l'animation. Peut-être faire glisser cela un peu en arrière, quelques images, puis faites glisser celui-ci quelques images en arrière. Puis, une fois que l'animation du logo du haut est sur le point de s'installer, je veux que ce slogan apparaisse comme ça. Il suffit de le déplacer en arrière, puis de décaler les trois animations. Présentons ceci. Ouais, quelque chose comme ça. J' ai l'impression que le slogan est animé trop vite, alors sélectionnons les trois calques, appuyez sur U pour montrer toutes les images clés. Je veux qu'il soit plus lent, donc je veux sélectionner le slogan avec la touche Maj enfoncée sur le clavier, je peux sélectionner toute la position Y. Ensuite, rappelez-vous quelque chose que je vous ai montré avant avec la touche Option maintenez sur le clavier, nous pouvons faire glisser la dernière image clé pour les espacer uniformément pour donner plus de temps. Maintenant, jetons un coup d'oeil. Oui. Quelque chose comme ça. Je suis content de ça. Maintenant, ce que je veux faire est de revenir à la composition principale et maintenant je peux prévisualiser l'animation. Présentons un aperçu. C' est à ça que ça ressemble maintenant. Voici le problème, quand cette composition 07 débute, voici une coupe droite, mais comme nous avons un fond bleu dans la composition, il couvre juste toute ma transition. Donc tout ce que je dois faire est d'aller à l'intérieur de la pré-composition et ensuite peut-être en ce moment essayons éteindre l'icône de visibilité pour le fond bleu afin que cette composition soit essentiellement transparente. Retournons à la caméra principale et jetons un coup d'oeil. Cela me dérange aussi que cette couleur bleue soit différente de cette couleur bleue, je veux la changer pour les rendre identiques. Trouvons juste ce cercle ici qui est la couche de forme 4. Ensuite, allons sur le dessus remplissage, frapper sur cette pipette, changer à cette couleur bleue. Voyons à quoi ça ressemble parce que maintenant, si je le change en bleu, c'est différent du storyboard que nous avons. Ouais, je pense que ça a l'air bien. Ça a l'air mieux. Maintenant, nous avons fait toute l'animation de la vidéo explicative, revenons au début et jetons un oeil à ce que nous avons. C' est notre animation et vous avez probablement remarqué que notre animation se termine à 12 secondes. Il y a en ce moment un écart de trois secondes parce que rappelez-vous notre vidéo censé 15 secondes, mais puis normalement certains expliqueurs, ils ont généralement comme une seconde à deux secondes tenir à la fin pour leur logo, juste pour que les gens se souviennent de ce que le société est, ce que le produit qu'ils essaient de promouvoir, mais puis pour nous en ce moment, nous avons presque trois secondes d'écart, ce qui est trop. C' est quelque chose que vous devez ajuster en déplacement. Parfois, comme lorsque vous travaillez, il est préférable d'avoir un VO à gratter, disons que quelqu'un peut d'abord lire la voix off, puis si vous avez la voix off importée, vous pouvez animer en fonction du rythme de la voix off afin que vous pouvez obtenir un rythme assez précis pour l'animation, mais comme nous n'avons pas travaillé avec une voix off, nous avons simplement travaillé à notre propre rythme. Dans ce cas, lorsque nous obtenons la dernière voix, nous devrions chronométrer l'animation, la transition à nouveau vers cette voix off. C' est juste une autre solution de contournement si vous n'avez pas le VO de première main. Comme vous pouvez le voir ici, nous avons travaillé avec la pré-composition et toutes ces transitions sont assez simples, donc il est très facile de lire certaines des transitions pour faire un plus lent ou une partie de l'animation, nous pouvons toujours ajustez. Ça va peut-être vous coûter un peu plus de temps pour le finaliser, pour le rendre poli, mais vous avez l'idée. C' est la dernière vidéo pour toute l'animation. Dans cette vidéo, je vous ai montré comment appliquer le masque aux couches et aussi je partage quelques réflexions sur le rythme et la voix off. Dans la vidéo suivante, je vais vous montrer comment exporter votre animation. 16. Exportez: Maintenant, nous finissons toute l'animation, jetons un oeil. C' est notre animation Explainer de 15 secondes. Permettez-moi de vous montrer comment exporter ce fichier dans une vidéo au format MP4. abord, nous devons aller ici « Composition », puis « Ajouter à Adobe Media Encoder Queue ». Cliquez dessus. Maintenant, il va ouvrir Adobe Media Encoder. En passant, avant d'exporter, vous devez vous assurer que la plage d'aperçu est définie sur la plage que vous souhaitez exporter. Par exemple, en ce moment, notre plage est de 0 seconde tout le chemin à 15 secondes. Vous pouvez voir l'en-tête de la plage ici, il s'arrête à 15 secondes. Si vous avez un autre endroit, vous pouvez simplement utiliser votre souris pour faire glisser cet en-tête où vous voulez. Si vous faites glisser jusqu'à 14 secondes par exemple, le rendu ne sera que de 14 secondes. Si je fais glisser jusqu'à 15 secondes, ça va rendre 15 secondes. On y va. Nous avons cette animation ajoutée à la file d'attente de l'encodeur. Actuellement, mon format d'exportation d'animation est déjà défini sur H.264, ce qui est un format commun pour la vidéo MP4. Ce sera MP4 haute résolution, et c'est le plus commun. Une autre option est que vous pouvez également l'exporter en tant que Quick Time qui est un fichier ProGes. La taille du fichier va être beaucoup plus grande, mais la plupart du temps nous avons seulement besoin de ce H.264. Pour la deuxième colonne prédéfinie, il suffit de le garder tel quel, ne changez rien. Pour l'emplacement du fichier, je peux simplement le changer dans le dossier que je veux. Allez sur le bureau, puis le mettre dans le dossier créatif SmartCity Explainer appelé sortie, appuyez sur « Créer » et maintenant nous pouvons renommer celui-ci SmartCity Explainer, appuyez sur « Enregistrer ». Maintenant, on peut juste appuyer sur le bouton de lecture vert pour commencer le rendu. C' est fait. Revenons sur le bureau et visionnons notre vidéo Explainer de 15 secondes. Ouvrez-le, vous y allez. C'est ainsi que vous exportez l'animation dans une vidéo au format MP4. 17. Félicitations !: Félicitations, tu l'as fait. Maintenant, il est temps de terminer votre projet et de le partager avec moi et vos collègues étudiants. Assurez-vous de publier votre vidéo sur le panneau du projet pour obtenir des commentaires et inspirer d'autres élèves. Ce n'est pas un cours facile, mais maintenant vous l'avez fait. S' il y a quelque chose dont vous n'êtes pas clair, hésitez pas à me poser n'importe quelle question. Je suis là pour t'aider. Si vous ne vous souvenez pas de certaines des techniques dont nous avons parlé ici, vous pouvez toujours revenir la regarder à nouveau et rafraîchir vos souvenirs. J' ai aussi quelques autres cours sur les animations graphiques que vous pouvez vérifier si vous voulez apprendre plus de techniques différentes pour améliorer vos compétences. Merci beaucoup d'avoir suivi mon cours, et j'espère vous voir dans mes autres vidéos. Les applaudissements.