Animation de logos premium dans Adobe After Effects

1. Introduction à l'animation de logo: Préparez-vous à faire passer votre carrière créative au niveau supérieur grâce à l'animation de logos. Bonjour, je m'appelle Valerie. Je suis un motion designer professionnel et j'enseigne le meilleur logiciel d'animation graphique, Adobe After Effects. Après avoir partagé du contenu précieux sur les réseaux sociaux pendant des années et abandonné trois cours réussis, je suis très heureuse de vous présenter mon plus grand cours à ce jour. Dans ce cours, vous allez créer cinq types différents d' animations de logo haut de gamme et apprendre animation graphique de la manière la plus amusante et la plus efficace possible. Tout en explorant Adobe After Effects. Vous allez apprendre les étapes à suivre avant d' animer un logo Comment préparer votre logo pour l'animation, y ajouter de nouveaux graphismes, faire fonctionner avec vos vidéos et photos et bien plus encore. Vous allez commencer par des animations simples , puis passer à des animations plus compliquées. Après chaque leçon, vous aurez une tâche amusante pour mettre en pratique ce que vous avez appris. À la fin du cours, vous aurez la confiance nécessaire pour créer cinq types différents d'animations de logo. Ne vous inquiétez pas si vous êtes un débutant ou si vous débutez avec After Effects Je vais vous expliquer toutes les fonctions et tous les concepts importants d'After Effects de la manière la plus simple qui soit. Si vous voulez y aller et en savoir plus. J'ai un guide gratuit pour débutants où vous pouvez trouver des explications détaillées sur les sujets les plus importants concernant After Effects. De plus, pour vous offrir la meilleure expérience d'apprentissage possible, vous recevrez une notification claire vous indiquant quand travailler avec moi et quand vous devez simplement écouter sans toucher à l'ordinateur. Vous recevrez également questions en milieu de leçon pour vous aider à mieux mémoriser les leçons. Je vais même vous dire que vous voulez faire une pause de 10 minutes et cerise sur le gâteau le discours est prononcé par une voix off professionnelle dans un anglais très simple Même si l'anglais n'est pas votre langue maternelle comme la mienne, vous comprendrez facilement les leçons. Préparez-vous donc à vivre une expérience d'apprentissage amusante, stimulante et riche grâce à l'animation du logo. 2. Qu'est-ce que l'animation de logo: Bonjour, qu'est-ce que l'animation de logo exactement et pourquoi devriez-vous vous y intéresser ? L'animation de logo fait référence au processus qui consiste à donner vie à un logo statique grâce à graphiques animés et à des techniques d'animation. À l'aide d'animations dynamiques, nous pouvons améliorer l'impact et l'attrait visuel d'un logo. L'animation du logo peut être simple ou complexe en fonction des besoins du client, l'effet souhaité et de la complexité de la conception du logo. Voici quelques raisons pour lesquelles apprendre à créer animation de logo peut être bénéfique pour vous et votre client. En proposant des services d'animation de logos, les concepteurs peuvent fournir un service plus complet et plus précieux à leurs clients. Une plus grande satisfaction des clients et des salaires plus élevés. De plus, une animation de logo bien conçue peut contribuer à améliorer l' image d'une marque et à créer une identité visuelle mémorable et engageante Cela peut contribuer à accroître la notoriété de la marque et à fidéliser les clients en général. Savoir créer des animations de logo sympas peut aider les créatifs comme vous se démarquer de la foule, améliorer vos compétences techniques et à rendre vos clients très heureux Très bien, ça suffit de parler. Commençons. 3. Installation d'Adobe After Effects: Salut. Avant de nous plonger dans l'animation des logos et des After Effects, n' oubliez pas de télécharger le dossier principal du cours avec tout le matériel nécessaire De cette façon, tu pourras me suivre tout au long des leçons. Parlons maintenant de la configuration d'Adobe After Effects. Il s'agit d'un programme créé par Adobe, la société qui crée certaines des plateformes les plus intéressantes pour les créateurs Si vous n'avez pas encore d' abonnement Adobe, ne vous inquiétez pas. Consultez le fichier PDF et le dossier principal pour obtenir un lien vers une version d'essai gratuite. Inscrivez-vous à la version d'essai et rendez-vous dans la section des applications pour installer After Effects. Après avoir installé After Effects, accédez aux applications d' illustration et installez également Adobe Illustrator. Nous parlerons bientôt de ce logiciel et des raisons pour lesquelles nous en avons besoin pour l'animation de logos. Maintenant, si vous avez déjà un abonnement Adobe, il vous suffit de vous connecter à votre compte sur le site Web ou sur la version de bureau, de vous rendre dans la section des applications et d'installer After Effects à partir de là. Lors de l'installation du logiciel, veillez à inclure le cinéma à brancher, car nous allons l'utiliser dans le cours. Assurez-vous également d'installer Illustrator, si ce n'est pas déjà fait. 4. Logo #1 - Animer un logo pour une marque de vêtements de sport: Salut tout le monde Dans cette leçon, nous allons créer une animation de logo super cool pour Athena, une marque de vêtements de sport pour femmes maquillés Nous allons créer cinq scènes animées différentes , puis les relier entre elles. Il y a beaucoup de choses à aborder, alors ne perdons pas de temps et passons directement au but. 5. Introduction d'Adobe After Effects: Bonjour et bienvenue à notre première leçon. Lorsque nous travaillons sur un projet After Effects, nous devons travailler de manière très organisée pour éviter que des problèmes ne se reproduisent à l'avenir. La meilleure façon de travailler sur un projet d'animation est de créer des dossiers organisés sur notre ordinateur. Trouvez un endroit approprié sur votre ordinateur où vous souhaitez créer le dossier principal du cours. Génial. Maintenant, après avoir trouvé un bon emplacement, créez un nouveau dossier. Nous appellerons ce dossier D I M, underscore logo animation. Si vous utilisez Windows, vous pouvez écrire, cliquer sur le dossier et sélectionner Épingler deux. Accès rapide. Cela facilitera l'accès à ce dossier à l'avenir. Entrons maintenant dans le dossier que nous venons créer et créons quatre autres sous-dossiers Le premier est celui où nous allons enregistrer tous nos fichiers After Effects. Le second concerne les rendus ou les échantillons. Dans ce dossier, nous conserverons tous les rendus et les tests du projet Nous devons maintenant créer deux autres dossiers. L'un d'eux s'appelle Assets, lequel nous stockerons tous les actifs graphiques liés à ce projet. Le second est l'IA, où nous conserverons tous les fichiers Adobe Illustrator. Dans notre cas, il s'agit des logos conçus pour ce projet. Comme j'ai déjà préparé les dossiers pour ce cours, au lieu de créer ces dossiers, allons dans le dossier principal du cours que vous avez téléchargé auprès de moi. Ouvrez-le et copiez ces deux dossiers à partir de là. À présent, collez-les dans le dossier que nous venons de créer. Maintenant, installons les polices que nous utiliserons dans ce cours. Pour cela, ouvrez le dossier des actifs. Ne vous inquiétez pas si vous voyez plus de fichiers ici que dans l' enregistrement de la leçon en ce moment. Je les ajouterai plus tard. Pour l'instant, il suffit d'ouvrir le dossier des polices. Je vais vous montrer comment installer des polices pour les utilisateurs de Windows et de Mac. Commençons par cette police appelée Montserrat. Ouvrez le dossier et accédez au dossier statique pour les utilisateurs de Windows. Sélectionnez tous les fichiers, cliquez avec le bouton droit de la souris, puis sur Afficher plus d'options. Si vous ne voyez pas toutes les actions et choisissez installer pour tous les utilisateurs ou installer. Cette police est déjà installée sur mon ordinateur, je ne la réinstallerai donc pas pour les utilisateurs de Mac avec le Finder sélectionné. Cliquez sur Go. Cliquez maintenant sur Accéder au dossier et tapez cette ligne. Appuyez ensuite sur Entrée. Cela vous amènera au dossier des polices installé sur votre système. Maintenant, copiez toutes les polices du du cours vers le dossier des polices du système. OK. Retournons maintenant dans le dossier des polices et installons une autre police appelée Ezra Une fois dans le dossier, entrez dans le dossier OTF et sélectionnez tous les fichiers. Cliquez avec le bouton droit de la souris et choisissez Installer pour tous les utilisateurs ou Installer. La dernière police que vous utiliserez dans ce cours s'appelle belly, et elle n'est disponible que sur le site Web des polices d'Adobe. Allons-y et installons-le. Vous trouverez le lien vers la police dans la description de cette vidéo. Si vous n'avez pas d'abonnement à Adobe Fonts, c'est très bien. Je vous indiquerai quelle police utiliser à la place plus tard dans ce cours. Ne vous inquiétez pas, vous n'êtes pas obligé d'installer cette police pour le moment. Pour ceux qui ont un abonnement Adobe, assurez-vous d'abord de vous connecter, puis de cliquer sur une famille et de cliquer sur OK. Bien, après avoir installé toutes les polices, retournons dans le dossier principal et ouvrons le dossier AI. C'est ici que nous trouverons tous nos designs de logos dans les fichiers Illustrator. Commençons par le premier logo. Ouvrons-le pour voir comment il est créé dans Illustrator. Maintenant, pour que tout le monde puisse voir plus facilement la même disposition des panneaux, accédez à Windows, puis à Workspace, puis sélectionnez Automatisation. Génial, c'est donc un logo que j'ai conçu spécialement pour le cours. Imaginons que ce logo soit destiné à une entreprise de vêtements de sport pour femmes Comme vous pouvez le constater, ce logo est composé de plusieurs couches. Nous avons ce triangle, une couche d'arrière-plan, une majuscule A et les lettres du nom du logo chacune séparée dans sa propre couche, ce qui nous sera très utile dans la partie animation. Chaque fois que vous créez un logo, il est préférable d' essayer de le créer de cette façon en séparant toutes les lettres. Bien, une fois que nous avons vu le design du logo, il est très important de planifier l'animation que nous souhaitons créer. Pour ce faire, nous pouvons esquisser un plan de développement rapide pour l'animation. C'est-à-dire, créez un court storyboard afin de voir à quoi devrait ressembler le storyboard Naviguons vers le dossier des ressources et saisissons les idées pour le dossier des animations du logo. Ouvrez maintenant le storyboard de ce logo et examinons le croquis que j'ai fait pour celui-ci faire une esquisse avant d'animer Il est très important de faire une esquisse avant d'animer un logo et d'appliquer des effets secondaires Il vous aide à voir et à planifier la conception globale et le mouvement de l'animation du logo. De cette façon, vous pouvez décider du moment, du mouvement et de la conception globale de l'animation du logo. Cela permet également à votre client de voir le résultat final. Et apportez des modifications avant de commencer à animer. Cela peut vous faire économiser du temps et des efforts à long terme. Dans notre cas, je pense qu'ajouter la silhouette d'Athéna issue de la mythologie grecque serait une bonne idée pour notre marque de vêtements de sport pour femmes Elle représente les valeurs de l'émancipation des femmes et pourrait symboliser la raison d'être de notre marque Par conséquent, je veux que la silhouette du guerrier soit la première chose de la scène, suivie du nom de la marque. D'accord, j'espère que vous comprenez quoi devrait ressembler un storyboard. Il n'est pas nécessaire de le dessiner au plus haut niveau de détail. Il suffit de présenter votre idée sous forme d'esquisse avant de passer à la phase d'animation. Une fois que vous êtes satisfait la planification et que le client a approuvé l'esquisse, il est temps de commencer la phase d'animation. J'espère que tu es prête car cette leçon va être géniale. Fermons le storyboard et ouvrons After Effects ensemble. Le premier écran que vous verrez est la fenêtre d'accueil. Vous pouvez ouvrir un projet After Effects récent sur lequel vous avez travaillé ou en créer un nouveau. Mais laissez-moi vous montrer la manière la plus courante de démarrer un nouveau projet. Fermons cette fenêtre pour le moment. Maintenant, pour que nous voyions tous les mêmes panneaux, posez-les. Cliquez sur Par défaut ici. Maintenant, comme dans tout programme d'édition, nous devons ouvrir un nouveau fichier pour ce faire. Dans After Effects, nous devons créer une nouvelle composition. Cliquons sur Nouvelle composition et définissons les paramètres de notre première composition. Il est important de noter que nous pouvons facilement modifier tous ces paramètres à n'importe quel stade de l'animation dans le futur. Bien, donc la première chose à faire est de lui donner un nom. Appelons notre première composition logo Animation. Un. Génial. La prochaine chose que nous devons faire est de définir les dimensions de notre première composition. Il s'agit des dimensions de la largeur et de la hauteur de la composition que nous créons, qui seront les dimensions de la vidéo finale. À la fin, différents cas nécessitent des résolutions différentes. Comme le montrent les exemples. Un flux Instagram normal exigeait que les publications aient largeur de 1080 pixels sur une hauteur de 1080 pixels. Mais le nouveau flux nécessite une hauteur de 1 350 pixels. Pour les stories, les bobines et les vidéos Tiktok, la taille doit être de 1080 pixels de largeur et de 1920 pixels Pour les vidéos Youtube, il est préférable d'utiliser une résolution de 1080 pixels en hauteur et 1920 pixels en largeur, qui est un format Full HD. Si vous souhaitez réaliser une vidéo en 4K, vous devez utiliser une résolution Full HD multipliée par deux. Cette fois, nous travaillerons au format Full HD, d'une largeur de 1 920 pixels et d'une hauteur de 1080 pixels Ensuite, nous allons choisir le nombre d'images pour notre animation. Quelle est la fréquence d'images dans le monde de la vidéo et de l'animation ? fréquence d'images fait référence au nombre d'images ou d'images individuelles affichées par seconde pour créer une illusion de mouvement. La fréquence d'images est mesurée en images par seconde, FPS. Plus la fréquence d'images est élevée, plus le mouvement est fluide. La plupart des vidéos et des films utilisent une fréquence d'images de 24, 25 ou 30 images par seconde. Mais si vous souhaitez créer une animation pour une application ou un site Web, il est préférable de travailler sur 60 images par seconde. Lorsque vous travaillez avec un logiciel de montage vidéo tel qu'After Effects, vous avez la possibilité choisir la fréquence d'images pour votre projet. Il est important de noter que la fréquence d'images peut affecter la taille du fichier final. De plus, des fréquences d'images plus élevées nécessitent plus d'espace de stockage et de puissance, ce qui peut ralentir votre flux de travail. Dans notre cas, nous allons le fixer à 30. Nous allons maintenant choisir la durée de notre composition. Les premiers chiffres représentent le nombre d'heures. Le second concerne les minutes. Celui-ci est pour quelques secondes. Le dernier concerne les cadres solitaires. 30 secondes suffiront. Cette fois, nous pouvons supprimer le dernier cadre. Enfin, choisissons la couleur de fond de la composition. Réglons-le pour qu'il soit noir. Pour terminer, cliquez sur OK, ici et ici. Excellent travail. Vous venez de créer votre première composition. Maintenant, je veux parler rapidement de l'interface du programme. Et faites-vous visiter les panneaux afin que vous puissiez avoir une bonne idée du fonctionnement de ce programme. Il peut sembler qu'il y a beaucoup de boutons et de fonctions, mais ne vous inquiétez pas, je vais tout expliquer de manière à ne pas vous faire tourner la tête. OK, donc tout d'abord, ce sont les panneaux actifs et le logiciel. Commençons par parler de cette zone appelée le panneau de projet. Dans ce panneau, nous allons importer toutes les ressources que nous utiliserons dans ce projet, telles que des images, des fichiers audio, des vidéos, etc. Passons maintenant au panneau Couches, où nous faisons glisser les actifs depuis le panneau des projets. Vous pouvez également créer de nouvelles couches telles que des formes de base, du texte, des calques, des effets, etc. Passons maintenant au panneau situé à côté du panneau des calques appelé panneau de composition. Ce panneau nous montre chronologie dans laquelle nous naviguons à l'aide de l'indicateur de temps. Ici, nous avons la possibilité de déplacer les couches à temps pour les planifier entre elles. Nous verrons également ici les images-clés que nous créerons ultérieurement pour nos couches, ces images-clés qui font bouger nos couches Tout ce que nous faisons dans ces deux panneaux sera affiché dans le panneau d'aperçu. C'est ici que nous verrons à quoi ressembleront nos couches pour le spectateur. Ces trois panneaux fonctionnent tous ensemble. Ensuite, nous avons le panneau de barre d'outils principal. Le panneau de barre d'outils principal d'After Effects est un ensemble d'outils et de fonctions utilisés pour créer, modifier et gérer les éléments visuels de votre projet. Il inclut des outils pour sélectionner, déplacer, transformer, dessiner des formes, créer du texte, etc. Très bien, parlons maintenant du dernier panneau connu sous le nom de zone Workflow. Cette section contient diverses fonctions et panneaux pour nous aider à travailler sur le projet. Nous pouvons accéder à une fenêtre pour afficher la liste des effets, choisir la police que nous voulons utiliser et de nombreux autres utilitaires utiles. Génial. Maintenant que vous savez comment utiliser les panneaux, je voudrais prendre quelques notes importantes. Et je vous donne quelques conseils importants à garder à l'esprit lorsque vous travaillez avec After Effects. Si vous voyez l' écran d'aperçu comme celui-ci, ne vous inquiétez pas, c'est probablement parce que la touche majuscules est activée. Il suffit de l'éteindre et tout devrait revenir à la normale. Ensuite, lorsque vous travaillez sur un projet, dans After Effects, assurez-vous changer la langue de votre ordinateur en anglais. Ainsi, tous les raccourcis que nous utilisons fonctionneront correctement. Si vous ne voyez pas la couleur d'arrière-plan, il vous suffit de cliquer ici. Si vous voyez les chiffres ici différemment des miens, assurez-vous de faire un zoom arrière sur le panneau de chronologie. Vous pouvez maintenant passer votre souris ici, maintenir la touche Ctrl ou la touche Commande enfoncée, puis cliquer sur les chiffres ici. Ces chiffres représentent la durée de notre chronologie de composition. Nous pouvons le voir en images ou en quelques secondes. Ensuite, si vous voyez l'écran d'aperçu plus petit ou plus grand que le mien, il vous suffit de cliquer ici et de sélectionner Ajuster. Enfin, cliquez ici et modifiez la qualité de l'aperçu ici pour qu'elle soit complète. Très bien, apportons maintenant quelques modifications aux préférences du logiciel pour rendre notre flux de travail plus fluide Il suffit de passer à Modifier puis à Préférences. Utilisateurs de Mac, vous pouvez accéder aux préférences de cette façon. Bien, maintenant, cliquons sur Général et commençons à ajuster les préférences du logiciel. Maintenant, réglez tous les paramètres comme je l'ai fait. Vous pouvez suspendre la vidéo si vous avez besoin plus de temps et continuer lorsque vous avez terminé. Pour l'instant, je passe à la colonne suivante, à la grille et aux guides. Modifiez vos paramètres pour qu'ils correspondent aux miens. Très bien, passons à la section de sauvegarde automatique. Dans la section de sauvegarde automatique, nous pouvons choisir à quelle fréquence le logiciel doit enregistrer automatiquement notre projet En gros, cette fonctionnalité enregistre automatiquement votre travail. À certains intervalles, vous ne perdez aucune progression. Si le programme plante ou si quelque chose de fou se produit, je l'ai généralement configuré pour enregistrer toutes les 5 minutes, mais vous pouvez choisir le délai qui vous convient Ensuite, dans la section mémoire et performances, nous pouvons vérifier la quantité de RAM de notre ordinateur. Il peut être 16, 32 ou même plus de 61. Si vous souhaitez qu'After Effects s'exécute plus rapidement, vous pouvez lui donner plus de mémoire et utiliser le reste pour d'autres tâches, comme surfer sur le Web ou exécuter d'autres programmes. Pour ce faire, vous devez retirer de la mémoire de votre ordinateur. Si vous avez 16 gigaoctets, vous pouvez changer ce nombre à six, voire quatre L'idée principale ici est de réduire la puissance que vous donnez aux autres applications, et ainsi de permettre à After Effects d'utiliser le reste de la puissance de votre ordinateur. Très bien, passez à autre chose, assurez-vous que tous les paramètres sont identiques aux miens. Enfin, passons à Script et expressions et sélectionnons tout ce qui est sélectionné dans mes paramètres. Il est important de noter qu'il n'est pas nécessaire de modifier ces paramètres à chaque fois avant de démarrer un nouveau projet. Une fois que nous les avons définis une fois, il n'est pas nécessaire d'y retourner. OK, donc après avoir créé la première composition et défini les paramètres du logiciel, nous devons enregistrer le projet et lui donner un nom. Passons à Fichier et cliquez sur Enregistrer. Trouvons maintenant le dossier que nous avons créé plus tôt pour la leçon. Accédez au dossier AE et nommez le fichier After Effects sur lequel nous travaillons. Il est important de comprendre que nous nommons maintenant le fichier After Effects. Auparavant, nous avions donné un nom notre première composition et non à ce projet. Nous donnons maintenant un nom à notre fichier de projet. Vous pouvez le nommer de la même manière que la composition principale et ajouter un trait de soulignement, puis écrire le nom du logo Dans notre cas, c'est Athéna. Une fois cela fait, enregistrez-le et notre projet aura désormais un nom ainsi qu'un nom. Nous avons également activé la fonction de sauvegarde automatique dont nous avons parlé plus tôt. Cela signifie qu' After Effects enregistre désormais le projet automatiquement toutes les quelques minutes. Bien, il est maintenant temps d'importer notre logo dans le projet. Nous pouvons le faire de deux manières. Localisez le logo sur l'ordinateur et faites glisser le fichier du logo AI manuellement dans le panneau du projet comme ça. Une autre façon de le faire est de double-cliquer sur la zone vide du panneau du projet. Après cela, il ne nous reste plus qu'à trouver le dossier que nous avons créé pour le cours. Ensuite, localisez le dossier AI et sélectionnez le premier logo. Enfin, veillez à ne pas cliquer sur cette fonction puis sur Importer. Maintenant, une petite fenêtre apparaît nous demandant comment nous voulons importer ce fichier sous forme de composition ou de métrage Voyons quelles sont les différences entre les deux. Pour l'instant, s'il te plaît, ne le fais pas avec moi en ce moment. Je voudrais d'abord vous expliquer les différences entre ces deux options. Ne vous inquiétez pas, nous le ferons complètement sous peu. Voyons d'abord quelles options sont disponibles lorsque nous choisissons de l' importer sous forme de métrage. Je vais choisir l'option Fusionner les couches et cliquer sur OK pour voir ce qu'elle fait. Nous pouvons maintenant voir le logo et le panneau du projet comme une seule couche. Si nous faisons glisser ce logo vers notre composition, nous le verrons comme une seule couche avec toutes ses sous-couches collées ensemble. Il sera donc impossible d' animer le logo et toutes les couches à partir desquelles il est créé pour annuler mon action J'appuierai plusieurs fois sur la touche Ctrl. Je vais maintenant réimporter le fichier. Cette fois, je vais cliquer sur Choisir une couche. De là, je peux sélectionner une couche spécifique dans le fichier Illustrator. Tous les noms que nous voyons ici sont les noms des couches du fichier Illustrator d'origine. Mais dans notre cas, je n'utiliserai pas cette option car je n'ai pas besoin de choisir une couche spécifique. Dans notre cas, je veux intégrer toutes les couches lorsqu'elles sont divisées en couches distinctes. Pour cela, je dois sélectionner la composition ici. En d'autres termes, After Effects importera ce fichier sous forme de calques distincts dans une composition distincte. Il existe également deux options dans ce processus. Commençons par comprendre ce que signifie importer les couches en tant que taille de document. Je vais cliquer sur OK. Et comme vous pouvez le constater, une nouvelle composition sera créée et un nouveau dossier apparaîtra avec tous les calques du fichier Illustrator. Maintenant, lorsque je saisis la composition du logo, je vois que le logo est divisé en couches exactement comme dans le fichier Illustrator. Le triangle et les lettres d'arrière-plan sont tous des couches différentes. Voyons maintenant ce que cela signifie pour nous lorsque nous choisissons la taille du document. Pour vous aider à mieux comprendre cela, je vais masquer temporairement la couche d'arrière-plan et le fond transparent. Je vais sélectionner la couche triangulaire et masquer également les autres couches. Faites maintenant attention aux limites de cette couche. Même si l'objet de cette couche est assez petit, la proportion ou la taille de cette couche est importante. En fait, ils sont de la taille du document original de l' illustrateur. En d'autres termes, la taille du document. Il en va de même pour cette couche. Les limites de cette couche sont plus grandes, malgré la petite lettre. Travailler avec des calques de taille de document n'est pas très confortable car il sera difficile d'animer les calques ultérieurement Passons maintenant à la deuxième option pour importer le fichier en tant que composition et voyons si ce sera une meilleure option pour nous. Mais avant cela, je vais supprimer le dossier et la composition créés précédemment. Je vais les sélectionner, appuyer sur la touche retour arrière et cliquer sur Supprimer Maintenant, je veux que vous le fassiez avec moi pour intégrer le design du logo à notre projet. Cliquons ici deux fois. Sélectionnez le premier fichier de logo, assurez-vous qu'il n'est pas surligné, puis cliquez sur Importer. Sélectionnez maintenant Composition. Et cette fois, choisissons Layers, Size Together, puis cliquez sur OK. Une fois de plus, un dossier est créé avec toutes les couches du logo et une nouvelle composition. Cliquons deux fois dessus pour le saisir. Ici, nous voyons le design du logo, encore une fois, comme avant. Mais cette fois, si nous sélectionnons la couche triangulaire, nous verrons que les limites de cette couche sont ajustées à la taille de l'objet sur cette couche. en va de même pour la lettre A. Il nous sera beaucoup plus facile d'animer ces couches maintenant, lorsque leur taille correspond à celle de l'objet Bien, revenons maintenant à notre composition principale à partir d' ici et continuons notre leçon sur la création de notre première animation de logo. Très bien, cette animation de logo est donc composée de cinq parties ou scènes animées. La première partie est l'animation de la silhouette du personnage à l'intérieur du triangle. La seconde est l'animation de la lettre à l'intérieur du triangle. La troisième concerne le lien et transition entre ces deux animations. La quatrième partie est l' animation des lettres. Enfin, dans la cinquième partie, nous allons créer l'animation d' outro Bien, commençons par travailler sur l'animation de la silhouette dans le triangle et nous en parlerons dans la prochaine partie de cette leçon Ça va être génial. Alors on se voit là-bas. 6. Importation de nouveaux actifs graphiques dans le projet: Bon retour. Comme vous pouvez le constater en ce moment, notre espace de travail est vide et nous ne pouvons rien voir sur l'écran de prévisualisation. Pour voir quelque chose sur l'écran d'aperçu et commencer à créer notre première scène, nous pouvons soit créer une couche nous-mêmes soit importer un élément graphique depuis le panneau de projet. Ouvrons le dossier des couches de logo et glisser la couche triangulaire dans notre composition comme ceci. Nous pouvons également copier une couche spécifique d'une autre composition et coller dans la composition principale. Supprimons cette couche. Et fais-le. Sélectionnez-le et appuyez sur le retour arrière ou sur la touche Supprimer pour le supprimer Revenons maintenant à la composition du logo. Sélectionnez la couche triangulaire dans le panneau d'aperçu ou dans le panneau des couches. Appuyez sur la touche C pour le copier et revenir à notre composition principale. Appuyez maintenant sur la touche de contrôle V pour coller le calque. Découvrons maintenant les outils importants et les paramètres de base des calques dans After Effects. Vous pouvez fermer ce dossier pour le moment. Très bien, commençons par apprendre à centrer cette couche dans la composition. Pour cela, nous devons trouver où se trouve le centre de la scène. Dans ce cas, nous pouvons utiliser les grilles d'After Effects, que nous pouvons trouver ici Dans notre cas, nous devons utiliser une grille appelée Title Action Safe. Mais au lieu de sélectionner cette grille à partir d'ici, faisons-le avec un raccourci. Comme nous utilisons beaucoup cette grille, il peut être ennuyeux de venir ici à chaque fois et de sélectionner manuellement cette grille. OK, donc le raccourci pour cette grille est la touche apostrophe Cliquons sur le panneau d'aperçu et appuyons sur la touche apostrophe Nous pouvons maintenant voir où se trouve le centre de la composition. Nous pouvons maintenant déplacer cette couche manuellement en cliquant dessus et en la faisant glisser vers l' emplacement souhaité dans la composition Ou nous pouvons ouvrir les propriétés transformées de cette couche et modifier certains paramètres pour les différentes propriétés que nous pouvons voir ici. Il s'agit de propriétés de base on retrouve dans chaque couche et dans chaque After Effects. Pour déplacer cette couche, nous pouvons modifier la valeur de la propriété position. En faisant glisser les valeurs sur les côtés. Ainsi, nous pouvons déplacer la couche vers la gauche et vers la droite. À partir de là, on peut le déplacer vers le haut ou vers le bas. Ensuite, grâce à la propriété scale, nous pouvons agrandir ou réduire la couche. Nous pouvons également définir une valeur spécifique pour cela, cliquez sur la valeur et écrivez 100. Appuyez ensuite sur Entrée. À partir de là, nous pouvons faire pivoter la couche en modifiant les degrés de la propriété de rotation. Je vais le remettre à zéro. Grâce à l'opacité, nous pouvons contrôler la transparence de la couche. Je voudrais maintenant parler d'une propriété appelée Anchor Point. Le point d'ancrage représenté par la petite croix au milieu de la couche. Je vais zoomer pour que nous puissions mieux le voir. Comprenons maintenant son rôle. Je vais fermer le zoom. Faites maintenant attention à la rotation de cette couche. Lorsque je modifie la valeur de la propriété de rotation, la couche pivote autour de son centre Il pivote de cette façon car le point d'ancrage se trouve ici Je vais maintenant sélectionner l'outil Anchor Point et le déplacer dans ce coin. Maintenant, la couche pivote différemment. Il pivote en fonction de son point d'ancrage. En gros, le point d'ancrage est ce qui détermine la façon dont la couche se déplace en réponse à certaines actions. Bien, annulons les modifications en appuyant plusieurs fois sur le contrôle Z pour ramener la couche à son état d'origine, puis remettons la rotation à zéro. Et n'oubliez pas de revenir à l'outil de sélection. Une fois que vous avez terminé d'utiliser l'outil de point d'ancrage, nous allons maintenant apprendre à centrer le calque dans la composition à l' aide de l'outil d'alignement. Que nous pouvons trouver ici. Si vous ne le voyez pas ici, vous le trouverez dans le menu Fenêtre. Bien, pour centrer cette couche, il faut cliquer ici et ici. Disons maintenant que nous devons agrandir ce triangle. Pour ce faire, accédons à la propriété scale et changeons la valeur en 200. Et voilà, le triangle est un peu plus grand. Fermons maintenant la couche pour le moment. Maintenant, zoomons un peu pour le voir de plus près. Vous pouvez le faire à l'aide de la molette de la souris ou en appuyant sur les touches, comme vous le voyez maintenant à l'écran. Bien, maintenant que nous observons le triangle de près, nous remarquons que sa qualité n'est pas nette. En d'autres termes, il est pixelisé. Éteignons le fond transparent pour le voir un peu mieux. Je vais maintenant expliquer comment nous pouvons améliorer l'apparence de cette couche pour obtenir une qualité maximale. Comme vous le savez déjà, cette couche a été créée dans Illustrator, un logiciel vectoriel. Cela signifie que peu importe à quel point nous agrandissons cette couche, elle conservera sa qualité maximale et ne sera pas pixelisée Pour conserver ces informations dans After Effects, nous pouvons appliquer la fonction de réduction, qui se trouve ici. Si vous ne le trouvez pas, vous pouvez cliquer ici pour afficher les fonctions des couches supplémentaires. OK, activons la fonction de réduction. Voilà. Le triangle est net et net. Profitons maintenant de cette opportunité pour apprendre à naviguer dans l'écran précédent tout en travaillant avec le zoom comme nous le faisons actuellement. Maintenant, pour déplacer l'écran, nous devons maintenir la barre d'espace enfoncée et déplacer l'écran dans la direction que nous voulons. Ou nous pouvons utiliser le clic central de la souris pour ceux qui ont pour remettre l' écran de prévisualisation à la normale. Nous pouvons cliquer ici et sélectionner Ajuster. Pour rappel, nous sommes toujours en train de créer la première partie animée de l'animation du logo. Dans cette partie, nous allons montrer le personnage à l'intérieur du triangle. Il convient de noter que la silhouette de la combattante ne fait pas partie du logo original. Parfois, l'inclusion d'éléments de conception qui ne sont pas présents dans le logo original peut nous aider à mieux raconter le concept de l'entreprise. Néanmoins, il est essentiel de discuter de ces idées avec le client avant de les mettre en œuvre s'assurer qu' il est d'accord avec vos idées. Très bien, voyons maintenant comment ajouter ce personnage cool à notre projet. Tout d'abord, ouvrons le dossier Assets. N'oubliez pas que notre projet est très organisé, alors assurez-vous de suivre la même structure pour éviter tout mal de tête par la suite. Allons dans le dossier Assets et trouvons le dossier Pick gratuit. Un site Web sympa où vous pouvez obtenir des tonnes de ressources graphiques gratuitement. J'ai nommé ce dossier free Pick, afin que je puisse me rappeler d'où j'ai obtenu l'actif. Vous trouverez ici toutes les ressources j'ai téléchargées à partir de ce site Web. Nous voulons ouvrir le dossier Silhouette. C'est généralement ce que vous obtenez lorsque vous téléchargez des ressources graphiques sur le Web. Avant d'importer la ressource graphique dans notre projet, nous devons la préparer pour l'animation. Laissez-moi vous montrer comment faire. Cliquez avec le bouton droit sur le fichier EPS et ouvrez-le avec Adobe Illustrator. Si cette fenêtre contextuelle s'affiche, cliquez simplement sur Oui. Le fichier contient des couches supplémentaires la silhouette dont nous n'avons pas besoin pour notre projet After Effects. Il est donc essentiel de préparer ce fichier avant l'animation. Sélectionnez d'abord le calque inutile et appuyez sur la touche retour arrière pour le supprimer Supprimez ensuite la petite lettre à. Maintenant, agrandissons le personnage. Lorsque vous le sélectionnez, vous verrez une autre couche sur fond blanc. Je peux voir qu'il y a une couche supplémentaire derrière la silhouette. Parce que je vois de grandes couches, des bordures qui ne correspondent pas à la taille de la silhouette. Par conséquent, je sais qu' il y a une couche derrière la silhouette dont je n'ai pas besoin pour mon animation. Sélectionnez-le et cliquez sur l'icône de la corbeille pour le supprimer. Cliquez sur Oui pour confirmer la suppression. Maintenant, sélectionnons à nouveau la silhouette et agrandissons-la tout en maintenant touches de commande Shift enfoncées pour qu'elle s'agrandisse symétriquement Génial. Maintenant, centrons-le à l'aide de l'outil Aligner. Cliquez ici et ici. Maintenant que nous nous sommes débarrassés de toutes les couches inutiles et que nous avons agrandi la figure, nous pouvons l'enregistrer dans un nouveau fichier Illustrator. Ouvrons le menu Fichier et cliquez sur Enregistrer sous. Maintenant, choisissez de l' enregistrer sur votre ordinateur. Enregistrons-le dans le même dossier que ce fichier. Si vous n'êtes pas sûr, vous pouvez retourner dans le dossier gratuit Pick et accéder au dossier Silhouette. Assurez-vous que nous l'avons enregistré en tant que fichier Illustrator. Ensuite, changez le nom en Athens Silhouette. Enfin, cliquez sur Enregistrer. Et d'accord. Réduisons maintenant cette fenêtre et intégrons le nouveau fichier Illustrator que nous avons créé dans After Effects. À présent, nous allons choisir comment importer ce fichier dans notre projet After Effects. N'oubliez pas que ce fichier Illustrator ne contient qu'une seule question de couche. Lorsque nous voulons importer un fichier Illustrator dans le projet et qu'il ne comporte qu'une seule couche, quelle option devons-nous choisir ? Dans ce cas, nous pouvons choisir de l' importer sous forme de métrage, puis nous pouvons choisir de l' importer sous forme de couches fusionnées car nous n'avons qu'une seule couche. Dans ce fichier, nous pouvons voir le fichier Illustrator dans le panneau du projet. Faisons glisser ce fichier vers notre composition. Placez-le au-dessus de la couche triangulaire. Comme vous pouvez le constater, cette couche est assez grande. Réduisons-le à l'aide de la propriété scale pour ne voir que la propriété scale de cette couche. Nous pouvons le sélectionner et appuyer sur la touche Skey. Maintenant, cliquons sur la valeur et essayons de trouver la bonne taille. Peut-être 50 ou 20. Déplaçons ensuite cette couche au centre de la composition pour voir si elle est de la bonne taille. Je pense que nous pouvons la réduire et la régler sur. Laissez-la comme ça pour le moment et passons à autre chose, car nous savons que cette couche a besoin d'une animation à l'échelle. Plus tard, nous ajusterons le point d'ancrage de cette couche en fonction de la position à partir de laquelle la couche va croître, c'est-à-dire le centre du corps du personnage. Actuellement, il pousse à partir des déchets. Comme le point d'ancrage se trouve ici, nous devons le déplacer ici. Pour ce faire, sélectionnons l' outil de point d'ancrage et déplaçons-le ici. Une fois cela fait, revenons à l'outil de sélection et vérifions comment la balance se comporte maintenant. OK, je pense que c'est bon. Ramenons-le à 15, fermons le calque et appuyons moins sur le raccourci. Pour enregistrer tout ce que nous avons fait jusqu'à présent avant de continuer. Super, maintenant rétablissons le fond transparent. Nous pouvons également appliquer un collapsus à cette couche pour préserver sa qualité maximale. Voyons maintenant comment rendre le personnage transparent dans les limites du triangle. Pour ce faire, nous devons utiliser une fonctionnalité After Effects appelée track mats. Pour voir cette fonctionnalité, nous devons cliquer ici, et elle est là. Si vous ne pouvez pas le voir complètement, vous pouvez agrandir légèrement cette zone en faisant glisser la petite ligne ici Je vais zoomer pour vous montrer la ligne que vous devez déplacer. Je parle de celui-ci. Faites-le glisser sur les côtés comme ça. Bien, qu'est-ce que la fonction Trackmat dans Adobe After Effects ? tapis de piste sont une fonctionnalité utilisée pour contrôler la visibilité d'une couche en fonction du contenu d'une autre couche Il existe deux fonctions principales de Mattis que nous pouvons utiliser, Alpha et Luma L'alpha mat est une technique dans laquelle vous utilisez la transparence d'un calque pour contrôler ce qui apparaît sur le calque situé au-dessus. Il est souvent utilisé lorsque vous souhaitez créer des effets sympas comme révéler une image à travers la forme d'autres éléments. alumamt est une technique qui utilise la luminosité ou informations lumineuses de la couche de mat pour contrôler la visibilité de la couche qui la recouvre Les zones les plus claires de la couche de mat révèlent le contenu situé au-dessus, tandis que les zones les plus sombres le masquent. Les valeurs d'échelle de gris situées entre les deux créent différents niveaux de transparence. Le luma matte est souvent utilisé pour les effets basés sur la luminosité d'une image Ils permettent d'isoler et de révéler certaines parties d'une vidéo en fonction leur niveau de luminosité et peuvent être utilisés pour créer une piste d'effets artistiques. Matt est un sujet fascinant à explorer. Si vous souhaitez en savoir plus sur eux et profiter de leçons intéressantes, vous pouvez regarder le cours gratuit que j'ai mentionné dans la vidéo d'ouverture. Vous trouverez le lien vers le cours et sa description ci-dessous ou dans le fichier PDF dans le dossier principal du cours que vous avez téléchargé auprès de moi. Bien, revenons à notre projet pour rendre le caractère transparent dans les limites du triangle, nous devons utiliser la fonction alpha mat. Pour cela, nous devons faire glisser le trac mattis, fouet de la couche triangulaire vers la couche de De cette façon, nous transformons la couche triangulaire en couche alpha du personnage. Le triangle utilise maintenant la forme de la couche de silhouette comme masque. Il ne nous reste plus qu'à créer la couche triangulaire, utiliser la couche silhouette comme forme découpée. Pour cela, cliquez ici pour inverser l'alpha. Voilà. Nous pouvons maintenant voir le caractère transparent à l'intérieur du triangle. Maintenant, nous avons fini de concevoir la scène pour la première partie de l'animation. Passons maintenant à la partie suivante. Commencez à animer cette scène. On se voit là-bas. Mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 7. Cadres clés et animation: Hey, bon retour. Nous allons maintenant apprendre à créer une animation dans After Effects. La première chose que nous devons animer est la silhouette qui passe de la plus grande à la plus petite Pour ce faire, nous devons animer la propriété scale Sélectionnons la couche et procédons pour l'afficher. Mais ne faites rien pour l'instant. Écoutez simplement ce que je suis en train d'expliquer. Ne vous inquiétez pas, nous le ferons ensemble dans une seconde. Supposons que je souhaite que la couche reste la même taille au début de l'animation, c' est-à-dire à 0 seconde. Ensuite, au quatrième numéro, je veux que la couche soit redimensionnée à une taille plus grande. OK, voyons ce que nous avons. Comme vous pouvez le constater, rien ne s'est passé. Nous n'avons créé aucune animation. Je vais appuyer sur la touche Z pour annuler mes actions. Rien ne s'est passé car je n'ai pas indiqué à After Effects de quelle taille la couche devait croître. Afin de signaler à After Effects la modification que je souhaite apporter à cette couche, je dois créer des images-clés. Les images-clés sont des marqueurs utilisés dans After Effects pour indiquer les modifications que nous voulons appliquer à une couche à un moment donné. En créant des images clés, nous pouvons demander à After Effects faire passer la couche d' un état à un autre à différents moments Essentiellement, les images clés nous permettent de créer des animations dans After Effects. Voyons comment créer des images-clés. Tout d'abord, je vais placer l'indicateur de temps au début de la chronologie. C'est jusqu'au deuxième chiffre zéro. Maintenant tu peux le faire avec moi. Décidons qu'à ce stade, au deuxième chiffre zéro, cette couche doit être très grande. Modifions la valeur de l'échelle jusqu'à ce que nous obtenions la taille dont nous avons besoin. Déplaçons la couche ici, car nous voulons qu'elle entre dans la scène par la tête du personnage. Redimensionnons maintenant un peu plus la couche. Encore une fois, déplaçons-le un peu vers le bas pour voir ce que nous faisons. Nous pouvons activer cette couche. Pour l'instant, nous devons agrandir et positionner cette couche jusqu'à ce que la tête de la figure apparaisse pour couvrir tout le triangle. S'il ne couvre pas tout le triangle, nous en verrons des parties. Et ce n'est pas ce que nous voulons. Par conséquent, continuons à redimensionner la couche et à la déplacer jusqu'à obtenir le résultat souhaité. Écrivons simplement 130 ici. Je pense que c'est assez grand. Déplacez la couche ici pour qu'elle recouvre la forme du triangle. Éteignons-le et vérifions-nous que nous ne voyons pas le triangle. Oui, ça a l'air bien. Nous devons maintenant signaler à After Effects que la couche doit apparaître et rester telle qu'elle est en ce moment. Pour cela, nous devons créer la première image-clé à ce stade. Pour créer la première image clé, nous pouvons cliquer sur le chronomètre de la propriété de l'échelle Passons maintenant au deuxième numéro deux. Pourquoi exactement le deuxième numéro deux ? Sans aucune raison particulière. Tout simplement parce que j'ai décidé que la durée de cette animation serait de 2 secondes. Nous pouvons le modifier plus tard quand nous le voulons. OK, rapprochons-nous un peu plus de notre chronologie à partir d'ici. Passons maintenant ici pour voir la deuxième place , l'indicateur de temps. Et maintenant, changeons les valeurs de la couche jusqu'à ce qu'elle le soit. Comme vous pouvez le constater, dès que nous modifiions les valeurs d'échelle, une nouvelle image clé était automatiquement créée pour nous, ce qui est formidable. Mais le fait est que la couche se réduit, mais pas dans la bonne direction dont nous avons besoin. La raison en est qu'il réduit sa taille en fonction de la position des points d'ancrage. Permettez-moi d'activer la couche pour le moment afin que nous puissions voir ce que nous faisons dans cette situation. Nous devons animer la position de cette couche en même temps que l'animation à l'échelle Cela signifie que nous devons également créer des images-clés pour la propriété position. Revenons au début de l'animation. C'est le deuxième chiffre zéro. Sélectionnez maintenant la couche et appuyez sur Shift pour ouvrir la propriété de position ainsi que l'échelle. Comme nous maîtrisons bien la position de la couche à ce stade, nous pouvons créer la première image clé à ce stade pour qu'elle reste ainsi. Déplaçons maintenant l'indicateur de temps vers le deuxième chiffre deux tout en maintenant la touche Shift enfoncée. De cette façon, l' indicateur de temps s' accrochera aux images clés du périmètre de l'échelle. Déplaçons maintenant la couche ici, faisons-la glisser vers le haut et déplacons-la légèrement sur le côté. À présent, réduisons encore la taille de la couche. Entrez 15 pour l'échelle. Ajustons ensuite à nouveau la position. Maintenant qu'elle devient plus petite, la couche se déplace également au bon endroit pour voir à quoi elle ressemble. Placez l'indicateur de temps au début de la chronologie et appuyez sur la touche Espace Super, vous venez de créer votre première animation. Réglons l'écran de prévisualisation pour qu'il s'adapte à l'animation et poursuivons. Passons au deuxième chiffre quatre et réglons cette couche pour retrouve la position et la taille qu'elle avait au début. Pour cela, il suffit de sélectionner ces deux images-clés. Copiez-les à l'aide du raccourci C et appuyez sur le contrôle V pour les coller. Ils respecteront la position de l'indicateur de temps. Très bien, voyons ce que nous avons. Nous pouvons désactiver cette couche pour que l'effet alpha fasse son effet. Voyons ensuite l'animation que nous avons réalisée. Encore une fois, si vous appuyez sur la barre d'espace, mais que rien ne se passe, passez à Preview. Pour modifier les paramètres ici, nous devons cliquer sur le panneau Calques. After Effects peut savoir à quelle composition vous faites référence. Si vous ne voyez pas le panneau d'aperçu, vous pouvez le trouver dans la fenêtre. Très bien, sélectionnons le panneau des calques et modifions certains paramètres d'aperçu. Ouvrez d'abord la liste des raccourcis et sélectionnez la barre d'espace. Assurez-vous également de sélectionner le reste des paramètres comme je l'ai fait. Très bien, passons à autre chose. Maintenant, je souhaite également créer une animation à l'échelle pour le triangle. Je veux qu'à ce stade, dans 2 secondes, le triangle ait la même taille qu'il est actuellement. Attendons-nous à 2 secondes avec l'indicateur de temps. Sélectionnez ensuite la couche et appuyez pour voir la propriété d'échelle de cette couche. Créons maintenant des images-clés avec la valeur actuelle. Une fois cela fait, passons au deuxième chiffre zéro et changeons la valeur en zéro. Passons ensuite au deuxième chiffre quatre et réglons également le triangle pour qu'il soit de taille zéro. Nous avons maintenant une animation un peu plus intéressante. Quand la silhouette devient petite et que le triangle devient grand. Voyons à quoi cela ressemble dans l'ensemble. Comme vous pouvez le constater, le mouvement de ces couches est un peu ennuyeux. Tout bouge à la même vitesse. C'est parce que nos images-clés sont actuellement des images-clés linéaires. Pour rendre ces images clés un peu plus intéressantes, nous devons les convertir d' images clés linéaires en images clés. *** est un type d'interpolation d' images clés qui vous permet d'obtenir des mouvements fluides et naturels Lorsque vous appliquez*** à une image clé, cela ajoute une accélération et une accélération progressives à l'animation, rendant ainsi plus naturelle. Pour convertir les images clés, nous devons sélectionner toutes les images clés. Cliquez avec le bouton droit sur l'un d'entre eux. Accédez à Keyframe Assistant et choisissez ASees, ou utilisez le raccourci très populaire, 9 touches F pour les utilisateurs Mac Vous devez maintenir la touche FN enfoncée et appuyer sur F neuf. Cette fois, il suffit de cliquer dessus. Et comme vous pouvez le constater, nos cadres principaux ont changé de forme. Voyons à quoi ça ressemble maintenant. Ça a déjà l'air mieux. Et nous pouvons le faire bouger encore mieux en ajustant l'assouplissement. Je vais expliquer ce que je veux dire dans After Effects. Les images-clés sont des moments où vous définissez une valeur spécifique pour une propriété dans votre animation. Les images clés linéaires créent un changement constant et cohérent d'une image clé à l'autre. Cela signifie que l' animation se déplace à une vitesse constante sans accélération ni décélération D'autre part, ces images-clés accélèrent et accélèrent l'animation, rendant ainsi plus naturelle et visuellement attrayante Pour contrôler la vitesse de l'animation, nous pouvons utiliser l'éditeur de graphes de vitesse. éditeur de graphes de vitesse est un outil qui vous permet de visualiser et de contrôler la vitesse de votre animation. Il affiche la vitesse d' une propriété d'animation au fil du temps en ajustant les poignées dans l'éditeur de graphes. Vous contrôlez l'accélération ou la décélération de la facilité d'animation et créez un démarrage lent Alors qu'un assouplissement entraîne une fin lente. La facilité et la sortie combinent les deux pour créer une accélération et une décélération fluides Maintenant, je veux que vous payiez pour influencer les pourcentages ici. Imaginez chaque manche comme une paire de mains influençant le mouvement. Le fait de placer les poignées plus près l'image clé augmente leur influence, accélérant ainsi le changement. Si vous les éloignez, vous diminuez leur influence, ce qui ralentit le changement. Mais modifier l'influence de l'animation à l'aide l'éditeur de graphes et en déplaçant les poignées peut prendre trop de temps. Par conséquent, je souhaite vous montrer un moyen plus rapide de modifier l' influence de l'animation. Nous pouvons le faire en utilisant le panneau de vélocité des images clés. Le panneau de vélocité des images clés d'After Effects fournit une représentation numérique de la vélocité et de l'influence de vos images clés. Le panneau affiche des valeurs distinctes pour les vitesses d'entrée et de sortie Les pourcentages d'influence que nous indiquons ici sont ceux que nous avons vus précédemment dans le graphique de vitesse Si nous voulons créer une animation agréable qui facilite l' entrée et la sortie, comme nous l'avons fait précédemment, en utilisant les poignées de l'éditeur de graphes, nous pouvons modifier l'influence de l'animation d'entrée et de sortie à 85. L'éditeur de graphes de vitesse ressemblera à ça. Cela signifie que l'animation démarrera lentement. Ensuite, au deuxième numéro, il augmentera sa vitesse, puis ralentira. chose la plus importante à retenir est que nous n'avons pas modifié la durée de l'animation. L'animation dure 2 secondes, comme au début. Nous avons simplement modifié le timing entre les images clés en ajustant leur influence. C'est un processus d' essais et d'erreurs. N'hésitez donc pas à jouer avec différents paramètres pour voir comment ils affectent votre animation. Comme nous avons déjà converti nos images clés de linéaires en images clés, nous pouvons désormais modifier l'influence de ces images clés pour obtenir un mouvement beaucoup plus intéressant. Pour ce faire, nous devons d'abord sélectionner les images-clés que nous voulons modifier. Il est important de se rappeler que nous ne pouvons pas modifier simultanément tous les cadres clés des différents types de propriétés. Nous devons modifier les cadres clés pour chaque type de propriété séparément. Comme vous pouvez le voir dans ces deux couches, nous avons des cadres clés pour la propriété d'échelle. Comme il s'agit du même type de propriété, nous pouvons sélectionner ces images-clés dans les deux couches et les modifier ensemble. Nous allons sélectionner toutes les images clés qui appartiennent au paramètre d' échelle. Maintenez maintenant la touche Alt enfoncée et cliquez deux fois sur l'une des images clés. Nous pouvons maintenant voir le panneau de vélocité des images-clés pour la propriété scale Réglons la vélocité de ces images-clés à 85 % au début de l'image clé et à 85 % à la fin Cliquez ensuite sur OK. Faisons maintenant la même chose pour la propriété position. Nous pouvons sélectionner les images clés à partir d' ici ou sélectionner la propriété dans la couche. De cette façon, nous allons sélectionner tous les cadres clés que nous avons pour cette propriété. Maintenez maintenant la touche Alp enfoncée et cliquez deux fois sur l'une des images-clés. Nous pouvons maintenant voir le panneau de vélocité de l' image clé pour la propriété position. Modifions également la vélocité de ces images-clés à 85 % Cliquez sur OK, voyons à quoi cela ressemble. Maintenant, le mouvement des couches est beaucoup plus intéressant. Une fois que nous avons fini d'animer la première partie, nous pouvons regrouper ces deux calques, comme nous le faisons dans Photoshop ou Illustrator, mais dans After Effects, nous parlons de précomposition La précomposition est une technique utilisée pour regrouper des couches et les traiter comme une seule L'un des principaux avantages de la précomposition de couches est qu'elle vous permet de garder votre chronologie organisée et facile à gérer C'est assez facile à faire, suffit de sélectionner les deux couches et cliquer avec le bouton droit de la souris et de choisir précomposer, ou d'appuyer sur Control Shift C sur votre clavier Essayons ça. Appuyons ensemble sur Ctrl Shift C. Appelons maintenant cette composition une animation d'icônes. Assurez-vous que les deux options sont sélectionnées, puis cliquez sur OK. Nous pouvons maintenant voir la composition que nous avons créée dans le panneau de composition et également dans le panneau de projet. Pour participer à cette pré-composition, double-cliquez dessus. Et il y a deux couches que nous avons animées il y a une minute. Bien, revenons à notre composition principale et désactivons cette pré-composition pour le moment afin que nous puissions nous concentrer sur la création de la deuxième partie de cette animation de logo Nous allons créer une animation similaire mais avec la lettre A au lieu de la silhouette. Pour ce faire, passons à la composition du design du logo. Sélectionnez la lettre A. Maintenez la touche Shift enfoncée et sélectionnez également le triangle. Appuyez maintenant sur la touche C pour copier ces couches. Ensuite, revenez à la composition principale et appuyez sur le contrôle V pour les coller. Il est possible que la lettre A ne soit pas visible après avoir collé les couches Cela peut être dû au fait que la couche est collée sous la couche triangulaire. Il vous suffit de déplacer la couche A au-dessus de la couche triangulaire pour qu'elle devienne visible. Maintenant, sélectionnons ces deux couches et centrons-les dans la composition. Cependant, cette fois, nous n' utiliserons pas l'outil d'alignement. Nous allons utiliser un raccourci sympa pour accéder à la page d'accueil. Agrandissons maintenant ces couches Appuyez sur S pour voir la propriété d'échelle des couches. Et changez la valeur en 200, comme nous l'avons fait avec le triangle plus tôt. Cliquez maintenant ici pour voir la fonction de réduction et appliquons-la à ces deux couches afin qu'elles soient de la meilleure qualité possible. Nous pouvons désactiver l'arrière-plan pour voir ce que nous faisons un peu mieux. Fermons maintenant les couches et commençons à animer la lettre A. Start. Déplace la lettre ici. Vous pouvez le faire à l'aide des touches fléchées de votre clavier. Cliquez ensuite ici pour voir la fonction Track Matt. Et faites glisser le fouet du triangle sur la couche de lettres pour l'utiliser comme alpha Ensuite, cliquez ici pour inverser l'alpha mat afin que le triangle utilise la couche de lettres comme forme découpée Génial, maintenant animons cette scène. Nous allons commencer par créer une animation d'échelle pour la lettre A, sélectionner et appuyer sur S pour voir la propriété d'échelle. Nous savons donc que la lettre doit avoir la taille qu'elle a maintenant plus tard dans l' animation. Nous pouvons atteindre le deuxième chiffre et créer la première image clé avec la valeur actuelle qui est maintenant. Passons maintenant au début de la chronologie et redimensionnons la couche de lettres jusqu'à 500. Nous pouvons faire glisser la valeur manuellement ou simplement entrer 500 ici. Voyons à quoi ça ressemble. Animons maintenant cette couche triangulaire comme nous avons animé la première précédemment en utilisant la propriété scale Sélectionnez la couche et appuyez sur. Mais cette fois, pour créer une animation un peu plus intéressante, nous pouvons choisir l'outil de point d'ancrage et déplacer le point d'ancrage du triangle vers le bas. Maintenons la touche Ctrl enfoncée tout en déplaçant le point d'ancrage. De cette façon, il arrivera à ce point. Une fois cela fait, revenons maintenant à l'outil de sélection. Lorsque nous animons le triangle, il grandit et se rétrécit par rapport à son point d'ancrage OK, appuyez sur la touche Z. Passons au deuxième chiffre deux, car nous savons qu' à ce stade, le triangle devrait avoir la même taille qu'il est actuellement C'est pourquoi nous allons créer ici une image-clé avec la valeur actuelle Passons maintenant au début de la chronologie et mettons l'échelle à zéro. Voyons à quoi ça ressemble. Nous pouvons maintenant améliorer encore notre animation en convertissant les images clés en ***. Sélectionnons les images clés et appuyons sur F neuf. Maintenant, modifions également la vélocité de ces images clés comme nous l'avons fait auparavant, car toutes les images clés appartiennent à la même propriété, nous pouvons le faire pour toutes en même temps. Maintenons la touche Alt double-cliquez sur l'une des images clés, réglez-la sur 85, puis cliquez. OK, voyons ça encore une fois. Ça a l'air génial. Maintenant, après avoir terminé l' animation de ces couches, mettons-les en pré-composition. Nous allons utiliser la commande de raccourci, Shift C. Cette fois, nous appellerons cela une animation. Assurez-vous que les deux options sont cochées et cliquez sur OK. Combinons maintenant les deux pré-compositions que nous avons créées. Activez la première partie animée, et trouvons le bon moment pour commencer la seconde. Nous pouvons désactiver cette préconfiguration pour le moment afin de nous concentrer sur la recherche du moment idéal OK, ça semble être le bon moment, allons-y. Maintenant, activez cette pré-composition et déplacez-la vers la position de l' indicateur de temps Déplacez maintenant l' indicateur de temps d' avant en arrière pour vous assurer que les deux parties se mélangent bien. Continuons de le faire jusqu'à ce que nous trouvions le bon moment. Très bien, je pense que nous devrions commencer l'animation des lettres à partir du deuxième chiffre deux. Voyons à quoi cela ressemble ensemble. Oui, ça a l'air super. Voyons ça encore une fois. Génial. Appuyons sur la touche S pour enregistrer le projet avant de passer à la partie suivante et de commencer à animer la troisième scène, qui est l'animation du reste des lettres du logo Ça va être génial. Alors rendez-vous dans la prochaine partie. 8. Effet de texte révélateur: Bon retour. Commençons par animer la troisième scène. Passons d'abord au début de la chronologie et désactivons ces deux couches. Entrez maintenant la composition du logo et copiez les couches des lettres. À partir de là, sélectionnez le premier calque, maintenez la touche Shift et sélectionnez ce calque. Appuyez maintenant sur la touche C pour les copier. Retournez ensuite à la composition principale et appuyez sur la touche V pour coller les couches. Déplaçons maintenant les couches au centre de la scène. On peut zoomer un peu. Vous pouvez désactiver l'arrière-plan pour que nous puissions voir ce que nous faisons. La couleur noire est trop foncée dans ce cas. Changeons cela. Pour modifier la couleur de fond de l'écran d'aperçu, nous devons accéder aux paramètres de cette composition. Pour ce faire, nous allons utiliser le raccourci K. Maintenant que nous voyons les paramètres de notre composition principale, appelée animation du logo One, nous pouvons voir les modifications que nous sommes en train de faire. Assurez-vous de cocher la case d' aperçu ci-dessous. Maintenant, cliquons ici et changeons la couleur en gris. Choisissez un gris plus clair, pour que nous puissions voir les lettres. Une fois terminé, cliquez sur OK, ici et ici. Maintenant, nous allons apprendre à animer ces lettres. Commençons par la première lettre, t. Désactivons les autres couches pour nous concentrer uniquement sur la lettre. Maintenant, pour créer l'effet d'exposition de la lettre, nous devons commencer par créer un masque pour la couche en forme de lettre. Nous pouvons y parvenir en sélectionnant l' outil stylo et en créant le masque de haut en bas dans la direction dans laquelle nous voulons qu'il soit révélé. Cette étape est cruciale, car elle déterminera la direction de l' exposition de la lettre par la suite. Pour commencer, assurez-vous que la couche est sélectionnée. Créez maintenant un point en haut de la lettre, suivi de points en cours de route jusqu'à ce que vous atteigniez le bas pour arrondir les coins. Cliquez et maintenez sur l'outil Pen pour ouvrir son menu et sélectionnez l'outil Vertex Vous pouvez également maintenir la touche Alt enfoncée et cliquer une fois sur le point pour arrondir le coin. Une fois terminé, ajustez les poignées pour créer une courbe lisse. Créez ensuite un autre masque pour le reste de la lettre. Commencez par créer le premier point ici. Maintenez maintenant la touche Shift enfoncée pour rectifier la ligne. Et créez le deuxième point en cliquant à la fin du segment. Ensuite, nous devons appliquer un effet de trait sur cette couche. Ouvrons le panneau Effets et paramètres prédéfinis. Si vous ne voyez pas ce panneau, vous le trouverez sous Windows. Recherchez maintenant l'effet de trait. Cet effet nous aidera à créer la révélation de la lettre, sélectionner l'effet de trait et à la faire glisser sur notre calque. Maintenant, si nous ouvrons les paramètres du chemin, vous remarquerez que l' effet détecte deux masques sur cette couche et que nous devons l' appliquer aux deux. Pour ce faire, cliquez sur tous les masques. Ensuite, augmentez la taille du pinceau jusqu'à ce que la lettre ne soit plus visible. Réglez la dureté du pinceau à 100 % Maintenant, nous pouvons animer la propriété de fin pour créer l'animation de révélation Pour obtenir l'effet de révélation, nous devons remplacer le style de peinture par le calque d'origine. Lorsque vous modifiez ce paramètre, la lettre sera révélée. Très bien, alors maintenant animons-le. abord, vérifions-nous que nous sommes au début de la chronologie et créons le premier cadre clé pour la propriété avec une valeur de zéro. Pour voir l'image clé que nous avons créée pour l'effet, nous devons sélectionner le calque et appuyer sur vous. Ça y est. Nous voyons les images-clés de la propriété appartenant à l'effet appelé stroke. C'est exactement ce que nous voyons ici. OK, passons maintenant au deuxième chiffre deux et changeons la valeur à 100 %. Super, voyons ce que nous avons. Vous remarquerez peut-être que certaines parties se chevauchent, d' où les deux formes qui apparaissent mal. Pour résoudre ce problème, nous devons ajuster le paramètre qui contrôle l'épaisseur du trait. De plus, nous pouvons également animer cette propriété. Mettons-le à deux. Passez maintenant au début de la chronologie et créez la première image clé avec la valeur actuelle. Pour afficher l'image clé que nous avons créée, appuyez sur U. Passez maintenant au deuxième chiffre deux et ajustez la valeur jusqu'à ce que la lettre entière soit visible Une valeur de dix devrait fonctionner. Voyons à quoi ça ressemble. Améliorons maintenant l'animation. Nous pouvons le faire en convertissant les images clés en As. La première chose à faire est de sélectionner toutes les images clés et d'appuyer sur F neuf pour les transformer en images. Ensuite, nous modifierons la vélocité de la propriété. Cliquons deux fois dessus tout en maintenant la touche Alt enfoncée. Modifiez-le en 85, 85 et appuyez sur. OK, voyons ça encore une fois. Génial, et avec ça, nous avons fini d'animer la première lettre Passons à la suivante en répétant les mêmes actions. Commençons par créer un masque. Sélectionnez l'outil stylo, choisissez le calque approprié et commencez à créer le masque. Je veux que cette lettre paraisse dans cette direction. Je vais donc commencer à créer le masque à partir d'ici. Créez un point ici et un point là. Maintenant, pour créer un nouveau masque sur le même calque, cliquez d'abord sur ce calque , puis commencez à créer un nouveau masque. Créez le premier point ici, le second ici, un autre ici, puis ici, le dernier ici. Enfin, pour arrondir les coins, maintenez la touche Alt enfoncée et cliquez sur les points que vous souhaitez arrondir, puis ajustez les poignées pour obtenir une belle courbe. Nous n'avons pas besoin d'arrondir celui-ci, nous pouvons arrondir ce point et l'ajuster un peu. Vous pouvez maintenir la touche Shift enfoncée tout en déplaçant les poignées pour obtenir un alignement droit. OK, donc le masque est prêt. Et maintenant, au lieu de recréer l'effet de trait, nous pouvons simplement le copier depuis cette couche Sélectionnons-le maintenant. Nous allons sélectionner l' effet à partir d'ici. Appuyez sur la touche Ctrl C. Ensuite, sélectionnez cette couche, assurez-vous que nous sommes au début de la chronologie. Et appuyez sur la touche de contrôle V pour coller l'effet. Une fois terminé, appuyez sur vous pour voir les images clés de l'effet. En gros, nous n'avons même pas besoin de créer de nouvelles images clés pour obtenir l'effet. Voyons à quoi cela ressemble, et maintenant fermons cette couche et activons la lettre suivante. Encore une fois, choisissez l' outil stylo et créez un masque. N'oubliez pas que le premier point que vous allez créer affectera l'animation révélatrice. Si je le veux, la lettre commencera à se révéler. À partir de cette zone, je vais commencer à créer le masque à partir de là. Maintenant, arrondissons les angles. Copiez ensuite l'effet du calque précédent et collez-le sur la troisième lettre. N'oubliez pas de revenir au début de la chronologie avant de passer l'effet. Je trouve que ça a l'air bien. Allumons maintenant la lettre suivante et répétons les mêmes actions. Petit rappel pour créer un nouveau masque pour cette partie de la lettre Cliquons une fois sur le calque et continuons à créer le deuxième masque. N'oubliez pas d' arrondir les angles. OK, et maintenant sélectionnons à nouveau cette couche et appuyons sur la touche Ctrl V pour y coller le défaut copié. Enfin, faisons-le pour la dernière lettre. Je veux révéler la lettre d'ici. Je vais commencer par créer le premier point du masque ici. Maintenant, pour créer le deuxième masque pour la deuxième partie de la lettre, je vais cliquer sur le calque et commencer à créer le deuxième masque. Maintenant, arrondissons les angles. Je vais déplacer un peu ce point ici. Nous pouvons également arrondir ce point et celui-ci également. Sélectionnez maintenant le calque et appuyez sur la touche Ctrl V pour y coller également l'effet. Je vois que je n'ai pas contourné les virages ici. Faisons-le maintenant. Nous pouvons également arrondir ce point. Je vais déplacer un peu ce point ici . C'est suffisant. Voyons à quoi ça ressemble. Excellente. Appuyons sur la touche S pour enregistrer le projet, puis nous pouvons régler l' aperçu comme il convient. Et revenez à l'outil de sélection. Maintenant, sélectionnons toutes les couches et ajoutons-leur une animation à l'échelle. Passons au deuxième numéro deux. Maintenant, pour créer une animation d'échelle, nous devons ouvrir la propriété scale. Appuyons sur S pour voir l'échelle de toutes les couches sélectionnées. Nous allons créer des images-clés à ce stade avec la valeur actuelle. Passons au début de la chronologie et changeons la valeur à zéro. Je veux que les lettres se déplacent vers la gauche après l'animation de mise à l'échelle. Je sais qu'au deuxième numéro deux, je veux que les lettres restent là où elles se trouvent actuellement. Par conséquent, appuyons sur P et créons les premières images clés avec la valeur actuelle. Passons maintenant au deuxième chiffre quatre et déplaçons les lettres vers la gauche à l'aide de la flèche gauche du clavier. Maintenez la touche Shift enfoncée pour déplacer les lettres par paliers plus importants Génial. Ensuite, agrandissons ce panneau. Maintenant, sélectionnons toutes les images clés et appuyons sur la touche F 9 pour les rendre plus faciles. Maintenez ensuite la touche Alt enfoncée et double-cliquez sur l'une des images clés pour accéder au panneau de vélocité. Modifiez-le en 85, 85 et appuyez sur. OK. Faisons maintenant la même chose pour l'animation à l'échelle. Appuyons sur S pour voir la propriété d'échelle. Sélectionnez toutes les images-clés et appuyez sur F neuf. Maintenez maintenant la touche Ob enfoncée, double-cliquez sur l'une d'elles et changez-la également en 85. Juste un petit rappel, si vous voulez voir toutes les images clés des couches, appuyez sur la touche Ukey Mais nous n'avons pas vraiment besoin de voir ces images clés pour le moment pour les masquer. Nous devons appuyer à nouveau sur la touche Ukey. Très bien, voyons ce que nous avons fait jusqu'à présent. Excellent travail. Nous pouvons maintenant imbriquer toutes ces couches dans une seule pré-composition. Assurons-nous de sélectionner toutes les couches de lettres. Puis appuyez sur Ctrl Shift C. Nous pouvons appeler ce texte pré-composé Animation Génial. Commençons maintenant à chronométrer les trois scènes animées que nous avons créées jusqu'à présent. Nous le ferons dans la prochaine partie, alors à bientôt. 9. Ajuster l'animation: Bon retour. Commençons par chronométrer et synchroniser toutes les scènes d'animation que nous avons créées. Déplaçons d'abord cette couche dans le temps pour l'intégrer aux autres animations que nous avons créées. Activons les autres couches pour voir ce que nous faisons. Allumons le fond transparent. Comme vous pouvez le voir, nous devons synchroniser l'animation de la lettre A avec celle des autres lettres. Mais avant cela, je voudrais vous montrer comment organiser les compositions que nous avons dans la scène. Je vais te montrer ce que je veux dire. Tout d'abord, désactivons cette pré-composition pour le moment. Parlons maintenant cette composition que nous avons dans la scène. Et découvrez comment nous pouvons redimensionner la dimension de cette pré-composition Parce qu'à l'heure actuelle, si je déplace la précomposition ici, nous pouvons voir que les limites de cette pré-composition sont les mêmes que la taille de notre composition principale En d'autres termes, nous avons beaucoup d' espace vide dont nous n'avons pas vraiment besoin. Je ne veux pas qu'il soit si grand. Cela signifie que nous devons recadrer l'espace inutile dont nous disposons dans cette pré-composition. Pour ce faire, nous devons le saisir. Comme vous pouvez le constater, nous avons ici tout cet espace vide et inutile. Pour s'en débarrasser, nous devons accéder aux paramètres de cette composition. Pour cela, appuyez sur le raccourci K. Maintenant, nous pouvons voir les paramètres de cette composition. Nous pouvons maintenant diminuer sa largeur. Essayons de trouver une bonne taille pour la largeur. Réglons-le sur 600. Nous pouvons également réduire sa hauteur. Réglons-le également sur 600. Une fois terminé, cliquez sur OK. Revenons maintenant à notre composition principale. Et nous pouvons constater que les limites de cette composition sont désormais plus petites. Maintenant, faisons de même pour cette précomposition. La première chose à faire est donc d'entrer dans la précomposition. Appuyez maintenant sur la touche K et modifiez également les dimensions en 600 x 600. Appuyez sur OK et revenez à la composition principale. Animons maintenant la lettre a et synchronisons-la avec l' animation des lettres Mais commençons par animer la taille de cette précomposition. À quatre secondes, lorsque la lettre est complètement intégrée, appuyons sur S et créons la première image K avec la valeur actuelle quatre secondes, lorsque la lettre est complètement intégrée, lorsque la lettre est complètement intégrée appuyons sur S et créons la première image K avec la Passons maintenant à la barre des six secondes et réduisons-la à 50. Ensuite, sélectionnons toutes les images clés et appuyons sur neuf pour les atténuer. Maintenez ensuite la touche Alt enfoncée. Double-cliquez sur l'une des images clés et modifiez la vélocité à 85 x 85. Génial. La prochaine chose que nous devons faire est de trouver le bon moment dans la chronologie pour démarrer l'animation des autres lettres. Activons cette pré-composition. Maintenant, je vois que nous devons animer la position de la lettre avant la composition pour qu'elle corresponde à la position des Mais avant cela, nous pouvons ajuster la taille du texte avant la composition car il contient beaucoup d'espace vide Nous allons le faire comme nous l'avons fait avec les autres pré-compositions. Faisons-le rapidement. Allons-y d'abord. Nous pouvons fermer les couches. Très bien, maintenant appuyez sur la touche K modifier les dimensions en fonction de l'animation qui se déroule ici. Je pense que 1 200 de largeur devraient convenir à la hauteur. On peut en essayer 600, peut-être 300, c'est mieux. Appuyez sur OK et revenez à la composition principale. Passons maintenant au moment où les lettres terminent leur animation pour voir leur position finale. Nous devons maintenant ajuster la précomposition du texte et la lettre indiquant la position du préflic, car pour le moment, elles ne sont pas centrées dans la scène et cela Passons à la huitième section où le texte termine son animation. Essayons maintenant de lui trouver une bonne place dans la scène. Tu peux le baisser un peu. Maintenant, adaptons l'animation de la lettre A à la position des autres lettres. Lorsque la lettre A termine l'animation à l'échelle six secondes, créons une animation pour la propriété position et déplacons-la vers la gauche Appuyez sur P pour voir la propriété position. Nous allons maintenant créer une image-clé avec la valeur actuelle, car jusqu'à présent, nous voulons que cette précomposition reste là où elle se trouve actuellement Passons maintenant au deuxième chiffre huit et déplacons-le vers la gauche tout en maintenant la touche Shift enfoncée. Positionnons-le ici. Nous allons déplacer cette pré-composition ici, manière à ce que toute cette scène soit au centre de la composition Nous pouvons déplacer cette pré-composition un peu vers la droite. Une fois terminé, sélectionnez toutes les images clés et appuyez sur F neuf. Maintenez ensuite la touche Alt enfoncée et double-cliquez sur l'une des images clés pour faire passer la vélocité à 85 x 85. Comme vous pouvez le voir, les lettres apparaissent actuellement au-dessus de la lettre A. Cela signifie que les lettres sont là où elles sont censées être à la fin, mais elles n'étaient pas dans la meilleure position de départ. Saisissons le texte avant la composition et ajustons sa position initiale pour voir la position des cadres clés de toutes les couches dont nous avons besoin pour les sélectionner. Appuyez sur. Ensuite, pour modifier les images-clés de départ, il faut être juste sur elles avec l'indicateur de temps. Sinon, si nous déplaçons les lettres sans nous tenir debout dessus, l'animation sera perturbée Puisque nous allons créer de nouvelles images-clés, il est très important de choisir les bonnes images lorsque nous les modifierons. Pour ce faire, nous pouvons maintenir la touche Shift enfoncée tout en déplaçant l'indicateur de temps. De cette façon, il s'accrochera à l'image-clé la plus proche. OK, changeons maintenant la position des lettres dans ces images-clés. Déplaçons toutes les couches vers la droite en utilisant la flèche droite du clavier. Maintenez la touche Shift enfoncée pour que les couches se déplacent par paliers plus importants Revenons à la composition principale et voyons à quoi elle ressemble. Je pense que je les ai trop déplacés vers la droite. Je vais revenir à la composition et les déplacer un peu vers la gauche cette fois. Voyons à quoi ça ressemble maintenant. C'est déjà mieux. Nous pouvons maintenant déplacer l'indicateur de temps pour voir le temps entre ces deux pré-compositions. Je pense que le texte devrait commencer à bouger après le déplacement de la lettre. Cela signifie que nous devons déplacer la précomposition du texte un peu plus loin dans Voyons ça encore une fois, à mon avis, c'est excellent. Mais maintenant, je remarque que l'animation révélatrice du texte se produit trop vite. Passons à la composition des lettres et corrigeons ce problème. Pour ce faire, nous devons trouver les images clés de l'effet que nous avons sur les couches. abord, nous devons afficher toutes les images clés de toutes les couches. Pour ce faire, sélectionnons toutes les couches et appuyons sur vous. Agrandissons ce panneau. Nous voyons ici l'effet de trait et les deux paramètres que nous avons ajustés pour cet effet. Maintenant, afin de ralentir l'animation qui déclenche cet effet, nous devons prolonger la durée de cette animation. En d'autres termes, sélectionnons les dernières images clés de l'effet et avançons-les dans le temps. Placez-les au deuxième numéro quatre. Parfait, nous allons maintenant étendre l'animation pour révéler toutes les couches. Pour ce faire, sélectionnons les images clés de l' effet de trait dans cette couche. Maintenez la touche Shift et sélectionnez le reste des images clés de l'effet dans les autres couches. Faisons maintenant glisser ces images clés tout en maintenant la touche Shift enfoncée. De cette façon, ils s'accrocheront aux images clés situées au bout de 4 secondes. Voyons à quoi ça ressemble maintenant. Je pense que c'est beaucoup mieux. OK, maintenant fermons toutes les couches. Pour ce faire, nous devons nous assurer de ne sélectionner aucune couche. Vous pouvez cliquer ici ou ici. Et maintenant, appuyez sur la touche U. Rétrécissons un peu le panneau de composition. Créons maintenant un décalage entre les couches. En d'autres termes, faisons apparaître les lettres les unes après les autres avec un léger retard. Actuellement, ils apparaissent tous en même temps. Sélectionnons toutes les lettres sauf la lettre et avançons-les de trois images dans le temps. Maintenant, pour désélectionner cette couche, maintenez la touche Ctrl enfoncée et cliquez immédiatement sur Super, faisons avancer ces couches de trois images dans le temps. Maintenant, maintenez la touche Ctrl enfoncée et cliquez une fois sur cette couche pour la désélectionner Déplaçons maintenant ces couches, trois images également, vers l'avant dans le temps. Refaisons-le et voyons à quoi cela ressemble. Maintenant, je pense que nous pouvons augmenter un peu le décalage que nous avons créé. Sélectionnons à nouveau ces couches et faisons-les avancer de deux autres images dans le temps. Déplaçons maintenant uniquement ces couches, deux autres images vers l'avant. Faisons-le pour toutes les couches, jusqu'à la dernière. Voyons à quoi ça ressemble. Maintenant je pense que c'est mieux. Revenons maintenant à la composition principale et voyons à quoi ça ressemble avec la lettre A. Voyons maintenant comment raccourcir la durée des pré-compositions présentes dans la scène Je vais expliquer ce que je veux dire. Comme vous pouvez le constater, la durée de cette composition est très longue. Mais si nous le saisissons, nous pouvons voir que l'animation contenue dans cette précomposition se termine au deuxième numéro trois En d'autres termes, toute cette section est vraiment inutile car rien ne se passe ici. Nous pouvons raccourcir la longueur de cette composition jusqu'à la fin de l' animation. Pour voir où se termine l'animation, nous devons voir où se trouvent les dernières images clés dans ces couches. Question : quelle est la touche de raccourci pour afficher les images clés des couches ? Afin de voir toutes les images clés de toutes les couches, nous allons nous assurer qu' aucune couche n'est sélectionnée. Puis appuyez sur la touche U. Nous pouvons maintenant voir que les dernières images-clés sont là, ce qui signifie que l'animation se termine à ce moment-là Restons ici avec l'indicateur de temps. Nous devons maintenant ajuster la chronologie ou la zone de travail à la position de l'indicateur de temps. Nous pouvons le faire manuellement, comme ceci ou utiliser un raccourci en appuyant dessus. Maintenant, pour le couper, il faut écrire. Cliquez sur la zone de travail et sélectionnez Trim Comp Two Work Area. Génial. La durée de cette composition est maintenant de 4 secondes. Quand on revient à la composition principale, il semble que la durée de cette pré-composition ait effectivement été raccourcie Nous n'avons pas besoin de couper cette précomposition, car nous devons voir la lettre A jusqu'à la fin de l'animation Il en va de même pour cette pré-composition. Bien, avant de passer à autre chose, faisons un zoom arrière sur la chronologie et appuyons sur la touche Ctrl pour enregistrer tout ce que nous avons fait jusqu'à présent. Je veux maintenant que nous abordions un sujet très important , à savoir comment modifier l'animation que nous avons déjà créée. En d'autres termes, comment modifier les images clés. C'est ce que nous ferons dans la prochaine partie. Ce sera une leçon très intéressante, mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, de vous lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 10. Touches finales: Bon retour. Apprenons à ajuster les images clés. Disons que je ne suis pas satisfait de la dernière position de la précomposition, de la lettre A. Je voudrais déplacer ce bit de préparation vers la gauche Si je sélectionne la couche à un moment aléatoire , puis que je la déplace vers la nouvelle position que je souhaite, je gâcherai l'animation. Si j'appuie sur la touche U pour voir les images clés de cette couche, je vais voir qu'une image clé inutile est créée à ce moment-là. Au point où je me trouve avec l'indicateur de temps, et ce n'est pas ce que nous voulons. Cela se produit parce que nous avons déjà des images-clés dans la propriété position. Très bien, je vais supprimer cette image-clé et nous allons apprendre à le faire Afin de modifier la dernière position par rapport à ce que devrait être cette pré-composition, nous devons nous concentrer sur l' image clé spécifique que nous voulons modifier Dans notre cas, il s'agit de cette image clé. Nous devons nous tenir debout sur ce cadre clé et ensuite déplacer le précomposition vers la position que nous voulons Maintenant, lorsque nous sommes sur cette image clé spécifique, nous pouvons appuyer sur la flèche gauche du clavier tout en maintenant la touche Shift enfoncée pour déplacer cette couche vers la gauche. Ajustons maintenant la position de la précomposition du texte en fonction de la nouvelle position de la lettre A. Sélectionnez cette précomposition et déplacez-la vers Voyons à quoi ça ressemble. Je pense que nous déplaçons trop la lettre vers la gauche. Passons donc à la dernière image clé. Encore une fois, sélectionnez cette précomposition et ajustez ensuite la position Déplaçons-le un peu vers la droite. Maintenant, déplacez également le texte précomposé vers la droite. Voyons à quoi ça ressemble. OK, maintenant je vois que les lettres se déplacent trop vite vers la gauche. Prêtez attention au texte. Lorsque je déplace l'indicateur de temps, il entre en collision avec la lettre A. Changeons cela. Pour ce faire, passons maintenant à cette composition. Sélectionnez toutes les couches et appuyez sur P pour afficher la propriété de position de chacune d'entre elles. Comme vous pouvez le constater, le mouvement vers la gauche prend 2 secondes. Si nous nous concentrons uniquement sur cette couche, vous pouvez voir que l' animation commence au 2 secondes et se termine au bout de 4 secondes. En d'autres termes, la durée de cette animation est de 2 secondes. Pour ralentir l'animation, nous devons avancer les dernières images clés dans temps pour que cette animation dure plus de 2 secondes. Sélectionnons tous ces images-clés. Déplaçons les images clés en fonction de l'animation de la dernière couche. Il se termine actuellement au deuxième numéro quatre. Nous devons déplacer les images clés vers le deuxième chiffre cinq, la touche Shift enfoncée pour nous assurer que les images clés correspondent à la position des indicateurs temporels. Génial. Revenons maintenant à la composition principale pour voir à quoi elle ressemble avec la lettre A. Je pense que nous pouvons commencer cette pré-composition un peu plus tôt Revenons en arrière dans le temps, de quelques images. Essayez de régler le temps entre les pré-compositions et vérifiez l'animation pour vous assurer qu'elle correspond à ce que vous voulez Je pense que nous devrions commencer à la quatrième seconde. Il s'agit d'un processus de travail normal lors de la création d'animations. Dans After Effects, nous créons une animation. Nous devons souvent ajuster le timing des images clés de chaque couche jusqu'à ce que nous soyons satisfaits du résultat final. Par exemple, pour le moment, je pense que la lettre A reste trop longtemps dans la scène et qu' elle doit être ajustée. J'aimerais que la lettre A soit entrée en scène un peu plus tôt. Pour cela, je vais sélectionner toutes les images clés qu'il contient. C'est toute l'animation. Je vais maintenant trouver un point temporel qui, selon moi, fonctionne, par exemple, aux troisième et 15e images. Je vais maintenant déplacer les images clés ici et voir ce que j'obtiens. Maintenant que nous avons déplacé l' animation de la lettre A, nous devons déplacer l'animation des autres lettres en conséquence. Cela signifie que nous devons également déplacer cette pré-composition vers une date légèrement antérieure Par exemple, voyons à quoi cela ressemble. Maintenant je l'aime bien. Il est maintenant temps de créer une animation de sortie pour le logo. Commençons. Tout d'abord, nous devons sélectionner toutes les couches et les placer dans une seule composition, appuyer sur Ctrl Shift, changer le nom en animation principale, sélectionner les deux et appuyer sur OK. Nous devons maintenant créer un arrière-plan pour notre scène en utilisant la couleur d' arrière-plan du logo original. Pour ce faire, revenons au panneau du projet. Ouvrez le dossier contenant les couches de conception du logo. Localisez l'arrière-plan et cliquez dessus pour voir sa couleur. Ensuite, nous allons créer un nouvel arrière-plan. Après les effets, nous pouvons créer une couche appelée Solid à cet effet. Pour créer un nouveau solide, cliquez ici avec le bouton droit de la souris sur la zone vide du panneau Calques. Accédez à Nouveau et sélectionnez Solide. Sélectionnez maintenant le compte-gouttes et échantillonnez la couleur de fond du dessin Avant de cliquer sur OK, nous pouvons changer le nom en BG et nous assurer que la taille du solide correspond la taille de la composition. Cliquez ensuite sur OK. Et voilà, nous avons un vrai background. Démontons-le simplement. Voyons maintenant comment créer cet effet de disparition cool, comme indiqué dans l'exemple La première chose à faire est de créer une couche de réglage. Le calque de réglage est un calque spécial After Effects qui permet d'appliquer des effets et des réglages à plusieurs calques simultanément. Au lieu d'appliquer le même effet à chaque couche individuelle, vous pouvez ajouter une couche de réglage et appliquer l'effet à cette couche. L'effet sera ensuite appliqué à toutes les couches situées en dessous dans la pile de couches. L'avantage d'utiliser un calque de réglage est qu'il vous permet d' apporter des modifications globales à votre composition rapidement et facilement. Après avoir compris ce qu'est la couche de réglage, créons-en une et voyons comment elle peut nous aider à créer l'effet de disparition dont nous avons besoin Pour créer un nouveau calque de réglage, il faut cliquer ici avec le bouton droit de la souris, aller sur Nouveau et sélectionner Calque de réglage. Amenons maintenant cette couche vers le haut. Vous pouvez fermer le dossier maintenant. Maintenant, je vais masquer toutes les couches. Juste pour vous montrer que le calque de réglage est un calque vide créé à la taille de notre composition. Sur cette couche, nous pouvons ajouter des effets et créer une sorte de filtre qui affectera toutes les couches situées en dessous. OK, je vais donc réactiver les calques et ajouter le premier effet au calque de réglage. Le premier effet que nous allons utiliser est appelé déplacement turbulent. Faites-le glisser sur la couche de réglage et commencez à ajuster les paramètres Vous pouvez voir que cela crée une distorsion ondulée sur la scène Ajustons les paramètres jusqu'à ce que nous obtenions quelque chose d' intéressant Commençons par le montant. Je pense que nous pouvons le fixer à 30 pour le moment. Ensuite, fixons-la à 20. Après réflexion, fixons le montant à 60. Très bien, et maintenant nous pouvons le rendre encore plus intéressant en animant cette distorsion Nous pouvons le faire en faisant pivoter l'évolution. Mais au lieu d'animer sa propriété manuellement, nous pouvons utiliser une expression pour faire pivoter cette propriété sans créer une seule image clé Les expressions sont une fonctionnalité puissante qui vous permet d' automatiser et de contrôler différents aspects de votre composition. Les expressions sont essentiellement de petits morceaux de code qui peuvent être ajoutés aux différents paramètres de vos couches ou effets. Les expressions et les effets secondaires peuvent être créés à l'aide de Javascript ou du langage de script d'extension et peuvent être consultés et modifiés via le panneau des expressions. Pour créer une expression, il faut maintenir la touche Alt enfoncée et cliquer sur le chronomètre de la propriété que l'on souhaite animer Maintenant, une ligne de code s'ouvre pour nous, dans laquelle nous allons écrire une expression très simple, l' astérisque temporel 100 Pour terminer l'action, cliquez quelque part en dehors de la zone d'expression. Maintenant, ce paramètre va pivoter sans que nous ne créions d' images-clés pour celui-ci. Si vous souhaitez que ce mouvement soit plus rapide, vous pouvez modifier l' expression temporelle sur 500. Pour cela, cliquez sur l' expression pour ouvrir la ligne d'expression et modifiez le nombre que je trouve trop rapide. Remettons-le à 100. Passons maintenant au deuxième chiffre dix et créons une animation pour la propriété amount. Nous allons définir qu'à ce stade, la valeur sera zéro et créer la première image clé. Passons maintenant aux 16 secondes et augmentons le montant à 100. Voyons à quel point ça a l'air génial. Nous pouvons maintenant sélectionner toutes les images clés et appuyer sur F neuf pour les convertir en images clés CE. Je pense que cette animation est un peu trop lente. Déplaçons la dernière image-clé vers la deuxième 14. Voyons voir, ça a l'air bien maintenant. Nous pouvons maintenant fermer le calque et ajouter un autre effet appelé Fast Box Blur Recherchez l'effet dans le panneau des effets et faites-le glisser sur le calque de réglage. Appuyez maintenant pour voir les images clés de l'effet précédent et la durée création de l'animation pour l'effet de flou corresponde à l'animation du précédent Passons à ce stade et créons la première image clé pour cet effet avec une valeur de zéro. Pour voir les images clés que nous avons créées sur le calque, appuyons une fois sur vous, puis une fois de plus, nous pouvons voir les images clés associées à l'effet de flou Passons maintenant à la 14e seconde et augmentons le flou à 30 Voyons à quoi ça ressemble. 30, c'est un peu trop. Mettons-nous sur cette image-clé et changeons-la en dix. Ça a l'air mieux. Maintenant, sélectionnons ces images-clés et convertissons-les également en images faciles Voyons à quoi ça ressemble. Ça a l'air excellent. Nous pouvons fermer cette couche. Enfin, nous pouvons étiqueter cette couche de réglage, sélectionner. Appuyez sur Entrée et modifiez le nom en effet de flou. Appuyez de nouveau sur Entrée pour terminer l'action. Trouvons maintenant le bon moment pour faire disparaître le logo. Supposons que le logo commence à disparaître au bout de dix secondes Pour le faire disparaître, nous devons accéder à la propriété Opacity pour sa précomposition Pour cela, appuyez sur la touche. Créez maintenant une image clé à une opacité de 100. Passez ensuite à la douzième seconde et modifiez l'opacité à zéro Adoucissons également ces images clés. Voyons à quoi ça ressemble. À mon avis, le logo disparaît trop tôt. Sélectionnons ces images-clés et commençons la disparition à partir des 11 secondes. Voyons voir maintenant, essayons les 12 autres. Je pense que c'est mieux. Maintenant, si nous sélectionnons le calque de réglage et sur vous pour voir ses images clés, il semble que le moment de la disparition du logo corresponde la fin de l'animation de l'effet. C'est génial, mais je pense que nous pouvons encore augmenter la taille de la distorsion. Essayons 30. Ça a l'air super. Nous avons ainsi terminé de créer l'animation. Nous sommes prêts à le rendre. Maintenant, avant de rendre le projet, examinons tout ce que nous avons créé du début à la fin pour vérifier les éventuels problèmes ou erreurs Je remarque que la lettre A se déplace sur le côté d'une façon étrange. Essayons de trouver le problème et de le résoudre très rapidement. Passons à la pré-composition de l'animation principale. Sélectionnez maintenant le A, animation pré-composition, et appuyez sur vous pour voir les images clés qu'il contient Regardons-y à nouveau. Vous voyez que la lettre A ne se déplace pas à la même vitesse que les autres lettres. Pour vérifier cela, nous pouvons sélectionner les images clés de la position. Maintenez la touche Alt enfoncée et double-cliquez sur l'une des images-clés pour accéder aux images-clés. Panneau de vélocité pour cette propriété. Nous pouvons y constater que la vélocité de cette animation est différente de celle de nos autres animations. Si vous vous souvenez, nous avions défini la vélocité de toutes les images clés du paramètre de position à 85, 85 pour toutes les lettres. Faisons de même ici également. Revenons maintenant à la composition principale et voyons à quel point elle est belle. Maintenant, il semble que l'animation soit dans le même mouvement. Cependant, je trouve que l'animation des lettres est un peu trop lente. Apprenons à l'accélérer. Tout d'abord, revenons à cette pré-composition. Entrez maintenant la composition du texte. Placez l'indicateur de temps à la quatrième seconde et déplacez les dernières images clés ici. Si vous ne voyez pas les images-clés, vous pouvez sélectionner toutes les couches et appuyer sur P. Déplaçons ces images-clés vers la position de l' indicateur temporel tout en maintenant la touche Shift enfoncée Revenons maintenant à cette composition et voyons à quoi elle ressemble avec l'animation de la lettre A. Ça a l'air bien. Super, revenons à la composition d'animation du logo. Maintenant que nous avons raccourci l'animation du logo, nous devons également la faire disparaître plus rapidement. Pour ce faire, nous allons sélectionner le calque de réglage et appuyer sur vous pour voir ses images clés. Ensuite, nous allons déplacer toutes les images clés à la neuvième seconde. Passons maintenant à la 13e seconde, lorsque le logo aura complètement disparu , et découvrons quelque chose cool que vous pouvez faire avec After Effects Dans After Effects, vous pouvez créer des marqueurs dans votre composition pour identifier les points importants de la chronologie. Ces marqueurs sont extrêmement utiles et je vais vous montrer comment les utiliser dans la partie suivante. voit là-bas. Ça va être génial. 11. Temps de rendu: Hey, bon retour. Nous avons presque terminé notre animation. Jetons un coup d'œil à quelques fonctionnalités intéressantes et à quelques remarques importantes pour nous assurer que à quelques remarques importantes pour nous assurer que nous sommes prêts pour le rendu final. Pour commencer, découvrons les marqueurs de votre projet. Assurez-vous de n'avoir sélectionné aucune couche avant de créer un marqueur. Les marqueurs peuvent nous aider à créer une note à des moments importants. Par exemple, nous savons que notre animation se termine ici au deuxième numéro 13. Je peux me faire remarquer que c'est le bon moment jusqu'à ce que je doive rendre mon projet. Et je peux le faire en créant un marqueur pour cela. Cliquez sur la petite icône qui se trouve ici sur le côté droit de la chronologie. Une fois que vous avez cliqué dessus, un nouveau marqueur sera créé au moment où l'indicateur de temps est placé. Maintenant, double-cliquez sur le marqueur et tapez, ce qui vous aidera à identifier la fin de l'animation. Cette étape est facultative et vous n'êtes pas obligée de la faire, mais il est bon que vous connaissiez cette fonction intéressante. Très bien, passons maintenant à la partie du rendu. La première chose à faire avant d' effectuer le rendu d'un projet est s' assurer que nous ne rendons pas des parties inutiles de l'animation. Pour cela, nous devons raccourcir la zone de travail jusqu'au moment où l'animation se termine. Vous pouvez le faire manuellement ou appuyer sur la touche N. Par conséquent, After Effects n'affichera la scène que jusqu'à la fin de la zone de travail. La prochaine chose que nous devons vérifier avant le rendu est que tous nos designs sont de la plus haute qualité. Nous pouvons y parvenir en utilisant la fonction d'effondrement. Entrons dans cette composition et appliquons la fonction d' effondrement à toutes les précompositions et toutes les couches qu'elles contiennent Parce qu'à l'heure actuelle, si je zoome, vous pouvez voir que les objets de la scène sont un peu flous et peu nets. Ils sont pixelisés Bien, commençons par la composition du texte. Déplacez l' indicateur de temps vers l'avant dans temps pour voir toutes les couches. Cliquez ici pour voir la fonction de réduction. Appliquez-le sur toutes ces couches afin que nous puissions toutes les voir dans leur plus haute qualité. Revenons maintenant à la composition principale et appliquons le collapsus à toutes les pré-compositions. Nous n'avons pas besoin de saisir à nouveau et de sélectionner les couches pour la lettre A et le caractère. Nous l'avons déjà fait au début de la leçon. Mais nous devons activer l' effondrement pour cette précomposition. Activez ensuite le collapsus pour le reste des précompositions. Nous pouvons maintenant régler l'aperçu pour qu'il soit ajusté et nous assurer que l'animation reste belle l'animation reste belle après avoir réduit les précompositions Une fois cela fait, revenons à la composition d'animation du logo et appliquons-y également le collapsus Cliquez ici pour voir la fonction et l'activer. Jetons maintenant un coup d'œil pour nous assurer que la fonction de réduction n'a pas affecté notre animation. Tout semble bon. Enfin, nous sommes prêts à effectuer le rendu de la scène. Pour afficher la composition dans laquelle nous nous trouvons actuellement, nous pouvons aller dans Composition et choisir Ajouter au rendu Q. Sinon, nous pouvons utiliser le raccourci M. Utilisons le raccourci et appuyons sur le contrôle M. Nous sommes maintenant dans le panneau de rendu Q d'After Effects. Ici, nous pouvons voir quelle composition nous sommes en train de rendre, quelle est cette composition. Maintenant, en mode sortie, nous pouvons sélectionner le format de fichier dont nous avons besoin. Nous choisirons Ho 0.2 64, 40 MBPS, qui est un fichier MP4 haute résolution. Ensuite, nous devons choisir où rendre la vidéo. Cliquez ici. Trouvons le dossier que nous avons créé pour cette leçon. Choisissons de l'enregistrer dans le dossier des rendus. Maintenant, assurez-vous que le nom est correct. Le nom qui apparaît ici est le même que celui de la composition que nous sommes en train de rendre. Ensuite, nous pouvons appuyer sur Enregistrer. Enfin, cliquez sur le bouton de rendu. Attendons maintenant quelques minutes. N'oubliez pas que le temps de rendu des animations n'est pas le même pour tout le monde. La puissance de votre ordinateur détermine sa rapidité ou sa lenteur. Certains d'entre vous devront peut-être être plus patients, tandis que d'autres pourront le terminer en un rien de temps. Une fois le rendu terminé pour voir le rendu, nous pouvons soit trouver le dossier manuellement soit cliquer sur le lien ici en mode sortie. Cela nous mènera directement au dossier dans lequel la vidéo est rendue. Ouvrons la vidéo et voyons à quoi elle ressemble. Un travail formidable. Vous pouvez désormais présenter l'animation que vous avez créée sur vos plateformes de réseaux sociaux et sur le site Web de votre portfolio. Si vous aimez le cours, ce serait génial si vous pouviez lui attribuer une note en fonction de votre expérience. Et n'oubliez pas de laisser quelques commentaires afin que je puisse savoir si vous apprenez quelque chose de cool avec le refrain ou non Bien, revenons maintenant à notre projet et apprenons comment rendre l'animation sans arrière-plan. Cela est utile lorsque nous devons intégrer l' animation du logo dans différents arrière-plans ou lorsque nous avons une vidéo en arrière-plan. Voyons comment c'est fait. Tout d'abord, nous pouvons le fermer et quitter le panneau de rendu. Revenons maintenant à notre composition principale et désactivons l'arrière-plan ici, sélectionnons la couche BG et désactivez-la. Si vous ne voyez pas le fond transparent et que vous voyez le fond gris, c'est parfaitement bien. Ce fond gris n' est pas réel. Il s'agit simplement d'un arrière-plan d' écran de prévisualisation. Maintenant, appuyons à nouveau sur Contrôlez-les. Cette fois, cliquez ici et changez le format en QuickTime. Ensuite, dans les options de format, sélectionnez l'animation. Maintenant, dans les canaux, nous devons choisir RGB plus alpha. Cela indique à After Effects de rendre cette animation sans arrière-plan, c'est-à-dire avec un arrière-plan transparent. À présent, nous allons choisir où rendre l'animation. Nous allons également le rendre dans notre dossier de rendu. Cette fois, ajoutez le trait de soulignement Alpha ou soulignement BG à la fin du nom du fichier, vous pourrez différencier les Appuyez maintenant sur Enregistrer et sur Rendre. Encore une fois, attendons quelques minutes. Très bien, voyons ce que nous avons ici. Ne paniquez pas si la vidéo semble un peu instable. C'est juste une question de format de fichier. Pour vérifier cette vidéo et nous assurer qu'elle a été rendue sans arrière-plan, nous pouvons la faire glisser dans notre projet. Tout d'abord, nous pouvons revenir à notre composition d'animation de logo. Ouvrez maintenant le dossier de rendu et faites glisser le fichier MOV dans le projet. Désactivons toutes les couches. Voilà. Nous avons obtenu une animation sans arrière-plan. Bien entendu, vous pouvez également trouver le fichier dans le panneau du projet. Comme nous n'avons pas vraiment besoin de ce fichier dans le projet, nous pouvons le sélectionner et appuyer sur la touche retour arrière pour le supprimer d'ici Supprimons-le également du panneau du projet. Revenons à toutes les couches de notre scène. Vous pouvez également fermer ce panneau. Voyons maintenant comment organiser notre projet dans le panneau des projets. Avant de le fermer, il est très important de garder votre projet organisé dans le panneau des projets afin que vous puissiez tout trouver facilement. Cela vous fera gagner beaucoup de temps lorsque vous retournerez travailler sur le projet ultérieurement. Avoir un projet organisé est également essentiel lorsque vous travaillez avec d'autres animateurs Ils devront accéder à votre projet et vous souhaitez qu'ils puissent le parcourir facilement. Si les clients demandent le fichier du projet, il est beaucoup plus facile de partager avec eux lorsqu'il est organisé. Nous pouvons organiser notre projet en créant des dossiers, comme le dossier qui est apparu lorsque nous avons importé le logo depuis Illustrator et le dossier qui est apparu lorsque nous avons créé le solide et la couche de réglage que nous avons ici dans notre composition Bien, pour créer un nouveau dossier, assurez-vous que rien n'est sélectionné dans le panneau du projet. Cliquez ensuite sur l'icône pour créer un nouveau dossier. Maintenant, nommez-le Assets, puis appuyez sur Entrée pour confirmer. Ensuite, faites glisser toutes les ressources graphiques, y compris le dossier contenant les couches de logo, couche de caractères et le dossier de solides dans ce dossier nouvellement créé. Créons maintenant un autre dossier. Lorsque vous créez un nouveau dossier, assurez-vous de ne rien sélectionner dans le panneau de projet. Si vous le faites, le nouveau dossier sera créé dans le dossier sélectionné, qui n'est pas ce que nous voulons. Vérifiez simplement que rien n'est sélectionné avant de créer le nouveau dossier. Bien, cliquons ici et nommons ce dossier, Precomps Faisons maintenant glisser toutes les précompositions que nous avons créées pendant le projet dans ce dossier l'exception de la composition principale, nous pouvons étiqueter la composition principale avec une couleur différente de celle des autres précompositions Ensuite, mettons ces deux précompositions dans le dossier, ainsi que celui-ci OK, on en a presque fini. Fermons tous les précompositions que nous avons ouverts et sauvegardons le projet en appuyant sur la Vous pouvez également désactiver la grille depuis le menu déroulant ou simplement appuyer sur la touche apostrophe Maintenant, n'oublions pas de fermer les fichiers Illustrator pour le moment. Nous pouvons clôturer ce projet After Effects. C'est tout pour notre première leçon. J'espère que vous vous êtes bien amusés, et j'ai hâte de vous retrouver dans la prochaine leçon où nous créerons une animation de logo originale pour une chaîne Youtube créée à l'intention des motion designers Et apprenez à créer une animation de texte extensible avancée. Ça va être génial. Alors, on se voit là-bas. Mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 12. Logo #1 Tâche d'accueil: Bonjour. J'espère que vous avez trouvé ces leçons utiles et que vous avez appris des choses nouvelles et intéressantes. Pour mieux vous souvenir de tout ce que nous avons abordé, je vous recommande vivement de vous entraîner en complétant ce devoir. Votre tâche consiste à recréer cette animation sympa. Vous avez la liberté de changer les couleurs et d'ajouter les graphismes supplémentaires que vous souhaitez chaque fois que vous rencontrez des problèmes ou avez des questions. N'hésitez pas à consulter le dossier du projet AE pour voir les étapes que j'ai suivies. De plus, vous pouvez toujours me contacter pour obtenir de l'aide. Bonne chance 13. Logo #2 - Animer un logo pour une chaîne YouTube: Salut et bon retour. Dans cette leçon, nous allons créer une animation de logo amusante pour une chaîne Youtube inventée qui peut être utilisée comme pare-chocs de logo cool Un logo bumper est une courte séquence animée qui sert d' introduction à une vidéo Ou peut être utilisé comme transition d'une scène à l'autre. Nous allons nous concentrer sur une technique vraiment intéressante appelée animation de texte étirable. À la fin de cette leçon, vous saurez comment créer une superbe animation de logo qui épatera tout le monde. Commençons et amusons-nous. 14. Animation de texte étiré: Bonjour et bon retour. Commençons par découvrir comment ce logo a été créé dans Illustrator. Pour cela, rendez-vous dans le dossier AI dans le dossier principal du cours et ouvrez le deuxième logo. Imaginons que ce logo soit destiné une chaîne Youtube qui parle de motion design et d'animation. Comme vous pouvez le constater, cette conception est également divisée en plusieurs couches. Il existe un calque pour le texte principal, un calque pour le slogan, et ces icônes représentent différents types d'images-clés présents dans After Effects. Plus tard, nous apprendrons une manière intéressante de les intégrer dans l'animation du logo. Au lieu de simplement les laisser tels qu'ils sont dans le design original que nous voyons maintenant. Regardons maintenant le storyboard que j'ai créé pour ce logo Puisque nous parlons d'une chaîne Youtube, tout tourne autour de l' animation graphique. Je pensais que nous pourrions commencer par une animation textuelle étendue des lettres du logo, car l'animation de texte étiré crée une excellente sensation de mouvement. Ensuite, j'ai pensé à un moyen intéressant de combiner toutes les icônes avec le texte. Je veux que les icônes entrent dans la scène et déplacent le reste du texte pour augmenter la sensation de mouvement dans la scène. Très bien, arrête de parler. Commençons par le déjeuner, After Effects ensemble, nous pouvons fermer cette fenêtre maintenant afin que nous puissions tous voir les mêmes mises en page de panneaux Cliquez sur Par défaut ici. Créons maintenant notre première composition en cliquant sur Nouvelle composition. Nous l'appellerons Logo Animation two. Passons à la résolution, nous travaillerons au format Full HD, qui est de 1 920 pixels en largeur et 1080 pixels en hauteur Réglons ensuite la fréquence d' images sur 24. Cette fois, la durée peut être de 20 secondes cette fois. Enfin, choisissons la couleur de fond de la composition. Allons-y avec le noir. Maintenant, cliquez sur OK. Ici et ici. Et avant de commencer à travailler, je voudrais vous parler d'une action très importante dans After Effects appelée purge. Lorsque vous travaillez sur un projet. Dans After Effects, il stocke un tas de données et d'informations dans sa mémoire cache. Et parfois, ce cache peut être obstrué par des éléments anciens ou inutiles, ce qui peut ralentir le programme et même provoquer des erreurs ou des pannes ce cas, vous pouvez utiliser la fonction de purge pour vider le cache et libérer de la mémoire. C'est très utile lorsque vous rencontrez problèmes de performances ou que vous rencontrez des erreurs . Videz simplement ce cache et vous constaterez une nette amélioration du fonctionnement du programme. Comme nous avons fait des choses assez compliquées dans la dernière leçon. C'est intelligent pour aider After Effects à mieux fonctionner en supprimant toutes les données inutiles. De cette façon, nous pouvons travailler sur ce projet sans aucun problème gênant. Passons à Modifier, purger et sélectionnons toute la mémoire et le cache disque. Vous verrez combien de déchets vous avez collectés. Le nombre peut être différent pour vous. Quoi qu'il en soit, appuyez sur OK et attendez quelques secondes que tout soit effacé. OK, et maintenant c'est le moment idéal pour enregistrer le projet et lui donner un nom. Passons à Fichier et cliquez sur Enregistrer. Trouvons maintenant le dossier que nous avons créé pour la leçon. Entrez dans le dossier AE et nommez le fichier After Effects sur lequel nous travaillons. Vous pouvez sélectionner ce projet pour en extraire le nom, puis remplacer le chiffre deux et le nom du logo pour créer en mouvement. Une fois terminé, cliquez sur Enregistrer. Importons maintenant notre logo dans le projet. Double-cliquez dans la zone vide du panneau de projet. Entrez ensuite dans le dossier AI et sélectionnez le deuxième logo. Assurez-vous que nous ne sélectionnons pas cette fonction. Cliquez ensuite sur Importer. Comme nous l'avons appris, nous devons l'importer en tant que composition car nous voulons que ce fichier soit tant que composition car nous placé dans des couches séparées. Ici, nous choisissons la taille de la couche, car nous voulons que les limites de la couche correspondent à la taille des objets et non à la taille du document. Enfin, appuyez. OK, ça y est. Nous avons créé un nouveau dossier contenant toutes les couches du fichier Illustrator ainsi qu'une nouvelle composition contenant les couches du logo. Lorsque nous l'ouvrons, le logo est divisé en couches, comme il est structuré dans le fichier Illustrator d'origine. Bien, clôturons cette pré-composition et nous sommes prêts à commencer la leçon abord, ouvrons le dossier des couches de logos dans le panneau du projet et faisons glisser le texte principal du logo dans la composition. Maintenant, pour créer l'animation étirée que nous voyons dans l'exemple, nous devons convertir ce calque Illustrator en un calque façonné avec un chemin similaire à la façon dont nous convertissons un calque de texte en Créer des contours dans Illustrator. De cette façon, nous créons une forme avec un chemin que nous pouvons déplacer et modifier pour prendre toute autre forme dont nous avons besoin dans After Effects. Pour convertir ce calque en une forme avec un tracé, cliquez avec le bouton droit de la souris sur le calque. Accédez à Créer, puis sélectionnez Créer des formes à partir de couches vectorielles. La couche Illustrator d'origine sera automatiquement désactivée. Comme nous n'en avons pas besoin maintenant, vous pouvez le supprimer en le sélectionnant et en appuyant sur vous pouvez le supprimer en le sélectionnant et en appuyant sur les touches Retour arrière ou Supprimer avant de continuer Voici un conseil utile pour vous. Lorsque vous créez une animation de texte étirable, il est préférable d'utiliser les polices Sand Sera, est-à-dire celles qui ne comportent pas de petits traits décoratifs à la fin de chaque lettre, appelés seras. De cette façon, il sera beaucoup plus facile d'animer le texte. Très bien, nous avons maintenant une couche de forme. Et nous pouvons utiliser le stylo pour jouer avec le tracé des lettres. Mais avant d'entrer dans le vif du sujet, permettez-moi de vous donner un petit conseil. Si vous souhaitez ajouter un trait à votre dessin, vous pourriez penser que vous pouvez simplement choisir une couleur et l'épaissir. Eh bien, cela n'apparaîtra pas, c'est parce qu' y a aucun trait dans le design original de l'illustrateur. Heureusement, il existe une méthode intéressante pour ajouter un AVC directement dans After Effects. Voici comment procéder. Ouvrez votre couche et vérifiez son contenu. Vous pouvez voir toutes les formes qui composent la couche, c' est-à-dire toutes vos lettres. Pour ajouter un trait à chaque lettre, sélectionnez Sommaire. Ouvrez ensuite le menu Publicité et sélectionnez Stroke. Vous pouvez maintenant ajuster l'épaisseur et couleur du trait selon vos préférences. Mais si vous n'avez pas l' intention d'utiliser le trait, sélectionnez simplement ce paramètre et appuyez sur Retour arrière ou sur Supprimer pour le supprimer OK, comme je l'ai mentionné plus tôt, les groupes que vous voyez à l'écran sont tous des lettres. Pour faciliter les choses, renommons ces groupes en fonction des lettres qu'ils représentent Par exemple, si ce groupe représente la lettre D, sélectionnons-le et appuyons sur Entrée. Maintenez la touche Shift enfoncée et tapez D. Maintenant, sélectionnons ce groupe et changeons le nom en KC supérieur. Faites de même pour les autres groupes et nommez-les en fonction des lettres qu'ils représentent. Voyons maintenant comment étirer les lettres individuelles d'un dessin. Si je clique sur un point et que j'essaie de le déplacer, rien ne déplace les points du tracé de la lettre. Nous devons d'abord ouvrir la forme et sélectionner le chemin qui constitue la lettre. Cette lettre, par exemple, est composée de deux chemins. Une pour la partie intérieure de la lettre et une autre pour la plus grande partie. Une fois que nous avons sélectionné le chemin à travers la couche, nous pouvons ensuite choisir les points et les déplacer pour étirer ou ajuster une lettre selon les besoins. Afin de créer une animation pour le chemin, nous devons l'ouvrir. Cela nous permettra de voir son chronomètre et de créer des images-clés pour ce chemin Mais plutôt que d'ouvrir manuellement tous les chemins nécessaires, nous pouvons simplifier le processus en sélectionnant la couche et en tapant le chemin dans la barre de recherche, après que Effects affiche tous les chemins associés à cette couche. Vous remarquerez peut-être que pour chaque forme de cette couche, il existe une propriété supplémentaire appelée chemin fusionné. Cependant, nous n'avons pas vraiment besoin de celui-ci, nous pouvons donc le sélectionner et le supprimer de toutes les formes de cette couche. Trouvons tous les chemins de fusion et supprimons-les avant d' animer la couche Bien, une fois cela fait, nous sommes prêts à passer d'abord à la phase d'animation. Parce que nous savons déjà que toutes les formes présentées ici doivent ressembler à ce qu'elles sont. Maintenant, à un moment donné dans le futur, nous devrons créer les premières images clés sans rien changer. Nous ne savons pas quand cela se produira, mais nous savons que cela doit se produire. Nous devons créer des images-clés pour tous les chemins de cette couche. Faisons-le maintenant. Pour faciliter les choses, nous pouvons sélectionner la couche et appuyer sur la touche U pour masquer toutes les propriétés inutiles et ne voir que les chemins avec des images clés. Facilitons maintenant nos flux de travail en apprenant à déplacer les panneaux dans le logiciel. C'est particulièrement pratique pour ceux d'entre vous travaillent sur des ordinateurs portables dotés d'écrans plus petits. Fermons le dossier et ajustons les panneaux en fonction de nos besoins en matière d'animation. Tout d'abord, réduisons le panneau du projet et les panneaux du flux de travail. Ensuite, nous allons prendre le panneau de composition et le faire glisser ici. Nous pouvons agrandir un peu plus l'écran. Faisons maintenant un petit zoom arrière pour en savoir plus sur notre chronologie. Nous pouvons cliquer ici avec le bouton droit de la souris, accéder aux colonnes et cliquer sur Stretch pour masquer cette fonction. Pour l'instant, masquons également cette fonctionnalité Cliquez ici avec le bouton droit de la souris, accédez aux colonnes et cliquez sur parent et lien. Ne vous inquiétez pas, nous pouvons toujours rétablir ces fonctions ultérieurement. De plus, nous pouvons réduire encore plus cette zone en faisant glisser les petites lignes sur le côté Ce faisant, nous disposons plus d'espace et pouvons poursuivre le projet. Rapprochons-nous maintenant de notre chronologie pour voir les images clés de près. Au fait, si vous voyez les secondes ici représentées différemment, rendez-vous ici, maintenez la touche et cliquez sur les chiffres jusqu'à ce que vous les voyiez en quelques secondes. Bien, une fois que nous aurons appris à organiser les panneaux, remettons tout dans sa position initiale. Pour ceux qui préfèrent travailler dans cet arrangement de panneaux, vous pouvez vous y tenir. OK, prenons le panneau de composition ici et faisons-le glisser vers le bas du logiciel. Rétablissons maintenant les fonctions cachées. Cliquez ici avec le bouton droit de la souris, accédez aux colonnes, puis sélectionnez parent et Lien. Rétablissons également la fonction d'étirement. Parfait, nous sommes maintenant prêts à animer le texte. Nous allons créer trois formes différentes à trois moments différents pour le design de la lettre. Pour ce faire, nous allons créer des images-clés et ajuster le tracé des lettres. De cette façon, nous montrons After Effects, comment les formes des lettres doivent à des moments précis. Ensuite, après les effets, nous allons connecter les différentes formes définies créer l' animation étirée pour nous. Comme nous l'avons déjà dit, nous savons que les lettres doivent apparaître telles qu'elles sont actuellement à un moment donné de l'animation. En attendant, disons qu'ils devraient ressembler à ceci au deuxième numéro deux. Passons au deuxième numéro avec l'indicateur de temps. Sélectionnez les images-clés et déplacez-les tout en maintenant la touche Shift enfoncée. Revenons maintenant d'une seconde dans le temps jusqu'au deuxième numéro un et changeons l'apparence des lettres. En d'autres termes, montrons à After Effects à quoi devraient ressembler ces lettres par rapport au deuxième chiffre un. Pour plus de commodité, maintenons la touche espace enfoncée et faisons glisser l'écran vers la première lettre, la lettre D. Ensuite, changeons la forme de cette lettre comme nous voulons qu'elle apparaisse au deuxième chiffre un. Sélectionnons ces deux points et faisons-les glisser hors la scène tout en maintenant la touche Shift enfoncée pour les déplacer sur l'axe droit. Maintenant, cliquons sur ce point, maintenons la touche Shift et sélectionnons également ce point. Ensuite, faisons glisser ces deux points ici tout en maintenant la touche Shift enfoncée. Maintenant, sélectionnons tous les points de ce côté, en faisant attention de ne pas sélectionner les points de la lettre. Très bien, amenons-les ici. Passons maintenant au début de la chronologie. Sélectionnez ces points, déplacez-les légèrement vers la gauche. Ensuite, sélectionnez tous ces points et déplacez-les hors du cadre. Maintenant, après les effets, nous allons savoir comment cette lettre doit apparaître à trois moments différents. Dans le deuxième chiffre zéro, la lettre ressemble à ceci. Dans le deuxième numéro un, la lettre ressemble à ceci. Dans le deuxième numéro trois, il reprend sa forme d'origine. Faisons maintenant la même chose pour la lettre. Comme vous pouvez le constater, nous avons obtenu la première image clé, puis les deux autres, qui indiquent à After Effects à quoi devrait ressembler le chemin de cette lettre à ce moment-là. Faisons de même pour la lettre, mais avant cela, désactivons la lettre D afin qu'elle ne nous empêche pas de travailler sur la lettre. Pour masquer la lettre D, nous devons fermer la couche et la rouvrir pour voir tous les groupes qu'elle contient Pour fermer tous les groupes ouverts et trouver la lettre D plus rapidement, nous pouvons fermer le contenu tout en maintenant la touche Ctrl enfoncée. Maintenant, si nous l'ouvrons à nouveau, nous verrons les lettres plus facilement lorsque tous les paramètres seront fermés. Voici la lettre D. Cliquons sur l'icône pour la masquer. Maintenant, pour revenir en arrière et changer le chemin de la lettre E, nous devons revoir nos images-clés. Nous allons sélectionner la couche et appuyer sur vous. Il est important pour moi de vous montrer toutes ces étapes, car il s'agit du processus de travail permettant de créer des animations de texte extensibles complexes. Bien, maintenant pour pouvoir sélectionner les points, nous devons cliquer sur le chemin de cette lettre. Ensuite, sélectionnons ces points et déplaçons-les en dehors du cadre. Zoomons maintenant un peu, soit avec la molette de la souris, soit à l'aide de ces touches. Attention à ne pas sélectionner les points de la lettre S. Déplaçons-la ici. Peut-être que nous pouvons ici sélectionner ces points et les déplacer ici pour créer un mouvement plus intéressant. Enfin, passons au début de la chronologie. Et ajustez le point de cette façon afin que nous puissions les sortir du cadre. After Effects sait maintenant qu' à zéro, le chemin devrait ressembler à ça. À la deuxième étape, le chemin ressemblera à ça. À la troisième étape, le chemin revient à sa position initiale. Voyons à quoi ça ressemble. Je pense que nous pouvons créer une animation plus intéressante pour cela. Passons à la seconde et changeons l'apparence de la lettre à ce stade. En d'autres termes, changeons les images-clés que nous avons. Il est désormais crucial de positionner avec précision l'indicateur de temps sur l'image clé. Pour ce faire, vous pouvez déplacer l'indicateur de temps et maintenir la touche Shift enfoncée. Cela lui permettra de s' accrocher aux images clés situées à proximité. OK, maintenant rapprochons-nous de cette partie de la lettre. Sélectionnez ce point, maintenez la touche Shift et sélectionnez également ces points. Maintenant, faisons-les glisser ici. En gros, nous avons modifié le design de la lettre pour qu'il soit tel qu'il devrait être à ce stade. Revenons une fois de plus à cette image clé et ajustons à nouveau ces points. Déplacez ces points légèrement vers la droite. Je pense que ça a l'air mieux. Bien, passons à autre chose, revenons à la seconde et commençons à travailler sur la lettre suivante. Nous n'utiliserons pas le style de texte étirable pour la lettre S. Supprimons les images-clés que nous avons créées pour son tracé. Nous mettrons cette lettre différemment en forme plus tard. Sélectionnez son image-clé et supprimez-le. Maintenant, sélectionnons le chemin qui se trouve au-dessus, qui est le chemin de la lettre I. Cette fois, nous allons étirer cette lettre par le haut pour travailler confortablement. Réglons l' écran de prévisualisation en conséquence. Nous pouvons agrandir un peu le panneau de prévisualisation. Maintenant, sélectionnons les points supérieurs. Nous pouvons nous rapprocher un peu. Assurez-vous que nous en sommes à la deuxième place. Passons maintenant à la suivante. Nous allons sélectionner les points inférieurs de cette lettre et les déplacer ici. Passons ensuite au deuxième zéro et retirons ces deux points du cadre. Nous avons créé trois cadres clés, chacun avec un design différent pour la lettre. Mais avant de continuer, revenons au deuxième chiffre un et ajustons le design de cette lettre à ce stade, sélectionnons les points les plus bas et déplacons-les un peu vers le bas. Voyons ce que nous avons. Je pense que ça a l'air mieux. Passons maintenant à la lettre G. Cette lettre, contrairement aux autres, a une partie arrondie, ce qui nous oblige à la traiter différemment. Laissez-moi vous expliquer ce que je veux dire. Passons au deuxième chiffre et zoomons un peu. Ne fais pas ça avec moi pour le moment. Je veux vous montrer ce qui se passerait si j' essayais de sélectionner ces points et de les déplacer vers le bas. Comme vous pouvez le constater, la forme des lettres va changer et paraître étrange. Cela se produit parce que cette zone est arrondie. Lorsque vous travaillez avec des lettres dont les zones sont arrondies, il se peut que nous devions ajouter des points supplémentaires au tracé. Maintenant tu peux le faire avec moi. Pour ce faire, sélectionnons l'outil stylo, rapprochons-nous de la trajectoire et créons un nouveau point ici et ici. Revenons maintenant à l'outil de sélection et sélectionnons tous les points qui constituent la partie inférieure de la lettre sans sélectionner les deux nouveaux points que nous avons créés. Passons maintenant au deuxième numéro un. Et lorsque nous déplaçons les points sélectionnés vers le bas, la forme de la lettre sera préservée selon les besoins. C'est parce que nous avons créé ces deux points supplémentaires. Bien, revenons un peu en arrière et continuons à façonner la lettre. À ce stade, vous pouvez également déplacer les points sélectionnés en appuyant sur les touches fléchées du clavier tout en maintenant la touche Shift enfoncée. De cette façon, le mouvement se fera par paliers plus importants. Maintenant, sélectionnons ces points et trouvons un endroit différent pour eux, quelque part par ici. C'est très bien. Passons ensuite au deuxième chiffre zéro et ajustons une fois de plus le dessin de la lettre. Une fois cela fait, voyons à quoi cela ressemble. Bien, plaçons l'indicateur de temps au deuxième chiffre deux et passons à animer le chemin de la lettre Comme je souhaite animer le chemin pour entrer dans la scène par la gauche, je vais désactiver la lettre qui la précède Pour ce faire, nous devons voir tous les groupes de cette couche, car pour le moment, nous ne pouvons pas voir l'icône à partir de laquelle nous pouvons désactiver les groupes. Fermons la couche et rouvrons-la pour voir tous les groupes qu'elle contient Maintenant, pour voir tous les groupes de manière plus pratique, nous devons fermer la section de contenu tout en maintenant le contrôle. Et puis rouvrez-le une fois de plus, mais sans maintenir la touche Ctrl enfoncée Maintenant, nous pouvons facilement désactiver les groupes que nous avons déjà animés. Concentrez-vous sur l'animation du chemin de la lettre. Pour sélectionner son chemin et le déplacer, il faut appuyer sur la touche U et voir son image clé. Ici, nous pouvons sélectionner le chemin que nous voulons. Très bien, passons au deuxième numéro un et commençons à dessiner le chemin et l'apparence que nous voulons donner à la lettre à ce stade. Tout d'abord, sélectionnons cette zone et déplaçons les points sélectionnés quelque part ici. Sélectionnez ensuite ces points et déplacez-les hors du cadre. Déplaçons ensuite cette zone ici. Celui-ci ici. Je pense que nous devrions déplacer ce point un peu vers la droite. Une fois terminé, passons au début de la chronologie et dessinons le chemin à ce stade. N'oubliez pas de maintenir la touche Shift enfoncée lorsque vous déplacez les points. Je trouve que ça a l'air bien. Appuyons sur le contrôle S pour enregistrer le projet. Passez ensuite à l'animation du tracé suivant en premier. Assurez-vous de vous placer au deuxième numéro un. Cette fois, rédigeons la lettre. J'entre en scène d'ici. Saisissons les points du bas et déplaçons-les vers le bas, hors du cadre. Nous devons maintenant sélectionner tous les points supérieurs et les déplacer ici. On peut dézoomer un peu. Bien, passons ensuite au début de l' animation et retirons ces points du cadre. Désormais, le tracé semble différent à trois moments, ce crée une jolie animation de texte étirable depuis le bas. Très bien, nous passons à la lettre suivante. Faisons-le entrer en scène par le haut. Passez au deuxième numéro un et tracez le chemin tel qu' il devrait être à ce moment-là. Tout d'abord, sélectionnons les points supérieurs et déplacons-les vers le haut du cadre. Sélectionnez maintenant les points du bas et déplacez-les quelque part par ici. J'ai accidentellement sélectionné l' un des points sur le trajet de la lettre M. Cela arrive parfois, mais ne vous inquiétez pas. Il suffit d'appuyer sur la touche Z pour annuler l'action. Très bien, maintenant je vais sélectionner à nouveau ces deux points et les déplacer ici. Une fois terminé, passons au début de la chronologie et retirons tous les points du cadre. Maintenant, réglez l'aperçu comme il convient, et voyons ce que nous avons obtenu. Je pense que cela semble bon et que nous sommes prêts à passer à la suivante. Passons donc au deuxième numéro un. Nous pouvons zoomer un peu pour voir la lettre M de près. Maintenant, cliquons sur l'un des points. Zoomez un peu plus et sélectionnez les points du bas pour que cette lettre entre dans la scène par le bas. Mais attention à ne pas sélectionner ces deux points, car lorsque nous les déplacerons tous ensemble, le chemin paraîtra étrange. Assurez-vous de sélectionner les bons points. Bien, après avoir sélectionné les bons points, déplaçons-les hors du cadre. Pour rendre l'animation intéressante, déplaçons ces deux points ici. Ensuite, sélectionnez la partie supérieure du chemin et déplacez-la quelque part par ici. Génial. Passons maintenant au début de la chronologie et sortons ce chemin du cadre. Ça a l'air super. Passons à la lettre. Mais au lieu de l' animer de manière extensible, nous lui créerons une animation à échelle plus tard Par conséquent, cachons cette lettre pour le moment et concentrons-nous sur le chemin de la lettre. Pour ce faire, nous devons voir tous les groupes de cette couche. Fermons la couche et rouvrons-la pour voir tous les groupes qu'elle contient Pour fermer tous les groupes ouverts, nous devons fermer la section de contenu tout en maintenant le contrôle. Et puis rouvrez-le une fois de plus, mais sans maintenir la touche Ctrl enfoncée Maintenant, nous pouvons facilement désactiver le groupe de la lettre O. Super. Maintenant, sélectionnons la couche et appuyons sur la touche U pour revenir voir les images clés. Nous pouvons donc animer le tracé de la lettre T. Faisons en sorte d'entrer dans la scène par le haut Passons au deuxième numéro un et dessinons le chemin tel qu'il devrait être à ce moment-là. Tout d'abord, sélectionnons les points supérieurs et déplaçons-les vers le haut en dehors du cadre. Pour un look plus intéressant, sélectionnons uniquement ces deux points supérieurs et déplaçons-les hors du cadre. Sélectionnez maintenant les points du bas et déplacez-les quelque part par ici. Passons maintenant au début de la chronologie et retirons tous les points du cadre. Très bien, maintenant animons d'abord la lettre I. Passons au deuxième numéro un et décidons que cette lettre entrera en scène par la droite. Pour faciliter le travail, masquons le reste des lettres. Une fois encore, fermez la couche et rouvrez-la pour voir tous les groupes qu'elle contient Éteignez maintenant la lettre en lettre. Une fois terminé, sélectionnez la couche et appuyez sur la touche Ukey. Génial. À présent, sélectionnons les points situés sur le côté droit du tracé et faisons-les glisser vers la droite en dehors du cadre. Déplaçons également ces points ici pour donner un aspect plus intéressant à ce chemin à ce stade. Accédez ensuite au début de la chronologie et faites glisser ces points hors du cadre. Je trouve que ça a l'air sympa. Maintenant, ne ramenons que la lettre. Parce que nous animerons différemment la lettre O ultérieurement. Nous pouvons animer le chemin de la lettre. Nous devons désactiver le chemin de la lettre I. Allons-y. Voilà, super. Sélectionnez maintenant la couche et appuyez sur vous pour passer au deuxième numéro un, cliquez ici pour surligner le chemin. Et dessinons ce chemin tel qu'il devrait être à ce stade. Passez maintenant au début de la chronologie et sortez ce chemin du cadre. Voyons à quoi ça ressemble. Nous pouvons ajuster le chemin au deuxième numéro un. C'est mieux. Une fois cela fait, c'est le moment idéal pour enregistrer le projet avant de passer à autre chose. Très bien, commençons maintenant à animer les lettres que nous n'avons pas étirées Mais d'abord, supprimons les images-clés de ces chemins, car nous en créerons une nouvelle dans une minute. Sélectionnez-les et cliquez sur Retour arrière ou sur Supprimer. Génial. Maintenant, pour réactiver les lettres cachées, nous devons voir les groupes de cette couche. Pour cela, fermons la couche et rouvrons-la pour voir tous les groupes qu'elle contient Maintenant, pour voir clairement les groupes, nous devons fermer la section de contenu tout en maintenant le contrôle. Et puis rouvrez-le une fois de plus, mais sans maintenir la touche Ctrl enfoncée Maintenant, nous pouvons facilement réactiver toutes les lettres, y compris celles que nous devons animer. Une fois terminé, réglez l'écran de prévisualisation pour qu'il s'adapte. Et abaissez légèrement le panneau des couches. Animons maintenant les lettres et les deux O. Je souhaite créer une échelle et une animation de rotation pour ces lettres. Laissez-moi vous montrer comment le faire de la meilleure façon qui soit. Tout d'abord, sélectionnons la lettre S, maintenons la touche Ctrl et sélectionnons les deux O. Ouvrons maintenant leurs propriétés. Nous pouvons agrandir un peu ce panneau. Maintenant, ouvrez les propriétés transformées pour la lettre O. Passez au deuxième chiffre deux et créez le premier image-clé pour la propriété d'échelle, car nous avons sélectionné les trois groupes après que Effects se soit occupé du reste et ait automatiquement créé des images-clés pour les autres lettres sélectionnées. C'est exactement ce dont nous avons besoin. C'est pourquoi je choisis ces trois lettres en une seule fois. Maintenant, nous informons After Effects qu' au deuxième chiffre deux, les trois lettres devraient rester la même taille qu' à l'heure actuelle. Passons maintenant au deuxième chiffre un et décidons qu'à ce stade, la valeur d'échelle doit être de 250 ou peut-être 200. Passons ensuite au début de la chronologie et mettons l'échelle à zéro. Bien, faisons maintenant la même chose avec la propriété de rotation. C'est-à-dire, ajoutons une animation de rotation sympa à ces lettres pendant qu'elles s'agrandissent. Mais faisons-le pour la lettre S. Seulement d'abord, nous pouvons passer au deuxième numéro deux. Cliquez maintenant ici sur la zone vide pour désélectionner les deux O. Génial. Sélectionnez maintenant la propriété de rotation pour la lettre S comme nous l'avons fait précédemment. Puisque nous savons que la rotation des lettres doit être telle qu'elle est actuellement, créons le premier image-clé avec la valeur actuelle de zéro degré. Maintenant, restons ici avec l'indicateur de temps, afin que nous puissions voir la lettre. Et définissez la valeur de rotation sur -180 Enfin, déplaçons cette image clé au début de l'animation Nous avons ainsi fini d' animer toutes les lettres. La tâche la plus difficile est derrière nous. Nous pouvons maintenant fermer le contenu. Sélectionnez ensuite la couche et appuyez sur vous pour afficher uniquement les images clés. Et concentrez-vous sur l'amélioration du mouvement. Nous allons apprendre comment procéder dans la prochaine partie. Ça va être super amusant. On se voit là-bas. 15. Calques Ofsett et créer un retard dans l'animation: Bon retour. Apprenons à faire bouger cette animation d'une manière beaucoup plus excitante. Tout d'abord, nous allons commencer par remplacer toutes les images clés ***, sélectionner toutes les images clés et appuyer sur F neuf. Voyons à quoi ça ressemble maintenant. Ensuite, nous allons faire passer le mouvement au niveau suivant en ajustant la vélocité des images-clés pour toutes les images-clés, comme nous l'avons appris dans la N'oubliez pas que nous pouvons modifier la vélocité pour un type de propriété à la fois. Comme vous pouvez le constater, nous avons plusieurs images-clés pour différentes propriétés, échelles de trajectoire et rotation. Commençons par ajuster tous les images-clés du chemin. Nous allons sélectionner ces images-clés. Maintenant, maintenez la touche Shift enfoncée et sélectionnez les autres images-clés de la même propriété. Ici, nous pouvons voir qu'il s'agit d'une propriété différente. Je ne l'ai pas sélectionné. Sélectionnons-les également. Il s'agit d'une option différente, nous ne la sélectionnerons donc pas. OK, enfin, sélectionnons-les. Une fois cela fait, nous pouvons maintenir la touche Alt enfoncée et double-cliquer sur l'une des images clés sélectionnées. Voyons comment l' animation apparaît avec une vélocité de 85 sur les deux axes. Je pense que nous pouvons le changer à 95 sur les deux axes, ce qui ajoute plus d'intérêt à l'animation. Faisons-le maintenant et voyons-le une fois de plus. Génial Passons maintenant aux images clés des propriétés d' échelle. Nous allons d'abord sélectionner ces images-clés, maintenir la touche Shift enfoncée et continuer à sélectionner les autres images-clés de la même propriété. Maintenez maintenant la touche Alt enfoncée et double-cliquez sur l'une des images-clés sélectionnées. Modifiez également la vitesse de 95 sur les deux axes ici. Et frappez, d'accord. Nous n'avons pas à modifier les images-clés de la lettre S pour la propriété de rotation car elles sont déjà belles OK ? Et avec cela, nous peaufinons les lettres. Nous sommes maintenant prêts pour l'étape suivante, qui consiste à créer des décalages pour chaque animation Je vais expliquer ce que je veux dire maintenant. Toutes les lettres entrent dans le cadre en même temps. Pour rendre l'animation plus intéressante, nous pouvons échelonner l'entrée de chaque lettre l'une après l'autre Pour cela, nous devons déplacer les images clés que nous avons créées et créer des décalages dans l'animation, ce qui retarde l'animation pour les images-clés du chemin Cela fera entrer les lettres dans la scène les unes après les autres plutôt que d'entrer dans la scène en une seule fois. Mais avant cela, nous devons nous assurer que chaque lettre se trouve sur une couche séparée. Il sera ainsi plus facile d' ajuster les décalages ultérieurement. Ne vous inquiétez pas, je vais vous montrer exactement comment procéder. Tout d'abord, nous devons voir toutes les lettres de cette couche. Pour ce faire, fermons la couche et rouvrez-la pour voir son contenu Maintenant, maintenez la touche Ctrl enfoncée et fermez le contenu. Maintenant, ouvrez-le à nouveau sans maintenir la touche Ctrl enfoncée. Ici, nous pouvons voir toutes les lettres de cette couche. Comme nous avons 14 lettres, nous devons créer 14 couches distinctes, chacune contenant une seule lettre. Pour ce faire, fermons le calque. Et maintenant, dupliquons-le 13 fois en utilisant le raccourci D, pour obtenir un total de 14 couches. Avant d'appuyer sur le raccourci, je tiens à vous rappeler que tous les raccourcis et After Effects ne fonctionneront que lorsque langue de votre clavier est définie sur l'anglais. OK, sélectionnons maintenant la couche et dupliquons-la 13 fois. Une fois cela fait, ouvrons le contenu de cette couche, et nous ne garderons que la lettre D dessus tout en supprimant le reste des lettres. Sélectionnons la lettre, maintenons la touche Shift et sélectionnons la lettre E pour sélectionner toutes les lettres intermédiaires. Appuyez maintenant sur Retour arrière ou sur Supprimer. Pour les supprimer, appuyez sur le centre ce calque et renommez-le en D. Enfin, fermons-le et passons au calque suivant Ouvrez son contenu, ne conservez que la lettre et renommez la couche en conséquence Dans cette couche, nous ne garderons que la lettre S. Bien entendu, renommez la couche en conséquence Continuons à le faire pour les couches restantes ici. Nous garderons la lettre I ici, nous garderons la lettre G et ainsi de suite. Le processus de création de ce style d'animation de texte étirable peut être assez manuel et prendre beaucoup de temps. Mais n'oubliez pas que notre logo est composé de nombreuses lettres. Vous n'aurez pas besoin de créer ce type d' animation pour un nombre de lettres aussi important chaque fois que j'ai choisi de travailler avec de nombreuses lettres dans cette leçon afin que vous puissiez pratiquer ces actions autant que possible. De cette façon, vous vous y habituerez et vous comprendrez les étapes de création d'une animation de texte extensible complexe. Soyez patient et profitez du processus d'apprentissage, car après avoir terminé ce cours, vous aurez la confiance nécessaire pour créer une variété d'animations de logo haut de gamme pour vos futurs clients. OK, une fois que nous aurons fini de diviser les lettres. Nous devrions enregistrer notre projet en appuyant sur Ctrl less. Pour faciliter notre travail, nous pouvons étiqueter les couches appartenant au même mot avec une couleur différente des autres. Par exemple, nous pouvons étiqueter les deux couches qui forment le mot avec une couleur et toutes les couches qui composent le mouvement du mot avec une autre couleur. Super, ça a l'air bien. Maintenant, si nous isolons cette couche, nous verrons que son point d'ancrage n'est pas centré. Cela peut perturber l'animation, surtout si nous voulons faire pivoter la lettre. Pour éviter cela, nous pouvons sélectionner toutes les couches et centrer leurs points d'ancrage en une seule fois à l'aide du raccourci control alt home. Faisons-le pour toutes les couches à fois. Sélectionnez-les tous. Appuyez sur Ctrl All Tone. Cela permettra de s'assurer que tous les points d'ancrage sont désormais parfaitement alignés sur chaque couche. Commençons maintenant à améliorer l'animation. Tout d'abord. Je pense que l'animation est trop lente en ce moment. Apprenons à l'accélérer très rapidement. Agrandissons ce panneau et voyons l'animation une fois de plus avant d'apporter des modifications. Tout d'abord, pour accélérer l'animation, nous devons voir les images clés des couches. Pour ce faire, vérifions-nous aucune couche n'est sélectionnée. Et appuyez sur le Royaume-Uni maintenant pour voir toutes les images clés Agrandissons ce panneau. Nous pouvons maintenant voir que l'animation de toutes les lettres prend 2 secondes. Maintenant, je veux que l'animation des lettres ne dure qu'une seconde. Pour cela, je peux rapprocher cette image-clé de celle qui la précède Ensuite, je peux également rapprocher un peu plus la dernière image-clé. Mais au lieu de déplacer les images clés une par une, nous pouvons le faire de manière beaucoup plus intelligente. Pour le faire beaucoup plus rapidement, sélectionnons toutes les images clés, puis plaçons l'indicateur de temps au deuxième chiffre un. Maintenant, tout en maintenant la touche Alt enfoncée, faisons glisser l'une des dernières images clés vers la position de l'indicateur de temps tout en maintenant la touche Shift enfoncée. De cette façon, nous avons déplacé toutes les images clés vers le nouveau point temporel que nous avons choisi et maintenu une distance égale entre elles. Si nous l'avions fait manuellement, cela aurait pris une éternité. Très bien, voyons à quoi ça ressemble. Ça a l'air génial. Appuyons maintenant sur vous pour masquer les images clés de toutes les couches, et enfin, commençons à créer le décalage que nous avons prévu. Commençons par créer le décalage pour les couches qui composent le mot design. Désactivons les autres couches pour le moment. Décidons maintenant que la première lettre à entrer dans le cadre est la lettre. Nous ne toucherons pas cette couche et nous la laisserons là où elle est. Maintenant, la lettre qui doit suivre est la lettre. Saisissons cette couche et faisons-la avancer dans le temps. Faisons en sorte que la lettre ne se chevauche pas avec la lettre qui semble belle. Passons maintenant à la lettre suivante. La lettre suivante qui doit entrer dans le cadre est la lettre I. Avançons dans le temps. Il entre après la lettre G. Créons ce décalage pour toutes les couches de ce mot. Essayez de maintenir la même distance entre les couches pour le moment. Bientôt, nous ajusterons la distance pour obtenir un résultat plus intéressant. Une fois terminé, assurez-vous qu'aucune lettre n'entre en collision avec une autre. Je vois que la lettre S entre en collision avec la lettre I. Déplaçons cette couche plus loin dans le temps Ensuite, ajustons le timing pour la lettre E et la lettre D. Voyons ce que nous avons. Je pense que cela semble bien, mais je pense que nous pouvons ajuster le timing pour les lettres E et D une fois de plus. Je veux qu'ils entrent en scène un peu plus tôt. Il s'agit du processus de création du décalage pour ce style d'animation. Nous déplaçons toujours les couches pour vérifier leur apparence par rapport au reste de l'animation. Continuez à vous déplacer avec l'indicateur de temps et vérifiez l'animation après avoir déplacé et ajusté le timing des couches. Très bien, je trouve que ça a l'air bien. Passons au mot suivant. Activez ces deux couches et chronométrez leur entrée. Trouvons maintenant le bon moment pour que ces deux couches entrent en scène. Décidons que ces lettres entreront. À partir de ce moment, nous pouvons retarder la lettre N. Ça a l'air sympa, on peut passer à autre chose. Créons maintenant le décalage pour le mot mouvement. Décidons que la lettre entrera dès le début de l'animation. Nous ne déplacerons donc pas cette couche. Faisons avancer les autres couches dans le temps. Ils entrent donc l'un après l'autre. Continuez à déplacer les couches dans le panneau de chronologie tout en vérifiant la synchronisation entre les couches dans le panneau d'aperçu. Voyons maintenant à quoi tout cela ressemble. Je pense que la fin de la lettre devrait entrer en scène un peu plus tôt. Déplaçons cette couche ici. Une fois que nous aurons fini de chronométrer les couches, assemblons-les toutes dans une pré-composition pour un projet plus net. De cette façon, nous pouvons facilement contrôler l'animation ultérieurement. Sélectionnons toutes les couches et appuyons sur les commandes de raccourci. Shift C, appelez cela une animation de texte pré-composée. Assurez-vous que les deux options sont cochées et cochées. OK. Nous avons maintenant l' animation complète dans une seule couche. Avant de poursuivre, je voudrais vous montrer ce qui se passe si nous voulons redimensionner cette couche ultérieurement. Comme vous pouvez le constater, plus la couche est grande, plus la qualité diminue. Pour éviter cela, nous pouvons appliquer la fonction d'effondrement trouvée ici. Si vous ne le voyez pas, vous pouvez cliquer ici. OK, appliquons le collapsus à cette pré-composition. Comme vous pouvez le constater, la qualité s'est considérablement améliorée. Maintenant, ramenons la taille à 100 %, configurons l' aperçu de l'écran comme il convient et continuons à créer la deuxième partie de l'animation, savoir les animations des icônes. Et nous le ferons dans la prochaine partie. On se voit là-bas. Mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 16. Techniques d'animation avancées: Bon retour. Commençons par créer l'animation de l'icône. Tout d'abord, nous devons trouver ces icônes dans le panneau du projet, que vous pouvez trouver dans le dossier contenant toutes les couches du logo. Une fois que vous les avez repérés, il vous suffit de les sélectionner tous et les faire glisser dans notre composition. N'oubliez pas que nous devons nous assurer que les icônes se déplacent comme une seule couche. Plus tard, nous devrons les regrouper en un seul groupe. Après les effets, nous l' appelons « précomposer » ces couches Pour ce faire, appuyez sur la touche Ctrl Shift C. Appelons-le icons comp. Assurez-vous que les deux sont sélectionnés et cliquez sur. OK. Passons maintenant à la composition que nous venons de créer. Comme vous pouvez le constater, il y a beaucoup d'espace vide ici, ce qui signifie que la taille de la composition est trop grande. Pour redimensionner cette composition, nous devons accéder aux paramètres de composition. Pour ce faire, appuyez sur la touche Ctrl K. Comme vous pouvez le voir, nous sommes dans les paramètres des icônes de Composition Assurez-vous maintenant que l'aperçu est sélectionné afin que nous puissions voir les modifications que nous avons apportées en temps réel. Et réduisons la taille. Essayons 200 par 200 ou 100 par 100, c'est mieux. Revenons maintenant à la composition principale. La taille de la composition est maintenant plus petite, ce qui facilite l'utilisation ultérieure de cette couche. Ensuite, nous pouvons appliquer le collapsus à cette composition, et bien sûr, à toutes ses couches. Si vous ne voyez pas cette icône, vous pouvez cliquer ici. Génial. Désactivons maintenant toutes les couches sauf celle-ci. Après réflexion, laissons uniquement la dernière couche activée et commençons créer l'animation d'entrée pour cette composition en fonction ce qui se passe dans l'animation du texte. Comme vous pouvez le voir, cette icône est censée remplacer la partie supérieure de la lettre I. Cela signifie que nous n'avons pas besoin de cette partie pour le moment. Apprenons comment le désactiver. Commençons par entrer dans cette composition. Sélectionnez la lettre I, ouvrez son contenu et voyez à partir de quels chemins elle est composée. Il y a le deuxième chemin, qui est le cercle, et le premier chemin, qui est la ligne. Nous voulons désactiver la deuxième voie. Génial. Vous pouvez maintenant fermer cette couche et revenir à la composition principale. Maintenant, activons cette couche. Maintenant, lorsque nous ne savons pas comment l'animation doit commencer, nous pouvons animer nos objets de la fin au début, comme nous l' avons fait avec les lettres Comme nous ne savions pas à quoi devaient ressembler les lettres au début, nous avons créé des images-clés indiquant comment elles devaient apparaître à la fin de leur animation. Nous allons faire la même chose ici, en plaçant l'icône au moment où nous savons à quoi elle doit ressembler à la fin, nous voulons qu'elle soit dans la même position que le cercle de la lettre I. Commençons par appuyer sur As pour réduire un peu la taille de la couche. Et en le déplaçant plus bas. Vous pouvez utiliser la flèche vers le bas pour abaisser cette couche. Donnons maintenant une couleur différente à cette couche pour faciliter la différenciation. Animons maintenant la position de précomposition des icônes. Nous passerons au deuxième numéro trois, c' est-à-dire lorsque l' animation du texte sera terminée. Et définissez le premier cadre clé pour la précomposition des icônes, c' est-à-dire que l'icône doit être de cette taille Créons des images-clés avec la valeur actuelle. Définissons maintenant un cadre clé pour la propriété position. À ce stade, appuyons sur Shift pour ajouter la propriété position. Créez maintenant les premières images clés avec la valeur actuelle. En gros, nous avons indiqué à quoi devrait ressembler la précomposition des icônes à ce stade à la fin de l'animation Décidons maintenant comment et où doit se trouver la précomposition des icônes avant qu'elle n'entre heure actuelle, nous ne savons pas exactement à quel moment il devrait entrer en scène. Donc, pour l'instant, supposons qu'il devrait commencer à entrer dès le début de la chronologie. Plus tard, nous ajusterons le timing de l'animation et sa durée. OK, disons qu' à ce stade, l'icône devrait être ici en dehors de la scène. Un nouveau cadre clé avec la nouvelle valeur de la propriété position est automatiquement créé. Cela signifie que de la seconde zéro à la seconde trois, la couche se déplacera d'une certaine manière. Passons maintenant à la deuxième image de 1,12 et plaçons la précomposition ici pour indiquer à After Effects qu'à ce stade, nous voulons que cette précomposition arrive ici avant qu'elle n'atteigne sa dernière position plaçons la précomposition ici pour indiquer à After Effects qu'à ce stade, nous voulons que cette précomposition arrive ici avant qu'elle n' Ce qui va se passer maintenant, c'est que l'icône viendra d'en bas, s' élèvera, puis atteindra sa dernière position. Décidons maintenant quand l' icône atteint ce point. Sa taille doit être de 100. Au début de son animation, sa taille sera de 20. Voyons à quoi cela ressemble. Pour nous concentrer sur l'animation des icônes, nous pouvons désactiver l'animation du texte pour le moment, faisons-le et revoyons-le une fois de plus. C'est bon. À mon avis, cette animation est très lente, ce qui est logique car l'ensemble de l'animation dure 3 secondes. Récourtons-le à 2 secondes. Pour ce faire, nous allons rester ici avec l'indicateur de temps. Sélectionnez ensuite tous les images-clés. Maintenez maintenant la touche Alt enfoncée et déplacez les dernières images clés vers l'indicateur de temps tout en maintenant la touche Shift enfoncée. Améliorons maintenant l' animation en simplifiant ces images clés, car l'heure actuelle, le mouvement est linéaire et ennuyeux. Sélectionnez-les et appuyez sur F neuf. Voyons à quoi ça ressemble maintenant. Maintenant, je veux que l'icône reste en l'air un peu plus longtemps lorsqu' elle atteindra ce point. Pour ce faire, nous devons ajuster la vélocité des images clés. Cette fois, nous allons le faire via l'éditeur de graphes, non via le panneau de vélocité des images clés, pendant que toutes les images clés seront sélectionnées. Passons maintenant à l'éditeur de graphes. Cliquez avec le bouton droit pour vous assurer que nous sommes dans le graphique de vitesse et que Snap est activé. Si vous ne voyez pas les images et les courbes clés, vous pouvez cliquer ici et effectuer un petit zoom arrière. OK, sélectionnons maintenant ces images clés au milieu et faisons glisser leurs poignées vers la gauche sans laisser de ligne droite. Maintenant, sélectionnez-les à nouveau et déplacez ces poignées vers la droite. Ce faisant, nous avons modifié la vitesse entre les images clés. La durée de l' animation n'a pas changé. C'est toujours dans les 2 secondes. Nous venons de faire en sorte que la couche entre plus rapidement, elle plane dans l'air plus longtemps, puis qu' elle atteigne rapidement son point final De cette façon, nous pouvons prendre le contrôle total des images clés et créer une animation plus intéressante. Très bien, maintenant faisons tomber l'icône un peu plus rapidement jusqu'à sa position finale. Pour ce faire, sélectionnons les dernières images clés et glisser ces poignées ici en fonction de cette courbe. Nous pouvons constater que la vitesse des images clés sera très élevée à ce stade. Voyons à quoi ça ressemble. Ça a l'air génial. Bien, maintenant, cliquons ici pour revenir à notre chronologie habituelle et commencer créer l'animation d' échange d'icônes. Nous voulons que cette animation se produise lorsque l'icône en précomposition plane dans les airs Pour cela, passons à la précomposition des icônes. Zoomons sur la chronologie jusqu'à ce que les chiffres apparaissent ici sous forme de cadres. Voyons maintenant comment créer l'animation d'échange entre ces couches. abord, nous devons décider pendant combien de secondes ou images nous voulons voir ces couches. Supposons que nous voulions voir ces couches pour seulement cinq images. Restons ici avec l'indicateur de temps. Maintenant, activez toutes les couches, sélectionnez-les. La prochaine chose que nous devons faire est de les couper à une longueur de cinq cadres. Pour cela, nous pouvons utiliser un raccourci alt et le crochet droit. De cette façon, les couches seront coupées à la position de l' indicateur de temps. Nous devons maintenant créer la transition entre les couches. Au lieu de déplacer ces couches une par une manuellement, nous pouvons utiliser la fonction de séquence de couches. Pour ce faire, nous pouvons sélectionner la dernière couche, maintenir la touche Shift et sélectionner la première couche. Maintenant, cliquez avec le bouton droit sur l' une des couches, accédez à Keyframe Assistant choisissez Sequence Layers et cliquez sur OK. Ici, nous pouvons voir que les couches sont placées les unes après les autres dans l'ordre que nous avons sélectionné Je vais expliquer ce que je veux dire. Appuyons sur la touche de contrôle Z pour annuler l'action. Cette fois, sélectionnez les couches par le haut, et non par le bas comme auparavant. Maintenant, lorsque nous créons la séquence, elle commence par la première couche sélectionnée. C'est mieux pour nous car nous voulons que la dernière icône visible soit celle-ci. Bien, revenons maintenant à la composition principale. Maintenant, si nous examinons l' animation de près, il semble que l'animation d' échange d'icônes commence trop tôt et que la dernière icône disparaît à la fin de la transition. Si nous revenons à cette pré-composition, nous pouvons voir que la couche s'arrête ici C'est pourquoi nous nous arrêtons pour le voir dans la composition principale. Étendons-le pour pouvoir le voir jusqu'à la fin de cette composition. Bien, revenons maintenant à la composition principale et trouvons le moment où nous voulons que le changement d'icônes commence. J'aimerais que cela commence à partir de ce point, autour de l'image 18. Restons ici avec l'indicateur de temps. Accédez aux icônes pré, comp, sélectionnez toutes les couches et faites-les glisser vers la position de l' indicateur de temps Maintenant, si nous passons au début de cette animation, nous ne verrons pas la première icône ici. Pour voir la première icône jusqu'à ce moment. Nous devons sélectionner cette couche et l'étendre comme ceci. Voyons à quoi ressemble ce timing dans la composition principale. Très bien, je pense que nous pouvons retarder un peu la transition entre les icônes. Revenons à cette pré-composition, sélectionnez toutes les couches et déplacez-les ici. Vérifions à nouveau le chronométrage. Je pense que cela devrait commencer plus tôt. Revenons à la pré-composition des icônes et déplaçons les couches ici Super, je pense que ça va mieux maintenant. Appuyons maintenant sur la pour enregistrer le projet avant de continuer. Ajoutons maintenant une animation de rotation sympa à la précomposition des icônes Passons au début de l'animation et appuyons maintenant sur R. Créez le premier image-clé à faire pivoter à la valeur actuelle. Appuyons maintenant sur vous pour voir les autres images clés de cette précomposition Passez ensuite à la fin de l'animation et remplacez la valeur de rotation par une rotation complète. Cachons cette couche pendant un moment. Pendant le mouvement, les icônes pivotent également. Convertissons ensuite les images clés au format. Synchronisons l'animation des icônes avec l'animation du texte. Pour comprendre à partir de quel moment les icônes doivent entrer dans la scène, nous devons avancer et reculer avec l'indicateur de temps tout en observant ce qui se passe dans la scène. J'essaie de trouver un moment où le texte termine presque son animation. Décidons que les icônes entreront en scène à la deuxième étape. Voyons à quoi cela ressemble avec le texte. Très bien, je pense que le moment est excellent. Nous sommes maintenant prêts à travailler sur cette partie de l'animation où les lettres réagissent au mouvement des icônes. Pour cela, saisissons le texte avant la composition. Nous pouvons agrandir ce panneau. Maintenant, placez l' indicateur de temps sur les 3,3 secondes images où toutes les lettres terminent leur animation. Maintenant que nous savons que nous allons animer la propriété position, nous devons nous assurer que tous les points d'ancrage des couches sont centrés Je vais sélectionner cette couche et zoomer un peu pour que vous puissiez mieux la voir. Comme vous pouvez le constater, les points d'ancrage des couches ne sont pas centrés. Cela s'est produit parce que lorsque nous avons centré les points d'ancrage des couches, nous étions arrivés à un moment où les lettres n'avaient pas terminé leur animation. Par conséquent, une fois que les effets ont centré leurs points d'ancrage par rapport aux limites de la couche à ce moment-là, il est très important les animations des lettres soient complètement terminées. Quelque part après le troisième, le deuxième. Quoi qu'il en soit, sélectionnons-les et appuyons sur le raccourci Alt home pour repositionner les points d'ancrage , maintenant tous les points d'ancrage sont centrés au centre de la couche. Passons au deuxième numéro trois, appuyons sur P et commençons à animer la position de ces couches Créons les premières images clés pour toutes les couches, car nous savons qu'à ce stade les lettres doivent être là où elles se trouvent actuellement. Passons maintenant au deuxième numéro quatre. Maintenez la touche Shift enfoncée et déplacez les couches vers le haut à l'aide des touches fléchées du clavier. Déplacez les couches vers le haut jusqu'à ce que vous ayez assez de place pour insérer une autre lettre sous la lettre existante, quelque part par ici. Ça suffit. Revenons maintenant à la composition principale et synchronisons les deux animations, les icônes et les animations des lettres. Retardons un peu l'entrée des icônes dans la scène. Déplacez les icônes, précomposez-les sur la chronologie tout en vérifiant quoi cela ressemble avec l'animation du texte Mon objectif est de démarrer l' animation de l'icône quelques images avant que le texte n'ait terminé son animation. Bien, ça semble être le bon moment. Chronométrons maintenant l' animation du texte pour qu'il ait l'impression d'être affecté par le mouvement des icônes. C'est le moment idéal , car l'icône ne fait que croiser le texte. Entrez donc la composition du texte et ajustons l'animation que nous avons créée pour qu'elle corresponde à ce moment. Sélectionnez toutes les images clés, nous pouvons agrandir ce panneau pour nous assurer de les avoir toutes sélectionnées. Déplacez-les maintenant à la position de l'indicateur de temps. Voyons à quoi cela ressemble à côté des icônes. Génial, je trouve que le timing est excellent. Trouvons maintenant un moment où nous voulons déplacer les lettres vers le bas pour avoir l' illusion qu'elles sont toutes affectées par le mouvement des icônes. Je vois qu'à ce stade, les icônes ont déjà atterri. Cela signifie qu'à ce moment, nous pouvons commencer à créer l'animation pour les lettres qui tombent. Passons à la composition du texte et déplaçons les calques ci-dessous pour les placer sous ce point, car ce point représente la position initiale des lettres. En attendant, nous ne voulons pas les remettre dans leur position initiale car nous créons une animation les montrant en train de descendre puis de revenir à leur position initiale. Utilisons la touche fléchée pour ramener les couches en dessous leur position initiale. Ça suffit. Passons maintenant à la cinquième seconde et ramenons les lettres à leur position initiale. Vous pouvez utiliser ces points comme point de référence pour savoir où se trouve le bon endroit pour déplacer les couches, car ces points représentent la position initiale des images clés de ces couches. Bien, après avoir créé l'animation de position, voyons à quoi elle ressemble avec les icônes. À mon avis, cela semble bon pour le moment. Revenons maintenant à la composition du texte et améliorons le mouvement que nous avons créé pour le texte Nous pouvons agrandir un peu ce panneau. Tout d'abord, sélectionnons les images-clés que nous avons créées pour la position et appuyons sur la touche F 9 pour les atténuer toutes. Maintenant, je veux que le mouvement ascendant des lettres soit très rapide. Pour ce faire, sélectionnons ces images-clés et accédons à l'éditeur de graphes. Maintenant, faites glisser ces poignées vers la gauche. Cela rend l'animation rapide à ce stade. Maintenant, je veux aussi que les lettres soient envoyées rapidement. Pour ce faire, sélectionnons nouveau ces images clés et glisser ces poignées vers la droite. Maintenant, le texte tombe plus vite. Revenons maintenant à la composition principale et voyons à quoi elle ressemble avec les icônes. Je trouve que ça a l'air génial. Créons maintenant un décalage dans l'animation que nous avons créée. Cela signifie que les premières lettres qui commencent à apparaître devraient être plus proches des icônes. Pour ce faire, revenons maintenant à la composition du texte. Quittons l'éditeur de graphes pour voir tous les images-clés. Nous pouvons agrandir un peu ce panneau. Maintenant que nous savons que la lettre la plus proche des icônes doit démarrer son animation, nous ne toucherons pas d' abord ses images-clés. Ils arrivent déjà au bon moment. Sélectionnons le reste des images-clés et avançons-les dans le temps. Mais au lieu de le faire manuellement, faisons-le avec un raccourci super utile. Tenez le coup, utilisez les touches fléchées. Dans notre cas, il s'agit de la flèche droite, car nous voulons faire avancer ces images-clés dans le temps. Après les images clés de la lettre, je tiens le coup et j'appuie sur la flèche droite. Une fois que nous avons déplacé ces images-clés d'une image vers l'avant, sélectionnons-les uniquement et déplaçons-les également d'une image vers l'avant Nous continuerons ainsi jusqu'à ce que nous atteignions les cadres clés de la lettre. Une fois cela fait, faisons de même pour les couches qui composent le mot motion. Sélectionnez ces images-clés et faites-les avancer dans le temps à l'aide de la flèche vers l'arrière et de la flèche droite. Maintenant, si nous zoomons un peu, nous pouvons voir que nous avons créé un décalage entre toutes les images clés. Voyons à quoi cela ressemble dans la composition principale. Nous pouvons réduire ce panneau pour mieux voir la scène. À mon avis, les lettres devraient commencer à être envoyées plus tôt. Pour cela, revenons à la composition du texte. Agrandissons ce panel. Maintenant, sélectionnez les images-clés qui font monter les lettres. Et déplacez-les plus tôt de quatre images. Vérifions-le maintenant. C'est trop tôt. Retardons-le de deux images. Vérifions-le à nouveau. Génial, ça a l'air super de temps en temps. Avant de passer à la partie suivante, n'oubliez pas de sauvegarder le projet en appuyant sur la touche Ctrl comme géniale. Dans la partie suivante, nous allons créer une animation de fond super cool pour cette scène et bien plus encore, ça va être génial. Alors, on se voit là-bas. 17. Animation de slogan: Bon retour. Créons l'arrière-plan de notre scène. Pour cela, nous pouvons utiliser le calque du fichier Illustrator ou créer un nouveau calque solide. allons le faire en créant un calque solide, mais cette fois, nous allons utiliser un raccourci y. Maintenant, sélectionnons le compte-gouttes et échantillonnons la couleur bleue du calque d'arrière-plan du calque Illustrator Ensuite, changeons le nom en BG et cliquez sur OK. Enfin, déplacons-le en dessous de toutes les couches. Créons maintenant l' animation d'entrée pour notre arrière-plan. Pour cela, nous devons créer un masque circulaire pour notre solide. Voyons comment procéder Tout d'abord, nous devons nous assurer que la couche solide est sélectionnée. Maintenant, appuyez sur l'outil rectangle, sélectionnez l'outil ellipse et créez un cercle parfait en maintenant la touche Shift enfoncée Déplaçons maintenant notre masque au centre de la scène. Pour voir le centre, vous pouvez appuyer sur la touche apostrophe pour afficher la grille De cette façon, nous pouvons voir où se trouve le centre de composition. Revenons maintenant à l'outil de sélection. Double-cliquez sur le tracé du masque et déplacez-le vers le centre. Vous pouvez également le déplacer à l'aide des touches fléchées du clavier. Maintenant, notre masque masque l'arrière-plan, mais nous en avons besoin pour révéler l'arrière-plan. Pour ce faire, nous devons inverser le masque. Une fois terminé, animons ce masque. Ouvrons le masque et ajustons le support d'extension du masque à zéro seconde. Et modifiez la valeur jusqu'à ce que l'arrière-plan soit entièrement visible. Créons la première image clé pour cette valeur afin qu'à ce stade, le masque ressemble à ceci. Passez maintenant à la marque des deux secondes et modifiez la valeur afin que tout l' arrière-plan soit visible. En abaissant la valeur de l'expansion du masque, nous pouvons la définir à -450 ou peut-être à -480. Voyons ce que nous avons obtenu Solarisons le fond. Pour vérifier que le masque est complètement fermé, appuyez sur la touche apostrophe pour désactiver la grille. Je vois que le masque est complètement fermé. Si vous ne le fermez pas complètement, il y aura un petit espace en arrière-plan Assurez-vous que votre valeur est correcte. OK, sélectionnons maintenant les images clés et appuyons sur F neuf pour les atténuer. Maintenez ensuite la touche Alt enfoncée et double-cliquez sur l'une d'elles pour régler la vélocité. Réglons-le sur 85 x 85. Voyons maintenant à quoi ça ressemble. Je pense que c'est un peu lent. Déplaçons la dernière image-clé jusqu'à la première seconde. Ça a l'air mieux. OK, maintenant désinstallons cette couche afin que nous puissions voir toutes les couches Nous pouvons également désactiver le fond transparent. Chronométrons maintenant l'animation d' arrière-plan que nous venons de créer avec le reste de la scène. Je veux que l'arrière-plan entre dans la scène peu après l'entrée du texte. Déplaçons-le ici et voyons à quoi il ressemble. Je pense que c'est excellent. Nous sommes maintenant prêts à passer à l'étape suivante pour améliorer l'apparence de notre scène. Pour cela, sélectionnons la composition d'animation textuelle et dupliquons-la avec le contrôle D. Sélectionnez maintenant cette nouvelle composition et changeons sa couleur à l'aide de l'effet de remplissage. Si vous ne trouvez pas le panneau des effets, vous pouvez le trouver sous la fenêtre. Très bien, faisons glisser l' effet sur ce calque. Nous ne voyons rien car cette couche est en dessous d'une autre. Si nous isolons cette couche, nous pouvons voir la couleur des effets. Changeons la couleur de l'effet en bleu des icônes. Naviguons jusqu' au moment où nous pourrons les voir. Maintenant, échantillonnez cette couleur à l'aide du compte-gouttes. Et si je mets cette couche en solo, vous verrez que la couleur est bel et bien modifiée. Maintenant, pour rendre les choses plus intéressantes, nous pouvons créer un petit décalage pour les deux précompositions de texte Je vais te montrer ce que je veux dire. Passons d'abord au moment où le texte est en train de monter. Maintenant, déplacez le nouveau texte, précomposez une image dans le temps Une fois terminé, dupliquons à nouveau cette composition et déplaçons le cadre du bouton 11 vers l'avant Changez ensuite la couleur de cette maquette en jaune du slogan Pour voir la couleur jaune, rendez-vous dans le panneau du projet. Faites glisser le slogan sur la scène. Revenons ensuite au panneau de commande des effets. Sélectionnez maintenant cette composition et échantillonnez la couleur jaune à partir d'ici. Désactivons maintenant cette couche et voyons à quoi elle ressemble. D'accord, je pense que nous pouvons créer un décalage légèrement plus important entre les compositions de texte. Déplaçons le bouton Comp one frame vers l'avant et voyons à quoi cela ressemble Je pense que nous pouvons avancer cette pré-composition d' une image également. Et les 12 derniers. Je pense que c'est mieux comme ça. Travaillons maintenant sur la création de l'animation du slogan. Je veux que le slogan entre en scène juste avant que le texte termine son animation, quelque part par ici. Tout d'abord, activons la couche de slogan. Nous pouvons l'aligner au centre de la composition à l'aide de l'outil d'alignement Maintenant, comme vous pouvez le constater, le slogan ne comporte qu'une seule couche. Il serait très compliqué de séparer toutes ces lettres en couches distinctes et de les animer manuellement. Pour animer le slogan de manière plus intelligente, nous pouvons utiliser les animateurs de texte d'After Effects Je vais te montrer ce que je veux dire. Tout d'abord, sélectionnons l' outil de texte et saisissons le mot apprendre. Mais avant cela, je voudrais vous donner un petit conseil sur l'intégration lorsque vous travaillez avec After Effects et Illustrator. Comme vous pouvez le constater, la première lettre du mot apprendre est actuellement en minuscule. Supposons que nous ne l'ayons pas remarqué lors la conception du logo et de l'illustrateur, nous ne l'avons remarqué que dans After Effects. Pour résoudre ce problème rapidement, nous pouvons écrire, cliquer sur cette couche, accéder à Reveal, puis sélectionner Reveal et Explorer. De cette façon, After Effects nous montrera dans quel fichier se trouve cette couche sur notre ordinateur. Dans notre cas, le dossier est déjà ouvert. Nous pouvons maintenant supprimer la lettre et taper un L majuscule. Une fois cela fait, nous pouvons revenir à l'outil de sélection, puis appuyer sur la touche Ctrl pour enregistrer les modifications apportées à ce fichier Illustrator. Maintenant, quand nous reviendrons à After Effects, nous verrons que la lettre a également été remplacée ici. Quoi qu'il en soit, revenons à l' animation du texte. D'abord, écrivons le premier mot pour cela Assurez-vous d' utiliser l'outil de texte. Cliquez ensuite une fois ici pour ouvrir une ligne de texte et saisir une période d'espace. Ensuite, double-cliquez sur le texte pour le sélectionner et modifiez la police. Recherchez la police Monserrat, puis sélectionnez Monserrat Changez ensuite la couleur en jaune par rapport à la couche d'origine et modifiez la taille de police à 50. N'oubliez pas non plus de passer au paragraphe pour assurer que le texte est centré et aligné de gauche à droite. Bien, revenons maintenant à l'outil de sélection et plaçons ce mot ici. Pour l'instant, nous pouvons désactiver la couche de slogan. Voyons maintenant comment animer cette couche de texte à l'aide d'animateurs Tout d'abord, ouvrons le calque et sélectionnons le texte ici. Ensuite, cliquez sur la petite flèche pour animer et choisissez la position, car nous voulons créer une animation animée pour ce texte Vous pouvez maintenant voir qu'un nouvel animateur a été ajouté à cette couche Ensuite, nous devons définir le point de modification pour ce texte. Dans notre cas, le texte doit venir du bas. Réglons-le pour qu'il reste ici. Tu peux écrire 60. Maintenant, ouvrez le sélecteur de plage et cliquez sur Avancé Agrandissons ce panneau pour voir tous les paramètres et ajustons tous les paramètres et ajustons l'écran d'aperçu pour mieux voir le texte. Maintenant, nous devons changer la forme des animateurs. De cette façon, l'animation du texte commencera à se déplacer à partir de la première lettre. Maintenant, en utilisant le paramètre offset, nous pouvons contrôler la position entre la position initiale du texte et le point de changement que nous avons défini pour cet animateur Animons maintenant le décalage pour obtenir une animation de texte sympa Passons au début de la chronologie et créons la première image clé pour le décalage avec une valeur de -100, qui est le point de changement que nous avons défini pour la propriété position de cet animateur Passez maintenant au deuxième numéro un. Avant de continuer, isolons cette couche afin de ne voir que celle-ci. OK, pour le moment, changeons le décalage à 100, qui est la position initiale de cette couche de texte. Améliorons maintenant cette animation en modifiant la vélocité de ces images clés. Lorsque vous utilisez des animateurs, il n'est pas nécessaire d'accéder au panneau de vélocité des images clés ou à l'éditeur de graphes, nous pouvons les contrôler directement depuis l'animateur Écrivons 20 et E est haut, et 80, et E est faible. Super, maintenant cachons le texte lorsqu'il est en bas. Pour cela, nous devons nous situer au point où le texte a déjà été déplacé vers le haut. Il ne nous reste plus qu'à cliquer avec le bouton droit sur la couche, à accéder à Masque et à sélectionner Nouveau masque. Voyons à quoi ça ressemble. Génial. Fermons maintenant cette couche et ajoutons-y une animation à petite échelle. Pour ce faire, sélectionnez la couche et appuyez sur. Maintenant, je veux que vous fassiez attention à l'augmentation de la taille de la couche. Cela se produit parce que le point d'ancrage se trouve ici. Saisissons l'outil de point d'ancrage et centrons le point d'ancrage de cette couche tout en maintenant la touche Ctrl enfoncée. De cette façon, le point d'ancrage s'accrochera au centre de la couche. Très bien, n' oublions pas de revenir à l'outil de sélection et commencer à animer la propriété d'échelle Assurez-vous d'être au début de la chronologie. Et créez la première image clé avec une valeur de zéro. Passez maintenant à l'image 12 et modifiez la valeur en 200. Ou peut-être 150. Passez maintenant au deuxième chiffre un et définissez la valeur sur 100. Sélectionnez ensuite les images clés et appuyez sur F neuf. Enfin, maintenez la touche Alt enfoncée et double-cliquez sur l'une des images clés pour modifier la vélocité. Réglez-le sur 85 et appuyez sur OK, voyons à quoi cela ressemble maintenant. Je pense que ça peut être plus beau avec une vélocité différente. Appuyons sur F neuf pour rétablir la vélocité des images-clés et les ramener à la normale en tant qu'images-clés Cette fois, modifiez la vélocité à l'aide de l'éditeur de graphes. Sélectionnons ces images-clés et faisons glisser les poignées ici et ces poignées vers la droite Voyons à quoi ça ressemble maintenant. Je pense que c'est mieux comme ça. Je l'ai fait pour vous rappeler qu'il est parfois préférable de contrôler la vélocité des images-clés via l'éditeur de graphes. Très bien, passons à autre chose. Démasquons cette couche, pressons et réduisons l'opacité à 30 pour pouvoir l'utiliser plus facilement comme référence Verrouillons également cette couche afin qu'elle n'interfère pas lors de la création du deuxième mot. Maintenant, nous pouvons simplement dupliquer cette couche en utilisant le raccourci D. Déplacez ensuite ce texte ici. Maintenant, double-cliquez et modifiez le mot à créer. N'oubliez pas de créer un espace et un point après avoir écrit le texte. Ensuite, ajustons un masque pour le nouveau mot. Sélectionnez la couche. Appuyez sur M pour afficher le masque. Supprimez-le et créez-en un nouveau. Ensuite, utilisons une ligne pour centrer cette couche dans la composition. Nous pouvons déplacer ce mot un peu vers la gauche. Vous pouvez maintenant supprimer la référence et passer à autre chose. Maintenant, dupliquez cette couche, puis sélectionnez l' outil de sélection et déplacez-le ici. Ensuite, double-cliquez et changez le mot pour profiter. Sélectionnez à nouveau le calque, appuyez sur M pour afficher le masque, supprimez-le et créez-en un nouveau. Une fois cela fait, nous pouvons déplacer cette couche un peu vers la gauche. Créons maintenant un décalage entre ces couches. Décidons que le mot apprendre doit venir en premier. Laissons-le en place. Ensuite, nous allons commencer par le mot Créer. 12 images après avoir appris le mot « profiter ». 12 images après la création. Voyons à quoi ça ressemble. Je trouve que ça a l'air génial. Vous pouvez maintenant appuyer sur la touche Ctrl pour enregistrer le projet avant de poursuivre. Bien, revenons maintenant à l'outil de sélection. Je ralentis ces couches pour voir le reste de la scène et je les ferme Nous pouvons également réduire le panneau de composition. Réglons maintenant l'écran d' aperçu de manière à ce qu'il s'adapte et trouvons l'heure à laquelle nous voulons que les mots du slogan apparaissent. Je pense que c'est quelque part par ici. Nous allons sélectionner ces couches et les déplacer ici. Voyons à quoi ça ressemble. Je pense que le moment est bien choisi, mais je pense que nous devons placer ces couches un peu plus près du texte principal. Faisons-le pendant que les couches de texte sont sélectionnées Maintenez la touche Shift enfoncée et utilisez la flèche vers le haut pour les déplacer quelque part par ici. OK, vérifions-le à nouveau. Cela semble excellent et nous sommes prêts à passer à autre chose. À l'étape suivante, nous allons créer une piste animée intéressante pour nos icônes. Pour cela, allez dans le panneau des effets et recherchez un effet appelé écho. Faites glisser cet effet sur les icônes avant la composition. Réglez-le maintenant sur -0,001 et réglez le nombre d'échos sur 30. Enfin, choisissez le maximum pour l'opérateur d'écho. Maintenant, lorsque cette couche accélérera, nous verrons une jolie traînée de mouvements qui ressemble à ceci. Vous pouvez l'agrandir à l'aide de ce paramètre, mais n'oubliez pas que plus vous ajoutez d'échos, plus votre ordinateur devra travailler dur pour rendre la scène N'en abusez pas avec cet effet. Je vais le changer en 50. Je pense que cela suffit. Nous sommes maintenant prêts à passer à la partie suivante où nous allons créer l'animation d'outro de notre scène. On se voit là-bas. Mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 18. Animation outro: Bon retour. Commençons par créer l'animation d'outro Tout d'abord, sélectionnons les couches de texte et donnons-leur une couleur jaune afin de pouvoir les identifier facilement. Créons maintenant l'outro pour les icônes avant la composition. Nous devons d'abord décider à quel moment nous voulons que les icônes quittent la scène. Disons que cela se produit aux alentours de six secondes. Pour ce faire, nous devons sélectionner la composition des icônes et appuyer pour voir tous les cadres clés la propriété position. Maintenant, faites attention, il suffit de l'éloigner et de vérifier l'animation. Il va immédiatement commencer à prendre ses nouvelles fonctions, mais ce n'est pas ce que nous voulons. Nous voulons qu'il ne soit pas remonté avant les six autres. Nous voulons qu'il commence à sortir de la scène dès les six secondes. C'est une fois que toutes les lettres auront fini leur animation. Cela signifie que nous devons créer une pause de quelques secondes dans l'animation. Créer une pause dans une animation est très simple. Il suffit de créer des images-clés ayant la même valeur que la dernière image-clé. Pour cela, cliquez ici. Nous avons maintenant créé une nouvelle image clé avec la même valeur que la précédente. Cela signifie que la couche ne bougera pas pendant cette période. Cela créera une pause dans l'animation. Passons maintenant au second chapitre et déplaçons la couche ici. Passons ensuite aux huit secondes et déplaçons la couche ici. Enfin, passons à neuvième couche et faisons glisser cette couche hors de la scène. Comme vous pouvez le constater, nous avons créé un chemin pour l' animation de sortie de l'icône. Maintenant, arrondissons les angles de cette trajectoire pour fluidifier le mouvement de la couche. Pour ce faire, maintenez les touches Alt et Ctrl enfoncées et cliquez une fois sur le point que vous souhaitez arrondir. Vous pouvez également arrondir les coins à l'aide de l'outil sommet situé sous l'outil stylo Sélectionnez l'outil de sommet et cliquez une fois sur le point que vous souhaitez arrondir Une fois que nous avons terminé avec cet outil, n' oublions pas de revenir à l'outil de sélection. Nous pouvons maintenant modifier les poignées et les points du chemin jusqu'à obtenir le mouvement souhaité Dessinons le chemin dans un joli look sinueux. Le mouvement des icônes sera beau et naturel. Arrondissons également ce point. Mais d'abord, déplacez l'indicateur de temps ici pour que l'icône ne vous gêne pas. Maintenez maintenant les touches Alt et Ctrl enfoncées et cliquez une fois sur le point. Déplaçons cette poignée comme ceci pour mieux voir le chemin. Nous pouvons isoler cette couche pour ne la voir que dans l'écran d'aperçu. Voyons maintenant à quoi ça ressemble. Le chemin que nous avons tracé pour cette couche est superbe. Maintenant, améliorons encore l' animation. Je veux que cette couche commence à se déplacer très rapidement lorsqu'elle sort Pour ce faire, sélectionnons ces images-clés et accédons à l'éditeur de graphes. Déplaçons maintenant ces poignées ici pour modifier la vélocité de ces images clés. En déplaçant ces poignées de cette manière, nous allons faire en sorte que cette couche commence à se déplacer très rapidement à ce stade. Faisons maintenant en sorte que cette couche quitte la scène très rapidement. Pour ce faire, sélectionnons ces images-clés et déplaçons cette poignée ici. Voyons à quoi ça ressemble. Le départ semble bon et la sortie semble bonne. Mais comme vous pouvez le constater, l'icône présente quelques pauses étranges au milieu de son mouvement. Revenons à la chronologie habituelle et voyons comment résoudre ce problème. Cela se produit à cause des images clés. Pour y remédier, nous devons remplacer ces images-clés par des images-clés continues. Pour cela, il suffit de les sélectionner, d' la touche Ctrl et de cliquer deux fois dessus. Cela transformera les images-clés en images-clés continues. Et vous verrez que l'animation manière fluide, sans aucune pause étrange. Très bien, rapprochons maintenant cette image-clé des précédentes et accélérons l'animation À ce stade, nous pouvons accélérer un peu plus les choses. Faisons glisser cette image-clé plus près de la première. C'est mieux maintenant, ajustons les autres images clés en conséquence. Rapprochons-nous un peu et affinons les images clés. En jouant avec les images clés, vous comprendrez mieux comment contrôler votre animation. Si vous avez besoin d'en savoir plus à ce sujet, n'hésitez pas à consulter gratuitement mon guide d'After Effects pour débutants. Trouvez le lien dans le fichier PDF se trouve dans le dossier principal de ce cours. OK, je trouve que ça a l'air génial. Isolons maintenant cette couche et continuons à créer une animation supplémentaire pour les autres couches Créons l' animation de sortie pour le texte principal. Pour cela, passons au point où l'animation du texte se termine. Par exemple, ici à la sixième place. Appuyez maintenant sur Alt et le crochet droit pour couper ces couches jusqu'à ce point. Trouvons maintenant un meilleur moment pour que le texte termine son animation. Déplacez-vous à l'aide de l'indicateur horaire tout en regardant ce qui se passe dans la scène. Je vois qu'à ce stade, le texte est terminé avec l'animation. Ensuite, découpons à nouveau ces couches en utilisant Alt et le crochet droit. Faisons un petit zoom arrière sur la chronologie. Appuyez maintenant sur Ctrl pour dupliquer toutes ces précompositions. Ensuite, déplacons-les ici pour qu'ils soient côte à côte. Faisons ensuite jouer ces précompositions de la fin au début pour créer une animation inversée Pour ce faire, cliquez avec le bouton droit de la souris sur l'un d'entre eux. Accédez à Time, choisissez Time reverse layer. Nous devons maintenant aligner ces couches qu'elles partent toutes du même point dans le temps. Vous pouvez maintenir la touche Shift enfoncée tout en la déplaçant pour l'accrocher exactement à l'autre couche. Maintenant, placez-les exactement là où nous avons coupé les trois couches d'origine. Il est important de zoomer et de vérifier qu'il n'y a pas d'écart entre les couches. Nous avons ainsi fini de créer l'animation d'outro pour le texte du logo Synchronisons maintenant l'outro des icônes avec le texte sortant. Pour ce faire, sélectionnez la composition des icônes et appuyez sur P pour afficher les images clés de position. Commençons par déplacer l'icône à partir de ce moment. Juste un moment avant la lettre. Je commence à monter. Sélectionnez ces images-clés et déplacez-les ici. Rapprochons-nous de la chronologie et voyons à quoi cela ressemble. Je pense que cela devrait arriver plus tôt. Je pense que le moment est bien choisi. Maintenant, je veux que l'icône passe plus de temps en l'air avant de quitter la scène Pour cela, nous pouvons avancer légèrement les deux dernières images clés dans le temps. distance entre ces deux images clés est maintenant plus grande . Cela signifie qu'il faudra plus de temps aux icônes pour aller de ce point à ce point. Cela crée une animation plus longue de l'icône planant dans les airs avant de quitter la scène Parfait, nous allons maintenant créer une ultra animation pour l'arrière-plan. Tout d'abord, nous devons décider quand nous voulons que cela se produise. Pour l'instant, disons qu'ici à la seconde 9,12 images, c'est le bon moment. Tout d'abord, sélectionnez l'arrière-plan et appuyez sur vous pour voir ses images clés. Copiez maintenant ces images-clés avec le contrôle C et collez-les ici en utilisant le contrôle V. Maintenant, nous pouvons inverser ces images-clés pour obtenir une animation inversée Pour cela, cliquez avec le bouton droit de la souris sur l'un d'entre eux. Accédez à Keyframe Assistant et choisissez les images-clés temporelles inversées Trouvons maintenant le bon moment pour que l'arrière-plan sorte. Je veux que l'arrière-plan commence à sortir lorsque l'icône quitte le cadre quelque part par ici Voyons à quoi cela ressemble. OK, maintenant que l'arrière-plan a déjà fait son travail, nous pouvons supprimer cette question de couche. Quel est le raccourci clavier pour couper la couche du côté droit Nous pouvons le faire en appuyant sur Alt et sur le crochet droit. Créons maintenant une animation d'outro pour le slogan. Disons que nous voulons qu'ils quittent la scène à partir du deuxième numéro sept. Utilisons l' animation à l'échelle pour créer l'animation d'outro correspondante Sélectionnez toutes les couches de texte et appuyez sur. Créons des images-clés avec la valeur d'échelle actuelle, car nous voulons que le texte reste de la même taille jusqu'à présent. Passons maintenant au huitième et changeons l'échelle à zéro. Ensuite, sélectionnons toutes les images clés et ajustons la vélocité à l' aide de l'éditeur de graphes. Comme ça. Une fois cela fait, quittez l'éditeur de graphes et créons un décalage pour l' animation de sortie de ces couches. Cela a l'air bien, mais je pense que cela devrait arriver plus tôt. C'est mieux. Bien, maintenant appuyons sur la touche Ctrl pour enregistrer le projet. Nous pouvons fermer toutes les couches et passer à la dernière partie de cette leçon, où nous apprendrons des astuces super sympas pour rendre notre animation unique. Et nous le ferons dans la prochaine partie. On se voit là-bas. 19. Astuces et rendu pratiques: Bon retour. Voyons comment rendre notre scène visuellement plus intéressante. La première chose que nous allons faire est de créer une nouvelle couche de réglage. Cherchons ensuite l'effet appelé objectif CC et faisons-le glisser dessus. Maintenant, nous allons augmenter la taille ici. Comme vous pouvez le constater, cet effet rend la scène plus intéressante en la déformant légèrement Réglons la taille sur 150. Nous pouvons maintenant le rendre encore plus intéressant en animant cette propriété Passons au début de la chronologie et créons la première image clé avec la valeur actuelle. Appuyez maintenant sur vous pour voir les images clés que nous avons créées pour l'effet. Passons ensuite au deuxième chiffre deux et changeons la taille en 500. Convertissez ensuite les images clés en *** et voyons à quoi cela ressemble. Nous pouvons faire avancer ces images clés dans le temps. Disons que pour le deuxième chiffre, l' effet reste un peu plus longtemps dans la scène. Je veux que l'effet cesse lorsque la dernière lettre termine son animation. Parfait, sélectionnons maintenant l'effet ici, sur Entrée et copions nom de l'effet à l'aide de la commande C. Une fois terminé, sélectionnez le calque de réglage, appuyez sur Entrée et collez le nom. De cette façon, nous saurons quel effet se produit sur cette couche de réglage. Bien, créons maintenant une animation de zoom sympa lorsque l'icône survole les airs Pour ce faire, nous devons créer un autre calque de réglage au-dessus de tous les calques et appliquer un effet de transformation. Créons maintenant un nouveau calque de réglage, recherchons l'effet de transformation et faisons-le glisser sur le nouveau calque de réglage. Nous devons maintenant nous tenir au moment où l'icône entre scène et créer une image-clé pour la propriété d'échelle de l'effet de transformation Ensuite, appuyez sur vous pour voir l'image clé et passez au moment où l'icône est déjà en train d'atterrir. Et créez une autre image clé avec la même valeur que précédemment. Enfin, passons au milieu de ces images-clés et changeons la valeur en 130 Nous avons ainsi créé un zoom avant et arrière pour la scène à partir du moment où l' icône entre jusqu'à ce qu'elle apparaisse. Mais comme vous pouvez le constater pendant le zoom, vous remarquerez peut-être que l'icône sort du cadre. Mais ne t'inquiète pas. Nous pouvons y remédier avec la propriété de position des effets de transformation. Cela signifie que nous pouvons ajuster la position par rapport à ce qui se passe dans l'animation à l'échelle al. À ce stade, À ce stade nous maîtrisons parfaitement la position de la scène. Nous allons donc créer des images-clés avec cette valeur. Appuyez maintenant sur vous pour voir les nouvelles images clés. Passez ensuite au moment du zoom avant et déplacez la scène vers le bas. Passons ensuite à la fin de l'animation de zoom. Copiez le premier cadre clé et collez-le ici. Maintenant, sélectionnons toutes les images clés et appuyons sur F neuf pour les convertir en Z. Voyons à quoi ça ressemble. Ça a l'air sympa maintenant. Maintenant que toutes les images clés sont sélectionnées, passons dans l'éditeur de graphes et ajustons cette animation. Sélectionnons les images-clés du milieu et faisons glisser cette poignée vers la gauche. Faites ensuite glisser ces poignées vers la droite. J'adore ça. Après avoir fini de créer l'animation de zoom avant et arrière, quittons l'éditeur de graphes. Copions maintenant le nom de l'effet et collez-le sur ce calque de réglage. Génial. Revenons maintenant à notre icône et améliorons un peu son animation. Faisons en sorte que l'icône s'agrandisse lorsqu'elle plane dans les airs avant de quitter la scène Nous allons sélectionner cette couche et appuyer sur S pour voir la propriété d' échelle. En fait, nous pouvons appuyer sur la touche U pour voir toutes les images clés de cette couche afin de pouvoir chronométrer l' animation que nous allons créer avec l' animation de position que nous avons déjà Cela signifie qu'à partir de ce moment, lorsque l'icône commence à sortir, nous la définirons à la taille actuelle. Lorsqu'il atteindra cette zone, nous l'augmenterons à 100 %, voire 150. Rétrécissons maintenant cette couche, elle quitte la scène. Réglons la taille à zéro et voyons à quoi elle ressemble. OK, je pense que nous pouvons commencer le rétrécissement un peu plus tôt. Déplaçons cette image-clé ici. Maintenant, sélectionnons toutes les images clés de l'échelle et modifions la vélocité dans l' éditeur de graphes comme ceci. Voyons à quoi ça ressemble. Je pense que nous ne devrions pas le réduire à zéro à la fin. Passons à la dernière image-clé et changez-la à 50, mais je pense que l' animation de sortie des icônes se fait trop lentement. Pour accélérer le processus, nous pouvons sélectionner les dernières images clés et les faire glisser ici. Ajustons également la position de cette image-clé et voyons ce que nous avons Je pense que l'animation ascendante des icônes se produit trop vite. Rapprochons-nous de la chronologie et déplaçons cet image-clé un peu vers la droite. Voyons à quoi ça ressemble maintenant. Bien, maintenant, après avoir fini de régler l'animation des icônes, ajustons le moment de l'animation de sortie de l'arrière-plan. Pour cela, sélectionnez cette couche et appuyez sur vous pour voir ses images clés. Déplacez-les maintenant au moment où l'icône a presque quitté la scène OK, maintenant prenons un peu de recul. Fermez toutes les couches et créez un effet supplémentaire appelé temps postérisé. Avec cet effet, le mouvement de la séquence devient plus bégayé et agité, comme le cas d'une animation à l' ancienne Pour que cet effet affecte tous les calques, créons un nouveau calque de réglage au-dessus de tous les calques. Passons maintenant au panneau des effets et saisissons l' heure posturisée, puis faisons glisser l'effet sur le calque de réglage Changez maintenant la valeur à 12. Si nous voyons l'animation maintenant, nous pouvons voir qu'elle est un peu agitée Voyons à quoi ressemble toute l'animation avec cet effet. Si vous aimez ce style, vous pouvez quand même réduire la fréquence d'images à huit. Je préfère le garder à 12 heures. reste plus qu'à copier le nom de l'effet et à le coller sur le calque de réglage. OK, maintenant je veux vous apprendre un truc cool que vous pouvez utiliser lorsque vous travaillez avec des calques de réglage. Comme vous pouvez le constater, l'effet temporel posturé se fait sentir sur la couche de réglage Cette couche de réglage affecte tout ce qui se trouve en dessous. Cela signifie que nous pouvons créer un masque pour cette couche et choisir parties de la scène qui seront affectées par l'effet et celles qui ne le seront pas. Laissez-moi vous montrer ce que je veux dire. Sélectionnons l' outil Ellipse. Appuyez et maintenez. Et maintenant, choisissez l'outil rectangle. Assurez-vous que nous sélectionnons la couche de réglage avec l'effet temporel posturé. Mettons-nous maintenant dans un cadre où nous pouvons voir plupart des lettres quelque part par ici. Créons ensuite un masque comme celui-ci. Nous avons maintenant créé un petit bug dans cette partie de la scène Cela se produit car seule cette zone est affectée par l'effet temporel postérisé Nous pouvons maintenant masquer d'autres zones de la scène pour créer un aspect plus intéressant. Par exemple, nous pouvons créer un autre masque ici et un autre ici. Dans ces parties, l'animation se déplace à 12 images par seconde. Et dans d'autres parties, il se déplace à 24 images par seconde, ce qui correspond à la fréquence d'images initiale de la composition avec laquelle nous avons commencé. Très bien, voyons à quoi ça ressemble dans l'ensemble. Maintenant, si nous voulons changer la forme du masque, nous pouvons passer à l'outil de sélection. Double-cliquez sur le masque, puis modifiez sa forme, ou déplacez-le vers un autre emplacement pour passer au masque suivant, appuyez sur Entrée puis sélectionnez le deuxième masque. Vous n'êtes pas obligé de créer ces masques si vous n'aimez pas l'aspect général qu'ils créent. Bien, une fois que nous avons préparé tous les effets, nous sommes prêts à effectuer le rendu de notre animation. Mais avant cela, faisons encore une chose. Je souhaite que l' animation de zoom ne commence qu'une fois que la dernière lettre a terminé son animation. Pour cela, sélectionnons le calque de réglage avec l'effet de transformation et retardons le début de l' animation sur ce calque. Déplacez-vous avec l'indicateur de temps tout en regardant l'écran d' aperçu pour trouver le moment où la dernière lettre figure déjà dans la scène. Déplaçons ces images clés ici. La lettre termine maintenant son animation. Et ce n'est qu'alors que l' animation de zoom commence. Voyons voir, l'animation complète une fois de plus avant le rendu du projet. OK, nous sommes maintenant prêts à rendre notre projet. Passons d'abord au moment où l' animation est complètement terminée, est-à-dire aux alentours de la 11e seconde. Réduisons maintenant la zone de travail à ce point dans le temps pour éviter de rendre des parties inutiles. Pour ce faire, appuyez sur la touche N. Voyons maintenant comment rendre cette animation avec un arrière-plan transparent. Vous pouvez réactiver l'arrière-plan transparent pour le rendre avec un arrière-plan transparent. Nous devons d'abord accéder au panneau de rendu. Pour ce faire, appuyez sur la touche Ctrl M. Cliquez ici pour passer à la sortie finale en mode QuickTime dans les options de format, sélectionnez l'animation, puis cliquez sur OK. Maintenant, dans les canaux, choisissez RGB plus alpha. Cela indique à After Effects de rendre l'animation sans arrière-plan. Une fois terminé, cliquez sur OK. À présent, choisissons l'endroit où l'animation doit être rendue. Rendez-le dans notre dossier de rendus Maintenant, assurez-vous que le nom est correct, puis cliquez sur Enregistrer et rendre Attendons maintenant un moment. Génial Revenons maintenant à notre composition principale et apprenons à combiner notre rendu avec d'autres vidéos. Si nous voulons créer une transition entre deux vidéos et l'utiliser comme numéro animé, vous n'avez pas à le faire avec moi Je veux juste vous montrer le processus afin que vous sachiez comment procéder. Revenons d'abord au panneau du projet et appuyons sur la touche Ctrl pour créer une nouvelle composition. Nommez maintenant une composition de test. Ensuite, changez les dimensions en Full HD. 24 images par seconde et une durée de 20 secondes. Cliquez sur OK. Importons maintenant deux vidéos dans notre projet. Je vais choisir les vidéos que j'ai utilisées dans l'un de mes cours, mais vous pouvez choisir n'importe quelle vidéo que vous avez sur votre ordinateur. C'est bon. Je vais faire glisser l'une des vidéos dans la composition et la réduire. Je vais importer la vidéo que nous venons de rendre. Placez-le maintenant au-dessus de la vidéo dans la composition et déplacez notre rendu vers la seconde. Premièrement, lorsque nous voyons que l'arrière-plan de notre animation est sur le point de s'ouvrir, nous pouvons couper la couche vidéo et ajouter une autre vidéo. Laissez-moi vous montrer ce que je veux dire. Je vais rester ici avec l'indicateur de temps au moment où l' arrière-plan doit s'ouvrir. Ensuite, je recadrerai la séquence vidéo jusqu'à ce moment. Maintenant, je vais insérer une autre vidéo pour commencer exactement à partir de ce moment où l' arrière-plan s'ouvre, nous verrons la deuxième vidéo. De cette façon, nous avons créé une transition de logo sympa. Voyons à quoi cela ressemble dans l'ensemble. Très bien, après vous avoir montré ce processus, je vais supprimer cette composition car je n'en ai pas vraiment besoin. Je vais également supprimer les vidéos et le rendu de l'animation. Maintenant, rendons-le sous forme de fichier MP 4. Utilisons le raccourci et appuyons sur la touche Ctrl M. Maintenant, en mode sortie, nous choisirons H 0,264 40 MBPS Ensuite, nous devons choisir où rendre la vidéo. Maintenant, assurez-vous que le nom est correct. Ensuite, nous pouvons appuyer sur Enregistrer. Enfin, cliquez sur le bouton Rendu. Attendons maintenant quelques minutes. Voyons ce que nous avons. Super, ça a l'air génial. Revenons maintenant à notre projet principal et organisons-le. Avant de le fermer, nous pouvons fermer ces panneaux et les pré-compositions ouvertes. Commençons maintenant par créer un nouveau dossier dans le panneau du projet appelé assets. Faites glisser le dossier contenant les couches du logo et le dossier des solides dans celui-ci. Créez maintenant un autre dossier appelé precomps. Vous pouvez étiqueter la composition principale avec une couleur différente de celle des autres précompositions Faites maintenant glisser toutes les précompositions que nous avons créées pendant le projet dans ce dossier, l'exception de la composition principale Enfin, pour le rendre plus organisé, cliquez ici. Vous pouvez maintenant fermer le panneau des effets et appuyer sur la touche S pour enregistrer le projet. Vous pouvez également quitter Illustrator. Avant de terminer, réinitialisons les outils à leur état d'origine. Vous pouvez maintenant quitter le projet. J'espère que vous avez apprécié celui-ci, et j'ai hâte de vous voir dans la prochaine leçon où nous créerons une animation de logo super intéressante pour une entreprise technologique imaginaire. Ça va être génial, on se voit là-bas. Mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 20. Logo #2 Tâche d'accueil: Bonjour. J'espère que vous avez trouvé ces leçons utiles et que vous avez appris des choses nouvelles et intéressantes. Pour mieux vous souvenir de tout ce que nous avons abordé, je vous recommande vivement de vous entraîner en complétant ce devoir. Votre tâche consiste à recréer cette animation sympa. Vous avez la liberté de changer les couleurs et d'ajouter les graphismes supplémentaires que vous souhaitez chaque fois que vous rencontrez des problèmes ou avez des questions. N'hésitez pas à consulter le dossier du projet AE pour voir les étapes que j'ai suivies. De plus, vous pouvez toujours me contacter pour obtenir de l'aide. Bonne chance 21. Logo #3 - Animer un logo pour une entreprise technologique: Bonjour à tous et bon retour. Dans cette leçon, nous allons créer une animation de logo impressionnante pour une entreprise informatique fictive spécialisée dans la collecte de données. L'animation comprend quatre scènes animées clés qui seront créées individuellement avant de les assembler harmonieusement au moment parfait Tout au long de cette leçon, nous utiliserons un script intégré très pratique dans After Effects. Nous utiliserons certaines expressions, créerons des images-clés complexes et apprendrons de nombreuses techniques utiles pour travailler efficacement avec After Effects. Je suis sûr que vous allez adorer celui-ci, alors ne perdons plus de temps et plongeons-nous directement dans la leçon. 22. Animation de chemins divergents: Très bien, commençons donc par la leçon. J'espère que tu es prête, car cette leçon va être super intéressante, comme toujours. Commençons la leçon en examinant comment le logo a été créé dans Illustrator. Pour cela, ouvrons le dossier principal que nous avons créé pour le cours et entrons dans le dossier AI. Ouvrons maintenant le troisième logo pour voir la même disposition des panneaux. Passons à Window Workspace et sélectionnons Automation. Super, et maintenant comme vous pouvez le voir, ce design est également divisé en plusieurs couches. Il existe une couche d'arrière-plan, une couche d'icônes du logo et une couche du texte principal. La couche de texte est une couche de texte normale écrite dans la police Ezra Maintenant, avant de créer l'animation du logo, nous devons réfléchir à une manière intéressante de l'animer. C'est pourquoi, comme je le dis toujours, il est très important de créer une première esquisse de l'idée qui puisse être liée au concept de ce logo spécifique. Ouvrons l'idée d'esquisse de ce logo et voyons comment je l'ai planifié. Comme il s'agit du logo d'une entreprise technologique imaginaire spécialisée dans la collecte de données, j'ai pensé que ce serait cool toutes les données convergent vers un point unique et créent l'icône du logo, qui est la sphère Ensuite, cette sphère ouvre un portail d'où sortent toutes les lettres du logo. Très bien, arrête de parler. Ouvrons After Effects, nous pouvons fermer cette fenêtre. Maintenant, cliquons sur Par défaut pour que nous puissions tous voir les mêmes panneaux. Créons maintenant notre première composition. Nous l'appellerons Logo Animation Three. Nous travaillerons au format Full HD, réglerons la largeur à 1920 et la hauteur à 1080 pixels. la fréquence d'images sur 30 et définissez la durée sur 20 secondes. Enfin, choisissons la couleur de fond de la composition. Allons-y avec le noir. Bien, importons maintenant le design du logo dans le projet. Maintenant. Double-cliquez d'abord dans la zone vide du panneau de projet, puis sur le dossier AI et sélectionnez le troisième design de logo. Assurez-vous de ne pas sélectionner cette fonction et cliquez sur Importer. Maintenant, comme vous le savez déjà, nous devons choisir la composition, car nous voulons importer ce fichier avec des couches séparées. Ici, nous sélectionnons la taille de la couche car nous voulons que les limites de la couche correspondent à la taille de l'objet, non à la taille du document. Génial. Et maintenant, nous pouvons voir le dossier contenant toutes les couches du fichier Illustrator. De plus, vous pouvez voir la nouvelle composition portant le même nom que le fichier d'illustration créé automatiquement. Lorsque vous entrez dans la composition, le logo est séparé en couches, exactement comme dans le fichier Illustrator d'origine. Bien, clôturons cette pré-composition et commençons la leçon Mais avant cela, n' oublions pas de sauvegarder le projet et de lui donner un nom. Accédez à Fichier, puis cliquez sur Enregistrer. Trouvons maintenant le dossier que nous avons créé pour la leçon. Accédez au dossier AE et nommez le fichier de projet sur lequel nous travaillons actuellement. Nous pouvons cliquer sur ce projet pour échantillonner le nom, puis ajuster le nom au logo. L'animation 3 est soulignée dans les données, puis cliquez sur Enregistrer. Créons d'abord l'animation pour les lignes de données que nous voyons dans l'exemple. Pour faciliter le travail, montrons la grille des compositions correspondante , la touche apostrophe Commençons maintenant à créer les lignes de données. Nous allons d'abord sélectionner l'outil stylo. Ensuite, désactivez le remplissage et changez la couleur du trait en gris. OK, et laissez l' épaisseur à cinq pour le moment. Créons ensuite le premier point ici. Maintenez la touche Shift enfoncée et créez un autre point ici. Cela rendra la ligne droite. Augmentons maintenant l'épaisseur de la ligne à dix. Ensuite, centrez le point d'ancrage de cette couche à l'aide du raccourci situé à l'accueil. Maintenant, centrons le calque dans le centre de composition à l'aide de Control Home. Une fois cela fait, créons la petite sphère censée se déplacer le long de la ligne. Pour ce faire, appuyez longuement sur l'outil rectangle et sélectionnez l'outil ellipse Maintenant, assurons-nous de ne sélectionner aucune couche. Et créez la sphère tout en maintenant la touche Shift enfoncée pour qu'elle reste symétrique. Ensuite, colorons-le en gris et supprimons le trait. Génial. Nous pouvons maintenant fermer la couche sélectionnée et appuyer sur Entrée pour changer le nom en sphère. Changez ensuite le nom de cette couche en trait. Marquons maintenant cette couche avec une couleur différente afin pouvoir la différencier des autres. Très bien, voyons maintenant comment faire bouger la sphère le long de la trajectoire des lignes et comment l' animer pendant le mouvement Pour cela, nous utiliserons un script intégré dans After Effects. Voyons comment procéder. Tout d'abord, nous devons ouvrir la couche. Accédez au sommaire, ouvrez la forme, ouvrez le tracé et sélectionnez-le. Si vous ne sélectionnez pas le chemin, le script ne fonctionnera pas. Pour ouvrir le script, allez dans Window, faites défiler l'écran vers le bas et cliquez sur Create Nulls from Paths Cela ouvre un petit panneau pour ce script. Dans notre cas, nous utiliserons la fonction trace path. Vous pouvez le fermer, et comme vous pouvez le voir un nouvel objet nul a été créé dans la scène. Revenons à l'outil de sélection et voyons ce qui se passe ici. Mais commençons par comprendre ce qu'est un objet nul dans After Effects. Un objet nul est un type de calque qui ne s' pas ou n'apparaît pas sur l'écran d'aperçu, mais qui peut être utilisé comme point de référence pour les autres calques de la composition. Il s'agit d'un calque invisible qui peut être utilisé pour contrôler la position, rotation, l'échelle et d'autres propriétés des autres calques de la composition. L'un des principaux avantages de l'utilisation d'un objet nul est qu' il vous permet contrôler plusieurs couches à la fois plutôt que d'avoir à ajuster chaque couche individuellement. Par exemple, vous pouvez associer plusieurs couches à un objet nul, puis contrôler les couches avec la valeur nulle. Au fur et à mesure que nous avançons dans la chronologie, vous remarquerez que l' objet nul suit le chemin de la ligne. C'est cool, mais l'objet répète ce mouvement chaque fois qu'il atteint la fin du chemin, qui n'est pas ce que nous voulons. Empêchons l'objet nul de faire cela Tout d'abord, essayons de comprendre ce qui le pousse à le faire. Ouvrons la couche nulle, accédons aux effets, et vous verrez un effet appelé tracer le chemin dessus. Dans cet effet, propriété contient deux images clés appelées progression. La couche nulle se répète en raison d'une expression sur cette propriété. Vous pouvez repérer l'expression grâce la couleur rouge de la valeur de la propriété. Ajustons l'expression cette propriété et arrêtons-nous à partir de la valeur nulle pour répéter son mouvement. Pour accéder au panneau d'expression, sélectionnez la couche et appuyez deux fois sur la touche Ekey Maintenant, sélectionnons la première ligne et supprimons uniquement cette partie. Cette ligne de code crée une boucle nulle à l'infini. Cliquez ici pour terminer l'action. Assurez-vous de supprimer exactement ce que j'ai supprimé, sinon cela ne fonctionnera pas. Comme vous pouvez le constater, il se déplace du début à la fin du chemin pendant 1 seconde. C'est trop rapide pour nous. Passons au deuxième numéro trois et déplaçons la dernière image-clé ici Maintenant, cette animation dure 3 secondes, et non 1 seconde comme avant. Génial Voyons maintenant comment connecter la sphère à zéro. Nous pouvons le faire à l' aide de la fonction parent et lien qui se trouve ici. La parentalité est une relation entre deux couches , à laquelle l'enfant est attaché et suit le mouvement d' une autre couche, le parent. Lorsque vous associez une couche à une autre couche, tout mouvement ou transformation appliqué à la couche parent est également appliqué à la couche enfant. Cela est utile pour créer des animations complexes telles que des personnages ou des véhicules, où le mouvement d'une pièce affecte le mouvement d'une autre. La liaison, quant à elle, est une relation plus flexible qui vous permet de contrôler une propriété ou un paramètre d'une couche en fonction d'un autre. Très bien, maintenant associons la couche de la sphère à la couche nulle. Pour ce faire, nous allons faire glisser le fouet de la couche de la sphère vers la couche nulle Cela garantira que lorsque le zéro se déplace, la sphère se déplace avec lui. Si nous voulons désactiver la parentalité, nous pouvons cliquer ici et n'en sélectionner aucune. Comme vous pouvez le comprendre, nous avons besoin de placer la sphère dans la zone du zéro ici, puis de la connecter à zéro. Mais si vous ne voulez pas le faire manuellement, vous pouvez lier la sphère de manière à ce qu'elle soit automatiquement attachée à la position nulle. Voyons ce que je veux dire. Maintenons la touche Shift enfoncée et faisons maintenant glisser le fouet de la sphère vers zéro. Maintenant, la sphère est positionnée au point d'ancrage nul, ce qui signifie qu'elle se trouve à l'emplacement de zéro. À l'étape suivante, nous devons créer un chemin plus intéressant pour notre gamme. Pour cela, sélectionnons la couche de la ligne. Choisissez l'outil stylo, rapprochez-vous et créez des points supplémentaires dans ces zones. Créons un point ici, un autre ici, un autre ici et le dernier ici. Maintenant, sélectionnons ce point, maintenons la touche Shift enfoncée, puis sélectionnons ce point. Soulevons ces deux points. Si nous voulons modifier la forme de cette pièce, nous devons sélectionner ce point et le déplacer pour le sélectionner, maintenir la touche Alt enfoncée et le sélectionner comme ceci. Déplaçons-le ici. Sélectionnons ce point. Et déplacez-le également. Super, maintenant faisons de même de l'autre côté. Créons quatre points dans cette zone. Sélectionnez maintenant les deux points du milieu et déplacez-les cette fois vers le bas. Réorganisons un peu les points. Génial Nous pouvons prendre un peu de recul et continuer à ajuster la forme de cette ligne. Pour cela, maintenons la touche Alt enfoncée, sélectionnons ces points et déplacons-les ici. Déplaçons ensuite ces points ici. Peut-être que nous pouvons déplacer un peu les points du bas vers le haut. Faisons de même avec ceux-ci, d'accord ? Voyons à quoi ça ressemble. Ça a l'air bien. C'est maintenant le moment idéal pour appuyer sur la touche Ctrl afin de sauvegarder le projet avant de passer à autre chose. Apprenons maintenant à arrondir ces coins. Pour cela, ouvrons la couche de la ligne. Vous pouvez fermer la forme. Maintenant. Ensuite, sélectionnons le contenu et ajoutons un nouvel effet au contenu de cette couche appelé coins arrondis. Si vous zoomez un peu, vous constaterez une amélioration significative des angles. Ouvrons la nouvelle propriété et augmentons le rayon. Réglez-le sur 20. Génial. Apprenons maintenant comment faire en sorte que la sphère révèle la ligne pendant le mouvement. Réglons l' écran de prévisualisation en conséquence. À présent, sélectionnez la forme dans le contenu de cette couche et ajoutez l'effet des tracés de découpage. Ensuite, agrandissez légèrement ce panneau, puis ouvrez l'effet. Maintenant, en modifiant la valeur de la propriété appelée end, nous pouvons contrôler le dessin au trait. Associez cette propriété au mouvement de la sphère. Nous devons accéder à la propriété progress sous l'effet de chemin de trace trouvé dans la couche nulle. Fermons tous les paramètres, puis ouvrons uniquement la propriété de progression pour la voir uniquement. Maintenant, puisque notre sphère est connectée au zéro, elle apparaîtra comme si la sphère révélait la ligne. Pour que cela fonctionne, nous devons lier la propriété end de l'effet à la propriété de progression nulle. Désormais, lorsque le zéro se déplace, la sphère se déplace avec lui et la propriété finale de l'effet trim path se déplace avec la sphère. Ça a l'air génial. Passons à autre chose. Nous pouvons remettre l' écran d'aperçu en place. Maintenant, pour rendre cette animation plus intéressante, faisons disparaître la partie arrière de la ligne en fonction du mouvement de la sphère. Nous pouvons le faire en utilisant la propriété start de l'effet trim path. Décidons que la ligne commencera à disparaître à partir du deuxième chiffre, créons un cadre clé pour la propriété de départ avec la valeur actuelle. Passons maintenant à la fin de l'animation de la sphère à la troisième seconde et changeons la valeur en 100. Voyons à quoi ça ressemble. Ça a l'air bien. Fermons maintenant les couches et améliorons l'animation. abord, pour améliorer l'animation, nous devons voir toutes les images clés de cette scène. Vérifions-nous que nous ne sélectionnons aucune couche et appuyons sur vous. Commençons maintenant à améliorer le mouvement de la sphère. Sélectionnons ces images-clés. Appuyez sur neuf et modifiez la vélocité dans l'éditeur de graphes. Cliquez ici avec le bouton droit pour vous assurer que nous sommes dans le graphique de vitesse. Maintenant, sélectionnons ces images-clés et déplaçons la poignée ici pour que la sphère se déplace lentement au début, puis augmentons la vitesse vers la fin Désactivons la couche correspondant à la ligne et voyons à quoi elle ressemble. Passons maintenant à l' amélioration du mouvement de l'animation linéaire, car le mouvement de la ligne n'est plus synchronisé avec le mouvement de la sphère Revenons à la chronologie. Sélectionnez ces images-clés. Appuyez sur F neuf et modifiez la vélocité dans l'éditeur de graphes. Sélectionnons ces images-clés et déplaçons la poignée ici pour faire disparaître lentement la ligne au début, puis augmenter la vitesse vers la fin. Maintenant, je veux ajuster l'apparence du chemin que nous avons emprunté jusqu'ici. Et pour ce faire, sélectionnons l'outil stylo et ajustons un peu la forme de la ligne. Cliquez sur l'un des points, maintenez maintenant la touche Alt et sélectionnez les points dans cette section. Déplaçons cette partie ici. Déplaçons maintenant cette partie un peu vers la gauche. Voyons à quoi ça ressemble maintenant. OK, maintenant ajustons un tout petit détail que personne ne verra, mais il est important de le savoir. Zoomons un peu et voyons à quoi ressemble la fin de ce chemin. Comme vous pouvez le constater, la ligne se termine en ligne droite. Apprenons à l'arrondir. Pour ce faire, fermez puis rouvrez la couche pour voir tous les paramètres Maintenant, ouvrez le trait et remplacez le cap de la ligne par un capuchon rond. Maintenant, ça a l'air mieux. Changeons également de tour, rejoignez-nous ici. OK, et maintenant nous pouvons fermer tous les paramètres et les couches. Réglez l'écran d'aperçu comme il convient, revenez à l'outil de sélection et passez à autre chose. Créons maintenant une animation à l'échelle pour la sphère. Passez à zéro, sélectionnez cette couche et appuyez sur S pour voir le paramètre d' échelle. Changez maintenant la valeur à zéro et créez la première image clé avec cette valeur. Passons ensuite à l'image 15 et réglons l'échelle à 100. Copions ensuite ces images clés. Passez aux trois autres et collez-les ici. Maintenant, cliquez avec le bouton droit de la souris sur l'un des cadres clés. Accédez à l'assistant d'images clés et sélectionnez les images clés inversées dans le temps pour inverser cette animation Maintenant, la sphère va rétrécir lorsqu'elle atteindra son dernier point. Je pense qu'elle devrait rétrécir avant d'atteindre le bout pour voir quand la sphère atteindra son dernier point. Nous allons sélectionner la couche nulle et appuyer sur la touche suivante. Déplaçons l' animation à l'échelle de la sphère ici, sorte que la sphère disparaisse juste avant de terminer son mouvement. Maintenant, sélectionnons ces images-clés. Appuyez sur neuf et modifiez la vélocité dans l'éditeur de graphes. De cette façon, voyons à quoi cela ressemble. Parfait, nous pouvons revenir à la chronologie. Nous en avons donc terminé avec la première partie de notre animation. Comme nous le savons à l'avenir, nous devrons dupliquer cette animation plusieurs fois. Il est préférable d'imbriquer toutes les couches dans une seule composition. Il serait difficile de dupliquer les couches une par une. OK, sélectionnons toutes les couches et appuyons sur Ctrl Shift C, nous l'appellerons ligne de données 1. Assurez-vous que les deux options sont cochées et cliquez sur OK. Passons maintenant à cette pré-composition et ajustons la taille et la longueur de cette composition Pour ce faire, nous devons entrer ces paramètres de composition. Appuyez sur la touche Ctrl K. Réglez maintenant les dimensions de hauteur de cette composition. Assurez-vous que l'aperçu est coché pour voir ce que vous faites. Réglons-le sur 400. Raccourcissons maintenant la durée de la composition à 1 seconde, car nous savons que notre animation se termine à la troisième seconde. Voilà. Notre composition est prête et nous sommes prêts à passer à autre chose. Revenons à notre composition principale. Dans la partie suivante, nous allons créer une autre animation similaire à ce que nous avons fait, mais avec quelques petites modifications Nous allons jouer avec la taille de la sphère, l'épaisseur des lignes et les couleurs des objets. Rendez-vous dans la prochaine partie. 23. Techniques de duplication de couches: Bon retour. Apprenons à dupliquer des compositions comme un pro abord, il est important de savoir que pour réussir à modifier le design dans la composition dupliquée, nous devons dupliquer cette composition via le panneau du projet et non via le panneau des couches De cette façon, nous pouvons apporter des modifications à l'intérieur de la composition dupliquée sans affecter l'original Je vais te montrer ce que je veux dire. Trouvons notre composition dans le panneau du projet, sélectionnons-la et appuyons sur la touche D pour la dupliquer. Nous avons maintenant créé une nouvelle composition et son suffixe a été automatiquement remplacé par deux Passons maintenant à cette nouvelle composition et apportons quelques modifications au design. Nous allons commencer par changer la couleur de la couche de traits. Faisons-le blanc. Ensuite, changeons également la couleur de la sphère en blanc. Maintenant, intégrons cette composition dans notre composition principale. Et veillez à ce que les modifications n'affectent que la nouvelle composition. qui est formidable, car nous voulons avoir certaines variétés de cette animation de données. Très bien, maintenant organisons cette pré-composition dans la scène. Nous pouvons d'abord traiter et régler la taille de cette composition à 70. Cliquez ensuite dessus avec le bouton droit de la souris pour transformer et choisissez Retourner verticalement. Maintenant, je veux que la sphère atteigne le centre de la scène à la fin. Pour cela, allons à la fin de cette animation pour voir la dernière position de la sphère. Maintenant, faisons glisser cette pré-composition vers l'endroit où nous verrons la sphère au centre, quelque part par ici Vérifie que la sphère atteint le centre. Exactement. Génial. Maintenant, je veux que la grande sphère ne soit visible dans la scène lors de sa création. Pour ce faire, déplaçons cette composition ici. Voyons à quoi ça ressemble. Ça a l'air super. Marquons maintenant cette couche avec une couleur plus claire afin de la différencier des autres compositions. Créons maintenant une animation similaire de ce côté. Pour ce faire, nous allons dupliquer ces deux compositions à l'aide de la commande D. Ensuite, placez les nouvelles compositions ici, côte à côte. Et pour inverser les deux avec précision, cliquez ici avec le bouton droit de la souris et créez un nouveau zéro. Connectez maintenant les deux nouvelles compositions à la valeur nulle à l'aide du parent et du lien. Sélectionnez ensuite le zéro. Cliquez avec le bouton droit de la souris, passez à la transformation et choisissez Flip Horizontal pour que la scène soit aléatoire, cliquez avec le bouton droit sur le zéro et passez à nouveau aux transformations, mais cette fois , choisissez la verticale Cela semble un peu plus intéressant. OK, maintenant dissocions ces deux compositions de la valeur nulle, et créons une animation similaire de ce côté Pour cela, nous allons dupliquer ces compositions une fois de plus. Déplacez-les vers le haut et connectez-les au zéro. Sélectionnez maintenant le zéro, appuyez sur R pour afficher la propriété de rotation et faites-le pivoter à -90 degrés. Ça a l'air bien. Une fois cela fait, dissociez ces compositions de la valeur nulle et dupliquez-les une fois de plus. Déplacez les nouveaux vers le haut, connectez-les au zéro et faites pivoter le zéro à -270 degrés. En gros, nous avons utilisé la valeur nulle et la fonction parent et lien pour concevoir et positionner nos couches dans l'arnaque. Maintenant que nous en avons terminé, nous n'avons plus besoin de la valeur nulle. Sélectionnons-la et supprimons-la en appuyant sur Retour arrière ou sur Supprimer Créons maintenant un petit décalage entre les lignes de données blanches et les lignes grises. Sélectionnons toutes les lignes de données, deux compositions à la fois. Pour cela, cliquez ici et choisissez Select Label Group. Nous pouvons zoomer sur la chronologie. Faisons maintenant avancer dans le temps les préparations sélectionnées pour les images Voyons à quoi ça ressemble. Génial. Créons maintenant une autre version de l'animation de la ligne de données. C'est-à-dire que nous devons créer la même animation, mais apportant quelques modifications à la question de conception. D'où devons-nous copier la composition pour pouvoir apporter des modifications sans modifier les précédentes ? Pour ce faire, nous allons dupliquer la ligne de données deux pré-compositions via le panneau de projet. Sélectionnons-le. Appuyez sur la touche Ctrl D. Maintenant, entrons dans la nouvelle composition et apportons quelques modifications au design. Nous allons commencer par changer la couleur de la sphère en une couleur plus foncée. Ensuite, changeons également la couleur de la ligne de contour en une couleur plus foncée. Maintenant, intégrons cette précomposition dans la composition principale et positionnons-la dans la scène Placez-la de manière à ce qu'elle soit au centre de la scène lorsque la sphère atteindra sa position finale . Ensuite, marquons cette couche avec une couleur différente pour la séparer des autres compositions. Isolons maintenant cette couche pour ne voir qu'elle. Et maintenant, atteignons le point où la sphère atteint sa dernière position et déplaçons cette précomposition en conséquence. Une fois cela fait, appuyez sur R pour afficher la rotation de cette couche. Maintenant, je veux que cette composition soit positionnée en diagonale dans la scène Cependant, si je fais pivoter cette composition, elle pivotera à partir de son centre car le point d'ancrage se trouve au milieu. Cela signifie que nous devons déplacer le point d'ancrage ici. Prenons l' outil de point d'ancrage et déplaçons-le ici. Une fois cela fait, n'oubliez pas de revenir à l'outil de sélection. Maintenant, lorsque nous faisons pivoter la couche, elle pivote correctement. Passons au moment où nous pourrons voir toutes les couches pour voir ce que nous faisons. Réglons-le maintenant sur 45. Appuyez maintenant pour afficher l' échelle de cette couche. Et réduisez-le légèrement, car vous pouvez voir la couche se par rapport à la position de son point d'ancrage. Réglons-le sur 50. Créons maintenant des copies supplémentaires de la précomposition et organisons-la de manière à ce qu'elle traverse la scène Sélectionnons cette pré-composition et dupliquons-la ensuite. Faisons-le pivoter. Je pense que nous pouvons le fixer à 135. Maintenant, dupliquons-le une fois de plus et faisons-le également pivoter. 224 degrés, ça a l'air bien. Maintenant, ces deux pré-compositions sont placées symétriquement. Maintenant, dupliquons cette pré-composition une dernière fois et faisons-la pivoter par rapport à la pré-composition qui la précède 310 a l'air bien. Maintenant, nous allons vérifier que tout va bien. OK. Fermons maintenant toutes ces couches, isolons-les et passons à autre chose. Comme vous pouvez le constater, notre panneau de couches contient une tonne de précompositions , ce qui rend la navigation difficile Pour gagner du temps et faciliter les choses, nous devons organiser nos couches. Tout d'abord, agrandissons ce panneau et sélectionnons uniquement les deux précompositions de la ligne de données. Déplacez-les maintenant vers le haut pour qu'elles soient côte à côte Ensuite, créons un léger décalage pour les trois compositions de la ligne de données. Pour ce faire, arrivons à un moment où nous pouvons voir toutes les précompositions. Maintenant sélectionnez-les toutes et déplacez-les de quelques images Voyons à quoi ça ressemble. Je trouve que ça a l'air génial. Bien, nous avons terminé la conception de la scène des lignes de données. C'est le moment idéal pour appuyer sur les commandes pour enregistrer tout ce que nous avons fait jusqu'à présent. Maintenant, pour que notre composition principale reste organisée, nous allons sélectionner toutes les pré-compositions et les imbriquer dans une seule composition Vous pouvez le faire en appuyant sur Ctrl Shift C. Maintenant, renommez la composition en lignes de données principales et cliquez sur OK Pour conserver une qualité optimale, si nous voulons redimensionner cette composition ultérieurement, activons la fonction de réduction pour cette précomposition et pour toutes les précompositions Cliquez ici si vous ne voyez pas la fonction de réduction. Génial. C'est le moment idéal pour appuyer sur la touche S pour enregistrer le projet. Avant de passer à la partie suivante, nous allons animer la sphère principale et créer une animation de portail super cool Ça va être génial. Alors on se voit dans le prochain. 24. Timing avancé: Bon retour. Dans cette partie, nous allons animer la sphère colorée, créer une animation ondulée sympa derrière elle et apprendre à créer un portail Commençons par l'animation de sphères colorées. Pour ce faire, trouvons-le dans les couches du design du logo et faisons-le glisser dans notre composition. Passons maintenant au début de l'animation. Éteignez cette presse pré-comp, créez une animation à l'échelle pour la sphère Remplaçons la valeur à zéro à ce stade. Et créez la première image clé avec cette valeur. Passons ensuite au deuxième chiffre un et changeons la valeur en 100. Convertissons maintenant ces images-clés. Pour *** sélectionner ces images clés, appuyez sur neuf et réglez la vélocité dans l'éditeur de graphiques. La couche commence à croître rapidement et ralentit vers la fin. Voyons à quoi cela ressemble, et maintenant ajoutons une animation de rotation. Nous allons sélectionner la couche. Appuyez maintenant sur R pour voir la propriété de rotation. Voyons comment faire pivoter la sphère sans créer d'images-clés. Nous pouvons le faire avec une expression simple. Tout d'abord, pour créer une nouvelle expression pour cette propriété. Maintenez la touche Alt enfoncée et cliquez une fois sur le chronomètre. Écrivons maintenant un multiple de temps de 100, puis cliquez ici pour terminer l'action. Ça y est. Notre sphère tournera sans cadres clés. Maintenant, je vais vous apprendre une astuce sympa pour créer un effet de surlignage sympa sur la sphère. Pour lui donner un aspect plus tridimensionnel. Cliquez d'abord avec le bouton droit sur la couche, accédez à Styles de couche et sélectionnez Inner Shadow. Si vous zoomez un peu, vous verrez qu'il y a maintenant une ombre dans cette partie. Ouvrons l'effet, changeons la couleur en blanc. Réglez ensuite le mode de fusion à l'écran. Comme vous pouvez le constater, nous avons déjà un bon aperçu de cette zone. Réglons maintenant l'opacité à 100 %, la distance à huit et la taille à 15 Une fois cela fait, changeons la position de la lumière haute que nous avons créée. Pour ce faire, nous devons faire pivoter le paramètre d'angle. Réglons-le sur 340. Enfin, pour conserver la meilleure qualité de ces couches, activez la fonction de réduction de cette couche et fermez-la. Bien, revenons maintenant au début de l' animation et créons l' ondulation qui devrait se trouver derrière la sphère Pour ce faire, sélectionnez l'outil Ellipse. Maintenant, cliquez une fois ici pour vous assurer que nous ne sélectionnons aucune couche. Désactivez maintenant la couleur de remplissage. Changez ensuite la couleur du trait en blanc et créez un cercle tout en maintenant la touche Shift enfoncée. Maintenant, centrons cette couche dans la scène à l'aide de Control Home. Au lieu de créer une animation à l'échelle pour cette couche, nous pouvons simplement sélectionner la couche sphérique, appuyer sur S, sélectionner la propriété et appuyer sur le contrôle C pour copier les images clés qui s'y trouvent. Sélectionnez maintenant le cercle et appuyez sur la touche de contrôle V pour coller les images clés. Appuyez sur vous pour voir les images clés. Animons également l' épaisseur du trait de ce cercle Ouvrons et fermons la couche pour voir tous les paramètres que nous pouvons transformer. Et maintenant, ouvrez le contour de l' ellipse du contenu. Maintenant, changeons la largeur à 40 et créons la première image clé à ce stade. Passez maintenant au second et modifiez la largeur à zéro. Une fois cela fait, convertissez ces images-clés en images EasyE et voyez quel point elles sont géniales. Déplaçons maintenant la couche d'ondulation légèrement vers l'avant dans le temps pour créer un léger décalage entre l'animation de la sphère Ça a l'air super. Nous pouvons activer cette pré-composition pour le moment. Une fois que nous avons fini d'animer la sphère et l'ondulation, réunissons ces deux couches dans une seule précomposition pour maintenir l'ordre dans notre Changons le nom en Big Sphere Comp et appuyons sur OK. Maintenant, saisissons cette précomposition et redimensionnons-la, car nous avons actuellement beaucoup d' vide et inutile Appuyez sur la touche K pour accéder aux paramètres de composition. Redimensionnez-le à 600 x 600. C'est bien mieux. Sélectionnez maintenant cette couche, appuyez sur vous pour afficher ses images clés. Et coupez la couche jusqu'à ce que l'animation se termine. Placez-vous ici avec l'indicateur de temps et appuyez sur Alt et sur le crochet droit pour le faire. Voyons à quoi cela ressemble avant de passer à autre chose. Super, revenons maintenant à la composition principale et activons le collapsus pour cette précomposition Revenez maintenant à l'outil de sélection et balisez cette précomposition avec une couleur différente afin que nous puissions distinguer de la composition des lignes de données Déplaçons maintenant cette couche dans le temps et trouvons le point où la grosse sphère est censée entrer dans la scène. Cela devrait se produire ici lorsque toutes les sphères de données se rejoignent au centre. Positionnons-le ici et voyons à quoi il ressemble. Ça a l'air bien, mais maintenant je remarque que l'ondulation est au-dessus de la grande sphère Je vais zoomer un peu pour vous montrer ce que je veux dire. Nous ne voulons pas que l' ondulation soit à l'avant, nous avons besoin qu'elle se trouve derrière la sphère Entrons dans cette précomposition et déplaçons cette couche sous la couche sphérique Bien, revenons à la composition principale, ajustons l'écran de prévisualisation en conséquence et passons à la partie suivante où nous allons apprendre à créer le portail et la scène d'animation de texte. Commençons par le portail, désactivons les couches et ouvrons une grille pour un meilleur flux de travail. Vous pouvez activer cette grille à partir d'ici ou ouvrir à l'aide du raccourci Alt et de la touche apostrophe Sélectionnons l'outil stylo. Cliquez ensuite ici pour vous assurer que nous ne sélectionnons aucune couche. Activez maintenant le remplissage et laissez-le temporairement en gris. Laissez le trait blanc d'une épaisseur de dix. Nous pouvons le modifier ultérieurement si nécessaire. Commençons maintenant à créer le portail. Créez le premier point ici et continuez à le façonner. Ensuite, double-cliquez sur le tracé de la forme. Et tout en maintenant les touches Shift et Ctrl enfoncées, redimensionnez-le symétriquement redimensionnez-le symétriquement dans toutes les directions. Cela devrait suffire. Appuyez ensuite sur Entrée pour terminer l'action. Maintenant, animons-le, mais avant cela, appuyez sur Alt, une touche apostrophe pour désactiver la grille Ouvrez maintenant le calque et les propriétés de forme. Pour animer cette couche, nous devons créer des images-clés pour le tracé de cette forme Pour l'instant, passons au deuxième numéro un. Parce que nous savons que la forme du portail doit être exactement telle qu'elle est actuellement. Par conséquent, nous pouvons créer la première image clé et indiquer les effets secondaires à ce stade. Cette forme doit ressembler à ceci. Revenons maintenant dans le temps et ajustons la forme à ce qu'elle devait être au début. Tout d'abord, sélectionnons ce point. Appuyez sur la touche apostrophe pour voir le centre de la scène. Déplaçons maintenant ce point vers le centre. Ensuite, sélectionnons ce point. Et déplacez-le également vers le centre. Nous pouvons l'ajuster un peu avec les touches fléchées. Ensuite, sélectionnons les images clés et appuyons sur F neuf pour les convertir en images faciles. Enfin, maintenez la touche Alt enfoncée et cliquez sur l'une des images-clés pour modifier la vélocité via le panneau de vélocité des images-clés Réglez-la sur 85 pour les deux valeurs Appuyez sur OK, et voyez à quoi ça ressemble. Parfait, nous allons maintenant créer une animation révélatrice pour ce chemin. Pour créer cette animation de révélation, nous pouvons créer un masque pour cette forme. Puis animez le tracé du masque pour révéler la forme Voyons ce que je veux dire. Sélectionnez d'abord la couche. Cliquez ensuite sur l'outil ellipse et maintenez-le enfoncé pour sélectionner l'outil rectangle Assurez-vous maintenant que cette couche est sélectionnée et créez le masque. Mais attention à ce qui s'est passé. Au lieu de créer un masque, nous avons simplement créé une nouvelle forme. Appuyons sur la touche Z pour annuler l'action et essayer de comprendre pourquoi elle s'est produite. Pour créer des masques sur des couches de forme, nous devons sélectionner cette icône ici. Ainsi, après les effets, nous saurons que nous voulons créer un nouveau masque sur ce calque de forme et non créer une forme supplémentaire à l'intérieur de ce calque. OK, après avoir sélectionné l' icône, créons le masque. Il ne nous reste plus qu'à animer le chemin des masques. Mais avant cela, avançons dans le temps les cadres clés de l' ouverture du portail. Parce qu'avant l'ouverture, nous devons créer les images clés pour révéler l'animation du trait. Déplacez ces images-clés vers le deuxième numéro un. Créons maintenant une animation pour le tracé du masque. Pour voir le tracé du masque, sélectionnez le calque et appuyez sur M. Maintenant, à ce moment, qui est le deuxième chiffre, le masque doit ressembler à ce qu'il est. Créons maintenant la première image clé lorsque le chemin ressemble à ce qu'il est actuellement. Remontez maintenant dans le temps jusqu'au début de cette couche. Changeons le tracé du masque jusqu'à ce que le trait blanc du portail ne soit plus visible. Pour cela, revenons à l'outil de sélection. Sélectionnez maintenant les deux points inférieurs du masque et déplacez-les vers le centre de la couche. Sélectionnez maintenant les points de la partie supérieure du masque et déplacez-les également vers le centre de la couche. Veillez à ne pas sélectionner le point de trajectoire du portail. Sélectionnez uniquement le chemin du masque. Rapprochons-nous maintenant et déplaçons les points à l'aide des touches fléchées du clavier jusqu'à ce que nous ne voyions plus la couche. Sélectionnez ensuite les images clés et appuyez sur F neuf. Cette fois, nous allons modifier leur vélocité à l'aide de l'éditeur de graphes pour que le masque s'ouvre rapidement au début de l'animation. OK, maintenant, comme vous pouvez le voir, quand la forme s'ouvre. Nous avons un petit problème avec les coins. Si je me déplace d'avant en arrière, vous pouvez voir les coins devenir nets. Pour résoudre ce problème, fermons le calque et rouvre-le. Fermez le masque. Passons maintenant au trait de cette forme ici. Remplacez la jointure linéaire par la jointure ronde. Une fois terminé, fermez le trait et passons à autre chose. Créons maintenant une belle animation pour la largeur du trait. d'abord, trouvons le moment où nous voulons commencer le trait par une animation. Passons au deuxième numéro un après l'animation révélatrice. Ouvrez maintenant le trait et animons cette propriété. Vous pouvez agrandir un peu cette zone pour mieux la voir. Maintenant, je veux que l'épaisseur soit de dix avant que le portail ne s'ouvre. À la seconde. Numéro deux, lorsque le portail s'ouvre, l'épaisseur doit être nulle. Adoucissons maintenant ces images-clés et voyons à quoi elles ressemblent. Je trouve que ça a l'air génial. Nous pouvons fermer les paramètres de cette couche. Chronométrons maintenant cette couche avec le reste de l'animation. Tout d'abord, nous pouvons sélectionner cette couche et appuyer sur vous pour voir les images clés avant de synchroniser l'animation du portail avec le reste de la scène. Appuyez sur Entrée sur cette couche et changez le nom en losange, car c'est le nom officiel de cette forme Vous pouvez également écrire Portal si vous souhaitez, cela n'a pas vraiment d'importance. Fermons maintenant le calque, configurons l'écran de prévisualisation en conséquence et passons au chronométrage de ce calque avec le reste de l'animation. Je pense que le portail devrait entrer en scène quelque part par ici. Activons le reste des couches et glisser le portail jusqu'à l'emplacement de l'indicateur temporel. Cela n'a pas d'importance pour le moment, car avant que le portail ne s'ouvre, nous devons faire en sorte que la sphère touche la ligne du portail. Déplaçons-le ici pour le moment. Et créez une animation tactile pour la sphère censée démarrer l'animation du portail. Pour l'instant, décidons que l'animation tactile doit commencer à partir du deuxième chiffre quatre, nous pouvons également faire avancer cette couche dans le temps pour le moment, afin qu'elle ne nous gêne pas. Sélectionnez maintenant la grande sphère et appuyez sur P pour voir la propriété de position. Créons maintenant la première image clé avec la valeur actuelle, car nous sommes satisfaits de la position de cette couche jusqu'à présent. Déplaçons maintenant 15 images l'avant et déplaçons cette couche ici. Maintenant, déplaçons à nouveau 15 images vers l'avant, et déplaçons cette couche ici, car c'est là que la ligne du portail commencera à apparaître. Passons maintenant au deuxième numéro six et déplaçons la couche ici. Nous comprendrons pourquoi dans un instant. Ensuite, trouvons le moment où le portail devrait commencer à s'ouvrir. Cela devrait se produire lorsque la sphère fait l'animation tactile. Revenons et avançons dans le temps tout en essayant de trouver le moment idéal pour l'ouverture du portail. Je pense que nous devrions commencer le portail à partir du deuxième numéro quatre. Faisons-le glisser ici et voyons à quoi il ressemble. Cela semble être le bon moment par rapport à l' animation de la sphère. Améliorons maintenant l' animation de la sphère. Sélectionnons toutes les images clés et appuyons sur neuf. Faisons maintenant en sorte que la sphère atteigne rapidement ce point pour créer l'illusion qu' elle touche la ligne. Pour ce faire, sélectionnons cette image-clé et accédons à l'éditeur de graphes Faisons maintenant glisser cette poignée ici et cette poignée ici pour que la sphère se déplace rapidement dans cette partie. Maintenant, sélectionnons cette image-clé et déplaçons sa poignée comme suit Voyons ce que nous avons. C'est un peu trop rapide. OK, c'est mieux. Le mouvement tactile ne me semble toujours pas assez réaliste. Resserrons-le un peu plus maintenant, déplaçons le manche de cette image-clé ici pour que la balle rebondisse rapidement après avoir touché la ligne Voyons à quoi ça ressemble. Ça a l'air génial. Revenons maintenant à notre chronologie et continuons à chronométrer ces couches. heure actuelle, la ligne du portail commence son animation trop tôt et elle entre en collision avec la sphère Faisons avancer le portail dans le temps. Ajustons maintenant l' animation d'ouverture du portail, car pour le moment elle n'est pas synchronisée avec l' animation tactile de la sphère, qui se produit au deuxième chiffre cinq Appuyez sur la couche du portail et sélectionnez les images clés correspondant aux formes qui s'ouvrent et à l'épaisseur de la ligne Et déplacez-les ici. Voyons à quoi ça ressemble. accord, ça a l'air bien, sauf que le ballon se déplace trop sur le côté après l'ouverture du portail. Plongeons-nous sur cette image-clé et ajustons-la. Déplaçons-le ici. C'est mieux Appuyez sur Ctrl pour enregistrer tout ce que nous avons fait jusqu'à présent. Revenons maintenant dans la chronologie, fermons les couches et passons à la partie suivante où nous allons créer l'animation de texte qui l'animation de texte qui sortira de l'intérieur du portail. Rendez-vous dans la prochaine partie. Ça va être génial. Mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 25. Texte issu d'une animation de tunnel: Bon retour. Commençons par une leçon sur la façon de créer une animation de texte sympa à partir du portail. Et pour faciliter notre travail, nous pouvons créer notre texte dans une composition séparée. De cette façon, nous n'aurons pas à nous inquiéter que les autres couches gâchent notre travail De plus, il sera beaucoup plus simple d' ajouter l'animation du texte à notre scène ultérieurement. Créons une nouvelle composition. Nous pouvons le faire par le biais de la composition. Nouvelle composition ou utilisation de la touche de raccourci. Appelons cela de la composition textuelle, réglons les dimensions sur Full HD pour le moment, nous l'ajusterons peut-être plus tard Nous allons conserver les autres paramètres tels quels et appuyer sur. OK, voilà. Nous venons de passer à la nouvelle composition que nous avons créée. Vous pouvez également le trouver dans le panneau des projets. Génial. Faisons maintenant glisser le calque de texte original d' Illustrator dans notre composition pour l' utiliser comme référence Sélectionnez ensuite l'outil de texte et écrivez le nom de l'entreprise. Maintenant, double-cliquez sur le texte et changez la police en Ezra Irregular Colorie ensuite le texte en blanc et change la taille à 100. Maintenant, sélectionnons uniquement la lettre O et échantillonnons la couleur du calque d'origine. Une fois cela fait, nous pouvons supprimer cette couche. Et n'oubliez pas de passer au paragraphe pour vous assurer que notre texte est centré et écrit de gauche à droite. Bien, sélectionnez maintenant la couche de texte. Appuyez sur la touche Ctrl Alt pour centrer le point d'ancrage au centre de la couche. Puis contrôlez Accueil pour centrer le calque dans la composition. Revenez maintenant à l'outil de sélection et animons le texte Au lieu de diviser et d' animer manuellement chaque lettre une par une, ce qui prendrait beaucoup de nous utiliserons les animateurs de couches et faire, nous utiliserons les animateurs de couches et After Effects Sélectionnez le texte à travers le calque et créez le premier animateur qui doit être de type position, car c'est l' animation que nous voulons créer Maintenant rapprochons-nous. Vous y verrez de petites croix rouges. Il s'agit en fait des points d'ancrage de chaque lettre actuellement situés en bas de la lettre. Apprenons à le déplacer au centre des lettres. Pour cela, ouvrez d'autres options et modifiez la valeur à partir de l' alignement des groupes dans notre cas. -30 c'est excellent. Maintenant fermons-le et passons à autre chose. Décidons maintenant où se situera le point de changement dans ce texte. Dans notre cas, c'est là qu'il entre dans le cadre. Décidons que le texte doit venir de la gauche. Nous allons écrire -600 ici. Ouvrons maintenant le sélecteur de plage et avançons. Modifions maintenant la forme des animateurs pour qu'ils soient réduits. Pourquoi diminuer et ne pas augmenter ? Parce que nous voulons que la dernière lettre soit envoyée en premier. Bien, passons au début de l'animation et créons une image clé pour la propriété offset avec une valeur de 100. Passons maintenant au deuxième chiffre trois et changeons la valeur -100. Améliorons maintenant cette animation en modifiant la vélocité de ces images clés Lorsque vous utilisez des animateurs, il n'est pas nécessaire d' accéder au panneau de vélocité des images clés Nous pouvons le contrôler directement depuis l'animateur. Réglons-le sur 84 Es haut et 84 Ease bas. Voyons à quoi ça ressemble. Ça a l'air bien. Ajoutons maintenant une animation de rotation pour les lettres. Pour cela, sélectionnons l'animateur. Cliquez sur la petite flèche à côté du mot « ajouter à la propriété » et choisissez la rotation. Nous avons maintenant une nouvelle propriété dans l'animateur. Nous pouvons définir cela au point de départ de l'animateur. Les lettres seront pivotées de -90 degrés. Les images clés que nous avons créées pour le décalage seront désormais affectées par les deux propriétés de cet animateur La position et la rotation. Ça a l'air super. Revenons maintenant à notre composition principale et insérons l'animation de texte que nous venons de créer. Faisons avancer cette couche dans le temps, l'entrée du texte en fonction ce qui se passe dans la scène. Le texte doit commencer à ce moment à partir du deuxième numéro six où le portail est ouvert. Mais comme vous pouvez le constater, il n'est pas positionné là où il devrait être. Le texte doit être placé quelque part par ici. Cela signifie que nous devons revenir à la composition du texte et ajuster sa position finale Voyons ce que nous devons faire dans de telles situations. Donc, tout d'abord, nous pouvons verrouiller le panneau de la composition principale ici. Passons maintenant à la précomposition du texte. Faites maintenant glisser ce panneau de précomposition. Ici, de ce côté, nous voyons la précomposition du texte de l' Et nous voyons ici notre composition principale, qui est verrouillée pour le moment. Cela signifie que toutes les couches que nous voyons dans ce panneau appartiennent à la composition du texte. Très bien, maintenant, lorsque nous déplaçons le texte, nous voyons immédiatement à quoi il ressemble dans la composition principale. Bien, trouvons une bonne position pour le texte, quelque part par ici, car nous le déplaçons. Nous allons au début de l'animation, il semble qu'une partie soit au mauvais endroit. Parce qu'à l'heure actuelle, nous pouvons le voir avant qu' il ne sorte du portail. Cela signifie que nous devons ajuster le point de modification nous avons défini pour la propriété position de notre animateur de texte Ce n'est pas un problème, il suffit de changer le point de départ du texte dans notre animateur Passons à la propriété position de l'animateur et changez-la -700 Comme vous pouvez le voir maintenant, tout est au bon endroit Une fois cela fait, nous pouvons déverrouiller ce panneau et fermer l'un d'entre eux. Bon, revenons à la composition du texte. Après l'avoir positionné et ajusté, appuyons sur la touche K pour le redimensionner Nous avons beaucoup d'espace vide ici, alors réduisons la hauteur jusqu'à ce que nous trouvions la bonne taille. Je pense que nous pouvons le fixer à 250. Enfin, revenons à la composition principale et appliquons le collapsus à cette précomposition Nous devons maintenant créer un effet de révélation où le texte émerge de notre portail. Cela signifie que nous devons créer l'illusion que le texte sort du portail. Et nous pouvons le faire en utilisant la fonction Track Matt. C'est-à-dire que nous pouvons utiliser la forme du portail pour servir de masque à la précomposition du texte Je vais te montrer ce que je veux dire. Tout d'abord, dupliquons cette forme. Déplacez-le au-dessus du texte. Modifiez le nom de cette couche pour le masquer pour le texte. Et maintenant, rendez le texte visible uniquement dans les limites de cette forme. Nous pouvons le faire en utilisant la fonction Track Matte. Cliquez ici pour voir cette fonction. Faisons maintenant glisser le fouet du tapis de piste de cette couche vers la couche portail Sélectionnons-le et appuyons sur M pour supprimer le masque de cette couche. Nous n'en avons pas besoin pour le moment. Maintenant, comme vous pouvez le voir sur le côté du portail, nous ne pouvons pas voir les lettres. Et c'est exactement ce dont nous avons besoin pour créer l'illusion que le texte sort du portail. Mais en même temps, nous ne pouvons pas non plus voir les lettres qui sont censées en sortir. Corrigez ce problème, nous devons changer le chemin de cette forme. Avant cela, désactivons temporairement la couche du portail réel afin de voir ce que nous faisons. Comme vous le savez peut-être déjà, certaines images clés du tracé modifient sa forme. Les premières images clés ne nous dérangent pas. Ce qui nous dérange, c'est la façon dont le portail s'ouvre. C'est le deuxième élément clé. Cela signifie que nous devons nous concentrer sur les dernières images clés du chemin et le modifier. Passons au cadre clé que nous voulons ajuster. Maintenant, pour voir les points du tracé de cette forme, nous devons sélectionner le chemin à travers la couche. Nous pouvons maintenant sélectionner ce point et le déplacer vers la droite pour modifier cette animation de trajectoire. Le texte sera maintenant visible car nous avons agrandi la zone de la couche qui fonctionne comme un masque. OK, réactivons le portail O et voyons à quoi tout cela ressemble. Ça a l'air super. Créons maintenant une animation de clôture pour le portail. d'abord, trouvons un moment où cela devrait se produire. Disons par ici. Sélectionnez maintenant cette couche et appuyez sur vous pour voir les images clés qu'elle contient. Ensuite, créons la même animation qu'au début, mais en sens inverse. Nous pouvons sélectionner toutes ces images-clés, les copier et les coller à la position de l' indicateur de temps à l'aide commande V. Maintenant, cliquez avec le bouton droit sur l'une des images-clés Accédez à Keyframe Assistant et choisissez les images-clés temporelles inversées Une fois terminé, sélectionnez les cadres clés pour fermer le portail. Et déplacez-les ici car ils doivent commencer à se fermer avant que le masque ne se ferme. Voyons à quoi ça ressemble. Super, donc une fois le texte sorti et le portail fermé, rapprochons la sphère du texte. Cela signifie que nous devons créer une animation de position pour cela. Sélectionnez d'abord la composition de la sphère et appuyez sur P pour voir le paramètre de position Trouvons maintenant le moment où nous voulons que la sphère commence à se déplacer vers le centre de la composition, disons à neuf secondes. Juste un moment avant la fermeture de la ligne du portail. Créons maintenant des images-clés avec la valeur actuelle jusqu'à présent Nous voulons que la sphère reste là où elle se trouve actuellement. Passez maintenant à la dixième seconde et déplacez la sphère vers sa position finale, quelque part par ici. Revenons maintenant au point où la sphère commence à bouger. Et ajustez également la position du texte pour le déplacer vers le centre. À partir de ce moment, sélectionnez la composition du texte, appuyez sur P, puis créez une image clé avec la valeur actuelle Passez à la dixième et déplacez cette couche ici. Sélectionnez maintenant tous les images-clés que nous avons créées pour le poste. Appuyez sur neuf, maintenez la touche Alt et cliquez deux fois sur l'une des images-clés pour modifier sa vélocité dans le panneau de vélocité des images-clés, réglez-la sur 85 sur les deux OK, voyons à quoi ça ressemble. Je vois que l'animation de la ligne blanche n'est pas encore terminée . Avançons un peu ces images clés dans le temps. Ainsi, la sphère et le texte commenceront à se déplacer lorsque la ligne aura complètement disparu. Revoyons-le encore une fois. Je pense que c'est génial. Créons maintenant une animation d'introduction pour ce logo Cette fois, faisons-les disparaître en utilisant la propriété Opacité Mais d'abord, nous devons trouver un moment où nous voulons que cela se produise. Décidons que cela se produira à partir du deuxième chiffre, 12. Sélectionnons les deux couches et appuyons pour ouvrir l'opacité. Créez maintenant des images clés avec la valeur actuelle qui est 100 %, puis passez à seconde 13 et modifiez l'opacité à zéro Ensuite, sélectionnez toutes les images clés et appuyez sur neuf. Voyons à quoi ça ressemble. Vous remarquerez que la sphère ne disparaît pas comme le texte. En effet, dans cette pré-composition , il existe un style de couche. Souvenez-vous de l'ombre intérieure. C'est pourquoi, pour résoudre ce problème, cliquez ici et désactivez la fonction de réduction sur cette précomposition Maintenant, l'animation d'opacité fonctionne correctement, mais si nous voulons conserver la meilleure qualité de la précomposition tout en maintenant l'option de réduction, nous devons passer à cette pré-composition, sélectionner la couche avec le style de couche et appuyer deux fois sur vous pour trouver rapidement le style de couche appuyer deux fois sur vous pour trouver rapidement le Maintenant, sélectionnons le style de couche et appuyons sur la touche Ctrl X pour le couper à partir d'ici. Revenons ensuite à la composition principale. Sélectionnez la précomposition de la sphère et appuyez sur le contrôle V pour y coller le style de couche De cette façon, nous préservons le surlignage que nous avons créé et nous pouvons toujours activer la réduction pour cette couche. Génial. C'est maintenant le bon moment pour appuyer sur la touche Ctrl et enregistrer le projet avant passer à l' étape suivante où nous allons colorier nos objets dans la scène et lui donner un aspect vraiment impressionnant. Ça va être amusant. Alors rendez-vous dans la prochaine partie. 26. Coloriage et rendu: Bon retour. Commençons par styliser et colorer les objets de la scène La première chose que nous allons peindre est le portail. Nous allons sélectionner cette couche. Cliquez sur le mot « fill » et choisissez de remplir cette couche avec un dégradé. Cliquez ensuite sur OK. Voyons maintenant comment contrôler le dégradé que nous avons créé. Pour le trouver rapidement, sélectionnez cette couche, tapez le mot gradient dans la barre de recherche, puis appuyez sur Entrée. Ouvrons maintenant ce paramètre et cliquez sur Modifier le dégradé. Maintenant, peignons-le avec les bonnes couleurs. Cliquons sur cette couleur et changez-la en bleu. Comme vous pouvez le constater, nous ne pouvons pas voir la couleur car son opacité est réglée à zéro Pour le modifier, cliquez ici et réglez-le sur 100. Et maintenant, nous pouvons voir la couleur bleue. Nous pouvons maintenant revenir à cette couleur et choisir une autre couleur. Choisissons un bleu plus foncé. Maintenant, cliquons sur la deuxième couleur et peignons-la avec un bleu plus clair. Ensuite, vérifions son opacité. Il est actuellement à 50 %, changez-le à 100 et cliquez sur OK. Une fois cela fait, changeons la position des couleurs. Pour ce faire, nous pouvons faire glisser ces poignées sur les côtés. Si vous ne voyez pas ces poignées, vous pouvez régler la position des couleurs à partir d'ici. Vous pouvez également le placer de haut en bas si vous le souhaitez. OK, je vais le laisser comme ça. Si vous souhaitez modifier les couleurs ultérieurement, vous suffit de cliquer ici et accéder à l' éditeur de dégradés comme auparavant. Passons maintenant au début de l' animation et changeons les couleurs des lignes de données avant la composition. Entrons les lignes de données avant la composition et commençons par changer les couleurs de la première ligne de données Nous allons d'abord sélectionner la couche de traits. Et puis cliquez ici sur Stroke pour le remplir d'un dégradé de couleur. Une fois que nous avons choisi la couleur du dégradé, After Effects affichera les derniers paramètres que nous avons utilisés pour le dégradé, ce n'est pas un problème. Dégradé serré dans la barre de recherche. Et appuyez sur Entrée. Ouvrez maintenant le dégradé, changez les couleurs. Faisons glisser la couche de la grande sphère dans cette composition pour voir les couleurs qu'elle contient Passons maintenant à Modifier, Dégradé et changeons les couleurs. Mais avant cela, assurons-nous que l'opacité de toutes les couleurs est réglée sur 100 %. Bien, revenons maintenant aux couleurs et changeons-les à l'aide du compte-gouttes Bien, maintenant, cliquons ici pour définir la deuxième couleur du dégradé. Nous pouvons échantillonner cette couleur et l'assombrir un peu. Déplaçons maintenant l'indicateur de temps pour voir à quoi ressemble le trait le long de l'animation Je vois que la distance entre les points de couleur est trop proche. Déplaçons le point final ici et voyons à quoi il ressemble. Très bien, maintenant ajustons le point de départ soit en modifiant la valeur à partir d' ici, soit en déplaçant le point manuellement. Tout en maintenant la touche Shift enfoncée, je pense que la ligne doit être plus claire au début et plus foncée à la fin. Pour ce faire, entrez le dégradé et inversez les couleurs. Nous pouvons éclaircir un peu cette couleur. Voyons à quoi ça ressemble. Je pense que nous devons assombrir un peu plus la couleur foncée. Maintenant, sélectionnons la deuxième couleur et copions les informations sur les couleurs, car nous l'utiliserons pour remplir la petite sphère. Sélectionnez maintenant cette couche. Allez dans le champ de saisie et appuyez sur V. Maintenant, je voudrais parler d'un sujet important. Supposons que nous décidions de réduire cette sphère. Je vais appuyer sur S pour ouvrir la propriété scale. Comme vous pouvez le constater, nous avons déjà des images clés ici. Cela signifie que si nous réduisons la taille de la sphère, la gâcher nous créerons de nouvelles images clés et modifierons l'animation pour la réduire sans L'animation peut la réduire en utilisant les propriétés de transformation de cette forme Je vais expliquer ce que je veux dire. Ouvrons cette couche, fermons ses propriétés transformées et ouvrons le contenu et l'ellipse. Comme vous pouvez le constater, pour les couches de forme, des propriétés de transformation supplémentaires appartiennent à la forme elle-même. Il s'agit des propriétés transformées de la couche. Ici, nous avons déjà des images clés. Il s'agit des propriétés transformées de la forme. Il n'y a pas d'images-clés ici. Nous pouvons réduire cette sphère en utilisant la propriété d'échelle qui appartient aux propriétés transformées de la forme. Réglons-le sur 80. Vous devez vous en souvenir, en particulier lorsque vous travaillez avec des couches de forme. Bien, fermons le calque et supprimons la grande sphère d'ici. Revenons maintenant à la composition de toutes les lignes de données et vérifions que toutes les pré-compositions nommées ligne de données 1 ont été mises à jour Excellent, changeons maintenant les couleurs pour les prochaines compositions. Entrons dans la ligne de données deux. Tout d'abord, nous allons redimensionner la sphère en fonction des propriétés transformées de la forme, non en fonction des propriétés transformées de la couche Ouvrons le contenu et l'ellipse. Ouvrons maintenant les propriétés transformées de cette forme et modifions l'échelle à partir de là. Réglons-le sur 70. Cette fois, nous allons laisser la couleur de la sphère et le trait en blanc. Revenez maintenant à la composition de toutes les lignes de données. Concentrons-nous sur la troisième ligne de données. Mettons la grande sphère ici pour en goûter les couleurs. Maintenant, colorons la couche de traits ici avec une belle couleur vive provenant de la sphère. Copions ensuite les données de cette couleur et collons-les comme couleur de remplissage pour la petite sphère. Vous pouvez supprimer cette couche dès maintenant. Parfait, revenons à la composition de toutes les lignes de données et voyons à quoi cela ressemble. Améliorons maintenant l'apparence de la deuxième ligne de données des précompositions avec un effet appelé glow Faisons glisser l'effet sur cette composition. Nous pouvons l'activer et le désactiver pour voir à quelle composition nous avons appliqué l'effet. C'est celui-ci en bas. Passons au moment où nous verrons cette couche dans son intégralité. Réglons maintenant le rayon de lueur sur 60. Une fois cela fait, copions l'effet à partir d'ici. À l'aide de la commande C, sélectionnez les autres précompositions, nommez la ligne de données deux et appuyez sur la commande V pour coller l'effet Ça a l'air super. Une fois terminé, revenons à notre composition principale et collons également l'effet sur l'ondulation Je fais référence à la couche d'ondulation qui apparaît derrière la grande sphère Passons à cette composition. Sélectionnez ce calque et appuyez sur la touche V. Revenons maintenant à la composition principale et voyons à quoi tout cela ressemble. Je pense que c'est parfait. Nous sommes maintenant prêts à passer à l'étape suivante, qui consiste à créer le contexte pour cela. Revenons au panneau du projet et glisser la couche d'arrière-plan dans notre scène. Vous pouvez voir que cette couche est de la même taille que le design original d'Illustrator. Apprenons à créer un tel arrière-plan directement dans After Effects. Créons d'abord un nouveau solide à l'aide du raccourci Y. Changez maintenant son nom en BG Assurez-vous que le solide correspond à la taille de notre composition. Laissez la couleur noire et cliquez sur OK. Déplacez maintenant le solide sous toutes les autres couches et appliquez-lui un effet appelé rampe de dégradé. Les couches solides n'ont pas de dégradé intégré, nous devons ajouter l'effet OK, changeons maintenant les couleurs de l'effet. Comme vous pouvez le constater, la forme du dégradé dans le dessin original est circulaire. Faisons également en sorte que le dégradé de nos couches soit circulaire. Vous pouvez supprimer cette couche ici. Changez maintenant la forme inclinée en forme radiale. Nous avons maintenant un dégradé de type circulaire. Déplaçons maintenant la position de la couleur blanche légèrement vers le haut et la position de la couleur noire légèrement vers le bas. Réglons maintenant l'écran d'aperçu il s'adapte à nouveau et désactivons la grille. Ceci étant dit, nous avons fini de créer l'animation et nous sommes prêts à effectuer le rendu de cette pièce. Mais avant le rendu, définissons la zone de travail au moment où nous voulons rendre cette composition. Nous pouvons voir que l'animation se termine au bout de 13 secondes. Appuyons pour raccourcir la zone de travail à ce point temporel. Regardons maintenant l'animation une fois de plus avant le rendu. OK, je pense que la couleur de ces lignes de données se fond trop dans l'arrière-plan. Changeons un peu cette couleur. Pour ce faire, passons à la composition de toutes les lignes de données et saisissons la ligne de données trois à partir d'ici, ou d'ici, car cette composition est déjà ouverte. Changeons maintenant la couleur du trait et de la sphère. Modifions-le par cette couleur. Copiez maintenant les données de cette couleur et collez-les comme couleur de trait. Super, je trouve que ça a l'air bien mieux. Appuyons maintenant sur la touche Ctrl pour enregistrer le projet avant de le rendre. OK, maintenant appuyons sur la touche de contrôle M pour accéder au panneau de rendu. Pour le mode de sortie, nous la choisirons 0,264 40 Mbits/s À présent, sélectionnons l'endroit où l'animation doit être rendue. Nous allons le rendre dans notre dossier de rendu, assurez-vous que le nom est correct maintenant Cliquez sur Enregistrer et afficher, puis attendez un moment. Une fois le rendu terminé, nous pouvons ouvrir le mode de sortie et cliquer sur le lien pour accéder au dossier dans lequel nous avons enregistré notre animation. Ouvrons la vidéo et voyons comment cela s'est passé. Comme vous pouvez le constater, nous avons un petit problème ici. Notre dégradé n'est pas très beau. Vous pouvez voir les bandes de couleurs. Revenons à notre projet et essayons de le réparer autant que possible. Passons à la composition principale. Sélectionnez la couche d'arrière-plan. Et ici, dans l' effet de dégradé, modifiez la dispersion de la rampe à 100 pour adoucir les bandes de couleur et le dégradé On peut zoomer un peu pour le voir de près. OK, maintenant appuyons à nouveau sur la touche Ctrl M et effectuons le rendu une fois de plus. Vous pouvez fermer le rendu précédent. Sélectionnez à nouveau H 0.264 40 MB Gus. Sélectionnez maintenant ce rendu pour le rendre à sa place. Cliquez sur Enregistrer, puis sur Remplacer. Cliquez maintenant sur le bouton Render. Cliquez sur OK et attendez un moment. Revenons maintenant au dossier et vérifions le nouveau rendu. Comme vous pouvez le constater, c'est mieux maintenant. Génial. Revenons maintenant à notre projet et organisons-le avant de le fermer. Et pour organiser le projet, nous devons créer des dossiers dans le panneau du projet, comme nous l'avons fait dans les leçons précédentes. Tout d'abord, vous pouvez fermer ce panneau. Passons maintenant au panneau de projet. Vous pouvez fermer toutes les compositions ouvertes. Créons un dossier appelé Assets. Faites glisser le dossier contenant les couches du logo et le dossier des solides dans celui-ci. Vous pouvez étiqueter la composition principale avec une couleur différente de celle des autres compositions. Créons maintenant un nouveau dossier appelé precomps. Faites glisser toutes les précompositions que nous avons créées pendant le projet dans ce dossier, l'exception de la composition principale Maintenant que nous avons travaillé sur un projet relativement complexe, nettoyons le logiciel. Accédez à Modifier, sélectionnez Purger, puis choisissez toute la mémoire et le cache disque. Vous pouvez voir ici combien de déchets ont été collectés. Il s'agit peut-être d'un numéro différent pour vous. Dans tous les cas, cliquons sur OK et attendons quelques secondes. Vous pouvez maintenant appuyer sur la touche S pour enregistrer le projet. Vous pouvez également quitter Illustrator enfin Illustrator, fermer After Effects. J'espère que vous avez apprécié cette leçon et j'ai hâte de vous retrouver dans la prochaine, où nous créerons une animation de logo épique pour une société de jeux stratégiques inventée. Et explorez le monde des trois D dans After Effects. Ça va être génial. Alors, on se voit là-bas. Mais avant passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 27. Logo #3 Tâche d'accueil: Bonjour. J'espère que vous avez trouvé ces leçons utiles et que vous avez appris des choses nouvelles et intéressantes. Pour mieux vous souvenir de tout ce que nous avons abordé, je vous recommande vivement de vous entraîner en complétant ce devoir. Votre tâche consiste à recréer cette animation sympa. Vous avez la liberté de changer les couleurs et d'ajouter les graphismes supplémentaires que vous souhaitez chaque fois que vous rencontrez des problèmes ou avez des questions. N'hésitez pas à consulter le dossier du projet AE pour voir les étapes que j'ai suivies. De plus, vous pouvez toujours me contacter pour obtenir de l'aide. Bonne chance 28. Logo #4 - Animer un logo pour un jeu de guerre vidéo: Bonjour et bon retour. Dans cette leçon, nous allons créer une animation de logo super cool pour un jeu vidéo de guerre inventé. Nous nous concentrerons sur l'apprentissage du monde des trois D et des After Effects et nous plongerons en profondeur dans le cinéma Quatre D permettent de rendre une fonction. Nous installerons également un plug-in gratuit pour nous aider à créer une animation Neon Stroke super cool De plus, nous apprendrons à créer des arrière-plans passionnants à l'aide d'effets simples. Il y a beaucoup de choses à aborder, alors ne perdons pas de temps et passons directement au but. 29. Créer un logo à partir de zéro dans After Effects: Salut. Commençons par découvrir comment ce logo est créé dans Illustrator. Ouvrez le dossier principal que nous avons créé pour le cours, puis allez dans le dossier AI et ouvrez le quatrième logo. Maintenant, pour obtenir la même disposition des panneaux, allez dans Fenêtre, puis Workspace, et choisissez Automation. Ce design est divisé en différentes couches, tout comme le reste du design que nous avons vu dans ce cours. Il y a un calque d'arrière-plan et un calque de texte principal avec un effet tridimensionnel. Il s'agit d'une couche de texte normale écrite dans la police du ventre. Si vous ne l'avez pas installé avant le cours, ne vous inquiétez pas. Vous pouvez également utiliser les polices Ezra ou Monserrat. Maintenant, avant de créer l'animation du logo, comme toujours, nous devons réfléchir à une manière intéressante de l'animer. C'est pourquoi, comme je le dis toujours, il est très important de créer un croquis approximatif qui correspond au concept du logo. Passons à l' idée d'esquisse de ce logo et voyons le court storyboard que j'ai créé pour ce design de logo Tout d'abord, je voulais créer un ton dramatique pour cette animation. J'ai donc décidé de saisir chaque lettre, l'une après l'autre, et de ne pas afficher tout le logo en une seule fois. Comme il s'agit d'un logo pour un jeu vidéo sur les guerres et les batailles, j'ai pensé que ce serait cool de créer une atmosphère sombre de guerre et tirer Al juste après avoir planifié l'animation. Ouvrons After Effects et commençons à concevoir la première scène. Comme toujours, nous pouvons fermer cette fenêtre. Nous pouvons tous voir la même disposition des panneaux. Cliquons sur Par défaut. Créons maintenant notre première composition. Nous appellerons cela une animation de logo. Passez maintenant à Three D Render. Comme dans cette leçon, nous allons créer de vrais objets en trois D, nous devons modifier les paramètres de rendu du mode classique en trois D au mode cinéma en quatre D. De cette façon, nous pouvons donner de la profondeur aux couches de texte de la scène. Tu comprendras bientôt de quoi je parle. Pour l'instant, revenons à Basic et continuons avec les paramètres de composition. Nous travaillerons au format Full HD, largeur de 1 920 pixels et d'une hauteur de 1080 pixels Ensuite, réglez la fréquence d'images sur 24 et la durée de la composition sur 20 secondes. Laissez l'arrière-plan de la composition en noir et cliquez sur OK. Importons maintenant notre logo dans le projet. Cliquez deux fois sur la zone vide du panneau de projet, entrez dans le dossier AI et sélectionnez le quatrième logo. Maintenant, assurons-nous de ne pas cocher cette fonction et de cliquer sur Importer ici, nous savons déjà que nous devons choisir la composition, car nous voulons que ce fichier soit divisé en couches séparées. Ici, nous choisissons la taille de la couche, car nous voulons que les limites de la couche correspondent à la taille des objets, non à la taille du document. Cliquez maintenant sur OK. Voilà. Un nouveau dossier contenant toutes les couches du fichier Illustrator a été créé . De plus, une nouvelle composition portant le nom du fichier Illustrator a été créée automatiquement. Lorsque nous le saisirons, nous verrons le logo divisé en couches et organisé exactement comme dans le fichier Illustrator original. Bien, clôturons cette pré-composition et commençons la leçon Mais avant cela, n' oublions pas de sauvegarder le projet et de lui donner un nom. Trouvons maintenant le dossier que nous avons créé pour la leçon. Accédez au dossier AE et donnez un nom au projet After Effects sur lequel nous travaillons actuellement. Vous pouvez cliquer sur ce projet pour échantillonner le nom et remplacer l'extension par quatre soulignements, Rise of Vikings Une fois terminé, cliquez sur Enregistrer. Je voudrais maintenant mentionner quelques remarques importantes. Si vous voyez l'écran d'aperçu comme celui-ci, ne vous inquiétez pas, vous le voyez de cette façon parce que votre touche de verrouillage des majuscules est activée, désactivez-la et tout redeviendra normal. Enfin, assurez-vous que votre ordinateur est configuré en anglais. Les raccourcis clavier que nous utilisons dans le cours fonctionnent donc correctement. Super, maintenant je veux que nous insérions la composition du logo dans notre composition Réduisez-le, puis déplacez-le ici et verrouillez cette couche. Nous utiliserons cette composition comme référence pour créer le logo et les effets secondaires Parfait, commençons maintenant à concevoir la scène. Nous allons commencer par créer les couches de texte pour le logo. Pour cela, nous allons sélectionner l'outil de texte et taper le mot rise. Double-cliquez maintenant sur le texte pour le sélectionner dans son intégralité. Maintenant, changeons la couleur du mot en cette couleur. Voyons ensuite les détails de ce texte dans le design original. Revenons à Illustrator et sélectionnons ce texte pour voir ses informations telles que la police, le poids et la taille de police. Bien, revenons maintenant à After Effects. Tout d'abord, changeons la police en belly bold. Pour ceux qui n' ont pas cette police, vous pouvez également utiliser la police Ezra ou Monserrat Maintenant, changeons la taille de police à 150. Et cliquez ici pour mettre toutes les lettres en majuscules. Cliquez ici également pour les rendre encore plus audacieux. Passons maintenant au paragraphe et vérifions-nous que notre texte est centré et que le sens d'écriture est de gauche à droite. Maintenant, sélectionnons la couche et appuyons sur la touche de contrôle D pour la dupliquer. Déplacez cette couche vers le bas à l'aide de la touche flèche vers le bas tout en maintenant la touche Shift enfoncée. Et remplacez le texte par Désactivé. Réglons ensuite la taille de police sur 80 et changeons la couleur en blanc. Ensuite, sélectionnons à nouveau la couche de montée et dupliquons-la une fois de plus en utilisant le contrôle D. Déplacez cette couche vers le bas et remplacez le texte par Vikings. Maintenant, changeons la couleur pour qu'elle corresponde au rouge du logo et définissons la taille de police pour qu'elle corresponde au design du logo. Tout d'abord, sélectionnons la lettre et définissons sa taille sur 180. Sélectionnez maintenant la lettre S et définissez sa taille sur 210. Enfin, répétez la même chose de l'autre côté du texte. Parfait, revenons maintenant à l'outil de sélection et centrons les points d'ancrage sur toutes les couches de texte. Pour ce faire, sélectionnez toutes les couches et appuyez sur Control All Tome. Passons ensuite à une ligne, changez-la en Composition, puis cliquez ici. Sélectionnez ensuite uniquement ce calque et cliquez ici pour le centrer dans la composition. Appuyez maintenant sur la touche apostrophe pour afficher la grille. Enfin, déplaçons le reste des couches par rapport au mot, afin que toutes les couches soient centrées dans la scène. Passons maintenant d'une couche à l'autre dans le panneau des couches pour qu'elle corresponde à l'ordre de la scène. En d'autres termes, le mot Vikings sera en bas, le mot haut en haut et le mot au milieu Créons maintenant les deux flèches oranges dans le logo. Pour ce faire, sélectionnez l'outil Stylo. Cliquez ici pour vous assurer qu' aucune couche n'est sélectionnée. Créez ensuite une ligne droite dans cette zone. Cliquez une fois ici, maintenez la touche Maj et créez un autre point ici. Changons ensuite la couleur de la ligne en orange à partir du logo. Prenez le compte-gouttes et goûtez à cette couleur. Appuyez sur OK et modifiez la largeur du trait à 25. Cliquez ensuite ici pour supprimer le remplissage de cette forme. Voyons maintenant comment rendre le bout de cette ligne net. Pour ce faire, ouvrez cette couche, ouvrez le contenu, ouvrez la forme, ouvrez le contour. Maintenant, faisons défiler un peu vers le bas jusqu'à ce que nous voyions la propriété appelée « taper ». Ouvrons-le. Réglons la longueur de l'extrémité à 100. Bien, maintenant fermons cette couche, appuyons sur Entrée et changeons le nom en trait. Dupliquons maintenant cette couche en appuyant sur le contrôle D, dessus avec le bouton droit de la souris, en accédant à Transformer et en sélectionnant Retourner horizontalement. Revenons ensuite à l'outil de sélection et déplaçons cette couche ici. Nous avons ainsi fini de concevoir le logo à partir de zéro et d'After Effects. Appuyons sur la touche S pour enregistrer le projet avant de passer à l'animation des couches de texte Avant d'animer le texte, organisons notre composition Par exemple, nous pouvons sélectionner ces deux couches et les imbriquer dans une seule composition. Pour ce faire, appuyez sur Ctrl Shift C. Appelons-le Strokes comp. Assurez-vous que les deux sont sélectionnés et cliquez sur OK. Entrons maintenant cette composition et redimensionnons-la car nous avons trop d'espace vide et inutile Ici, question, comment ajuster la taille de cette composition ? Pour ce faire, nous devons accéder aux paramètres de composition. Nous allons le faire en utilisant le raccourci K. Maintenant , assurez-vous que l'aperçu est sélectionné pour que nous puissions voir ce que nous faisons. Maintenant, redimensionnons-le 600 par 100. Ça a l'air bien. Appuyez sur OK. Et revenons à notre composition principale. Et appliquez la fonction d'effondrement à cette composition. En attendant, nous pouvons désactiver cette couche pour qu'elle ne nous gêne pas. Nous pouvons également le masquer dans le panneau des couches en utilisant la fonction timide ici. Si vous ne voyez pas cette icône, vous pouvez cliquer ici. Très bien, masquons cette couche et activons la fonction en cliquant sur l'icône ici. Maintenant, nous ne pouvons pas voir cette couche ici, ne vous inquiétez pas, nous pouvons la récupérer à tout moment du projet. OK, remettons l'écran d' aperçu en place et commençons à animer les couches de texte Et nous le ferons dans la prochaine partie. On se voit là-bas. 30. Rendu 4D et animation 3D Cinema 4D: Je vous souhaite la bienvenue, comme lors de nos leçons précédentes. Cette fois-ci également, nous allons animer texte à l'aide des animateurs de texte d'After Effects Tout d'abord, désactivons ces deux couches et commençons par le mot vikings Mais avant cela, nous pouvons déverrouiller cette couche et la masquer également dans ce panneau. Maintenant, pour que les lettres sortent de la scène, nous devons ouvrir le calque, sélectionner le texte ici, ouvrir le menu d'animation et sélectionner cette fonction appelée activer par caractère trois D. Comme vous pouvez le voir, nous avons une petite icône ici qui symbolise le fait que toutes les lettres se comporteront désormais comme trois couches D. Voyons ce que je veux dire. Cliquez ici et créez un nouvel animateur avec la propriété position Comme vous pouvez le voir, outre la valeur qui déplace la couche vers la gauche et la droite vers le haut et vers le bas, nous avons une nouvelle valeur avec laquelle nous pouvons déplacer la couche vers l'arrière et vers l'avant. Si nous n'avions pas sélectionné la fonction d'activation par personnage en trois D, nous n'aurions pas obtenu cet axe de mouvement. Afin de faire bouger les lettres dans un espace en trois D lors de l'animation de texte avec des animateurs, nous devons activer cette fonction Génial. Maintenant, pour animer le texte, nous devons définir le point de modification de la propriété position, modifier les valeurs de l'axe Z de la position jusqu'à ce que le texte sorte de la scène Vous pouvez maintenir la touche Shift enfoncée pour effectuer des mouvements plus importants. Pour moi, c'était -23 80. Mais il se peut que vous deviez ajuster cette valeur en fonction de la police que vous utilisez. L'essentiel est de s'assurer que le texte est en dehors de la scène. OK, et maintenant ouvrons le sélecteur de plage et le mode Avancé. Modifions la forme des animateurs pour qu'elle soit plus rapide. Cela signifie que lorsque le décalage atteint une valeur de -100, les lettres seront au point de changement que nous avons défini Et lorsque le décalage atteint une valeur de 100, les lettres retrouveront leur position d'origine et elles sont entrées dans la scène dès la première lettre. Génial. Nous sommes maintenant prêts à définir des images clés et à animer le texte Commençons maintenant par le début de l'animation, changeons le décalage sur -100 et créons la première image clé Passons ensuite aux quatre autres. Pourquoi spécifiquement les quatre seconds ? Il n'y a aucune raison particulière, juste une préférence personnelle. Je viens de décider que le texte prendra 4 secondes pour terminer son entrée. OK. Et maintenant, à ce stade, nous allons changer le décalage à 100. Voyons ce que nous avons. Comme vous pouvez le constater, il est difficile pour After Effects prévisualiser la scène, car nous travaillons actuellement avec le moteur de rendu Cinema Four D pour faciliter l'affichage de notre scène par After Effects Nous pouvons réduire la qualité de l'aperçu d'un tiers ou même d' un trimestre lorsque nous le regarderons à nouveau, le rendu sera beaucoup plus rapide. OK, modifions maintenant la vélocité de cette animation. Comme nous l'avons déjà appris en travaillant avec des animateurs de texte, nous pouvons le faire en saisissant les nombres dans ces paramètres. Si vous êtes haut, nous allons écrire 20, et comme bas, nous allons écrire 80 Voyons à quoi ça ressemble. Ça a l'air sympa. Ajoutons maintenant une belle animation de rotation au texte. Pour cela, nous devons y ajouter des propriétés supplémentaires. Animateur. Sélectionnez-le, cliquez sur Ajouter, puis sur Propriété, puis sur Rotation. Réglons maintenant le point de changement. Comme vous pouvez le voir, lorsque je fais pivoter le texte, il pivote à partir de sa partie inférieure Cela se produit parce que les points d'ancrage de toutes les lettres de cette couche de texte sont situés en bas. Pour changer cela, ouvrons d' autres options et modifions la position du point d'ancrage. Regardons la lettre V Alors que nous faisons cela, comme elle est déjà à la fin de son animation, réglons-la sur -40. Une fois cela fait, nous pouvons la fermer et recommencer à faire pivoter le texte Maintenant, les lettres pivotent comme elles le devraient, mais je ne comprends pas vraiment dans quel sens elles tournent. Pour voir ce que nous faisons un peu mieux, nous pouvons modifier l'affichage des scènes à cet effet. Cliquons ici et sélectionnons Custom View One. Nous voyons maintenant la scène entière sous un angle qui permet de voir plus facilement où le texte pivote. Je veux que le texte pivote à partir du bas, alors écrivons -180 ici Revenons maintenant à la caméra active, car nous avons déjà animé le décalage. Cette animation s' appliquera également au point de changement que nous avons défini pour la rotation. Réglons l'écran de prévisualisation comme il convient et voyons ce que nous avons. Je pense que le texte change trop. Ce n'est pas un problème. Il suffit de réduire la rotation. Écrivons -90 et voyons à quoi ça ressemble. Super, c'est déjà mieux. Génial, nous venons de terminer de faire bouger le texte dans un espace en trois D. Il est maintenant temps lui donner un aspect tridimensionnel plus réaliste. Pour faciliter les choses, nous reviendrons à la version V personnalisée, puis nous passerons au point où nous pourrons voir tout le texte dans le cadre et passer à la qualité complète pour mieux voir notre travail. Ensuite, nous allons ouvrir les options de géométrie et augmenter la profondeur d'extrusion à 80. Changeons maintenant la couleur des côtés du texte. Pour cela, il faut sélectionner le texte et créer un animateur supplémentaire Passez donc sur le côté, puis sur la couleur et choisissez RGB. Colorons les coins de la même couleur que le texte, puis assombrissons-le un peu Nous pouvons maintenant ajouter des ombres au texte pour en améliorer encore l' apparence. Pour cela, ouvrez les options matérielles et ajustez les paramètres suivants. Revenons à la caméra active, rétablissons l'écran de prévisualisation et voyons à quoi il ressemble. Nous allons placer l' indicateur de temps ici. Comme vous pouvez le voir ici, nous avons créé des ombres subtiles sur le texte. Je trouve que ça a l'air génial. Très bien, nous devons maintenant créer une animation similaire pour la couche de texte suivante. Mais au lieu de recommencer à zéro, nous pouvons copier les deux animateurs que nous avons créés, puis les coller sur le mot rise Mais avant cela, passons au début de l'animation. Parce que l'un de nos animateurs possède des images clés. Si nous voulons que les images clés commencent dès le début de la chronologie, nous devons nous en tenir à l'indicateur de temps ici. Maintenant, appuyons sur la touche Ctrl V. Voilà. Nous pouvons voir que ce texte est déjà animé selon les besoins. Pour cela, changeons simplement le sens de rotation. Passons au premier animateur et modifions la rotation à 90 degrés, ce qui est le contraire du texte du bas Super, ajoutons maintenant une profondeur en trois D à ce texte, comme nous l'avons fait pour le premier. Passons d'abord aux options de géométrie et ajoutons une profondeur de trois D à ce texte. Avançons maintenant dans le temps pour voir le texte de la scène. Passons maintenant au deuxième animateur et changeons la couleur des côtés Choisissons la couleur rouge du premier texte. Ça a l'air sympa. Enfin, définissons également les options de matériau pour cette couche comme pour la précédente. Passons maintenant à la dernière couche de texte, sélectionnons-la, activons-la. Accédez au début de l'animation et appuyez sur la touche de contrôle V pour y coller les deux animateurs Passons maintenant au premier animateur et modifions certains paramètres Tout d'abord, nous ne voulons pas du tout que ce texte pivote. Nous pouvons donc supprimer la rotation. Maintenant, je ne veux pas que ce texte entre lettre par lettre. Je veux que les deux lettres soient entrées ensemble. Pour cela, nous devons passer à Avancé et le remplacer par des mots. Maintenant, ce texte sera saisi en un seul mot, d'accord ? Et comme vous pouvez le constater, le point de changement des paramètres de position n'est pas bon. Nous le savons parce que nous sommes actuellement au début de l'animation et que nous pouvons voir ce texte, ce qui n'est pas ce que nous voulons. Nous voulons que ce texte soit retiré de la scène au début de l'animation. Par conséquent, nous devons modifier le point de modification de la propriété position dans le premier animateur Fermons le mode avancé et modifions-le. Tout ce que nous avons à faire est de modifier la valeur que nous avons définie pour positionner. Modifions la valeur pour que ce mot entre en scène par la lettre O. Pour cela, notre point de changement doit se déplacer légèrement vers la droite. Continuez à ajuster les deux axes jusqu'à ce que le texte semble avoir quitté la scène par la lettre O. Très bien, ajoutons maintenant une profondeur de trois D à cette couche également Mais cette fois, comme le texte est plus petit que les autres textes, fixons la profondeur d'extrusion à 40. Voyons à quoi ça ressemble. Ça a l'air génial. Changeons maintenant les couleurs latérales. Enfin, ajoutez des ombres au texte en ajustant les paramètres des options de matériau. Maintenant, nous avons des ombres sympas. Fermons maintenant les couches et appuyons sur la touche Ctrl pour enregistrer tout ce que nous avons fait jusqu'à présent. Et maintenant, changeons la qualité en quart et voyons l'animation dans son intégralité. Je pense que nous devons avancer un peu le mot vikings dans le temps pour créer un petit décalage dans l'animation Pour cela, sélectionnons cette couche et faisons-la glisser vers le cadre numéro six. Voyons à quoi ça ressemble. Très bien, maintenant rendons notre scène encore plus intéressante en créant une nouvelle caméra pour créer une nouvelle caméra. Cliquez ici avec le bouton droit de la souris, accédez à Nouveau et sélectionnez Appareil photo. Pour le type de caméra, choisissez une caméra à nœud et pour la taille de l'objectif, sélectionnez 15 millimètres. Cliquez ensuite sur OK. Activons maintenant l'arrière-plan transparent de l'écran précédent et réglons la qualité sur maximale afin que nous puissions voir ce que nous faisons un peu mieux. Maintenant, si j'allume et éteins l' appareil photo, vous remarquerez que grâce à l'appareil photo, nous obtenons un angle légèrement plus intéressant pour notre texte. Vous pouvez le constater dans les parties où le texte entre en scène. C'est bon. Maintenant, comme nous pouvons le voir dans le logo original, le mot vikings apparaît sous un angle légèrement différent du nôtre. Ajustons ça. Pour ce faire, sélectionnons cette couche, appuyez sur R pour voir les propriétés de rotation. Faisons maintenant pivoter la couche sur l'axe X. Entrons moins cinq. Ensuite, faisons également pivoter le mot rise. Cette fois, nous allons entrer cinq sur l'axe X. OK, ça a l'air super. C'est le bon moment pour appuyer sur la touche S pour enregistrer le projet une fois de plus avant de continuer. Animons maintenant les flèches oranges pour cela. Tout d'abord, cliquons sur l'icône de la fonction timide pour révéler les couches cachées. Désactivons la fonction pour les couches, nous pouvons supprimer cette couche. Maintenant, prenons le fond noir pour voir ce que nous faisons un peu mieux. Maintenant, activons cette pré-composition et apprenons à animer les flèches. Tout d'abord, entrons dans la composition. Maintenant, pour animer les traits et les effets secondaires, nous devons sélectionner le contenu et ajouter un effet appelé tracé des tracés. À cette couche, ouvrez l'effet, assurez-vous que vous êtes au début de la chronologie Et remplacez le paramètre de fin par zéro. Et créez la première image clé avec cette valeur. Passons maintenant au deuxième chiffre deux et changeons la valeur en 100. Sélectionnez maintenant les images clés et appuyez sur F neuf. Appuyez ensuite sur la touche Alt et cliquez deux fois sur l'une des images clés. Ici, nous allons écrire 85 pour la largeur et la hauteur. Et frappez. OK, voyons à quoi ça ressemble maintenant. Bien, appliquons maintenant cet effet à la deuxième flèche. Sélectionnez l'effet, appuyez sur la touche Ctrl C. Maintenant, sélectionnez la deuxième flèche. Assurez-vous d'être au début de la chronologie et appuyer sur le contrôle V pour coller l'effet sur cette couche. Vous pouvez appuyer sur vous pour voir les images clés. Voilà, nous avons fini créer l'animation des flèches. Bien, revenons maintenant à la composition principale et chronométrons l' animation de la flèche elle corresponde à ce qui se passe dans la scène. Démarrons les flèches juste un instant avant que tout le texte ne termine son animation. Au bout de trois secondes, nous pouvons réduire la qualité et voir à quoi elle ressemble. La saisie des flèches semble correcte, mais j'ai remarqué que la saisie du mot « off » n'est pas bonne. Je vais expliquer ce que je veux dire. Passons au moment où ce mot commence à entrer en scène. Comme vous pouvez le constater, l'entrée de ce mot ne se par la lettre O comme nous le souhaitons. Mais pourquoi cela se produit-il ? Positionnez correctement la lettre plus tôt. Cela se produit parce que nous avons maintenant un appareil photo avec un objectif de 15 millimètres dans la scène, ce qui provoque une légère distorsion des lettres. Pour résoudre ce problème, il suffit revenir au premier animateur de cette couche et d' ajuster légèrement point de changement dans le paramètre de position de cet animateur Tout d'abord, placez-vous à l'endroit où vous pouvez voir le texte. Déplacez maintenant cette couche un peu vers la droite. Voyons si le problème est résolu. Ça a l'air mieux. Vous pouvez modifier légèrement cette valeur à l'aide des touches fléchées du clavier. OK, c'est suffisant. Maintenant, une fois que nous aurons terminé l'animation et que nous aurons résolu tous les problèmes, nous devrons regrouper toutes les couches dans une seule composition. De cette façon, nous pouvons facilement ajouter plus de couches et d'effets à la composition principale. Plus tard, sélectionnez toutes les couches et appuyez sur Ctrl Shift C. Donnez ensuite à la composition le titre principal Animation. Assurez-vous que les deux options sont sélectionnées et cliquez sur OK. Maintenant, pour accélérer le travail et After Effects, nous pouvons rétablir les paramètres de cette composition en trois D. Cela est dû au fait que nous ne créerons pas d'objets avec un volume en trois D dans cette composition Il n'est donc pas nécessaire de continuer à travailler sur cette composition avec le moteur de rendu Cinema Four D. Appuyons sur la touche K pour entrer dans les paramètres de cette composition. Passons maintenant à Three D Renderer et redevenons Classic Three D. Maintenant, cette composition dispose d'un rendu Cinema Four Cette composition contient les trois classiques D. Maintenant que c'est fait, passons à la partie suivante et apprenons à créer de superbes coups de feu On se voit dans le prochain. 31. Animation de grèves de feu et installation de plugin gratuit: Bon retour. Nous allons maintenant apprendre à créer les étincelles de feu absolument. À partir de zéro. Tout d'abord, désactivons cette couche pour le moment, réglons la qualité sur maximale et commençons à créer les étincelles de feu Pour créer cet effet, nous devons d' abord créer un nouveau solide. Cliquez ici avec le bouton droit de la souris, accédez à Nouveau et sélectionnez Solide. Changeons le nom en Sparkles. Ajustez sa taille pour qu'elle corresponde à notre composition, colorez-la en noir. Et cliquez sur OK ici et ici. À l'étape suivante, nous allons Effets et recherchons CC snowfall Ajoutez-le sur la couche solide. Ajustons maintenant les paramètres de l' effet jusqu'à ce que nous obtenions le résultat souhaité. Zoomons un peu pour voir ce que nous faisons un peu mieux. OK, alors réduisons d'abord le taux de natalité à 500. Ensuite, modifiez la taille en 15. Ensuite, dans la variante, nous allons taper 100 pour que la taille des étincelles soit la plus aléatoire possible Ensuite, nous pouvons augmenter considérablement la profondeur de la scène. Saisissons 21 000 ici. Génial. Voyons ce que nous avons jusqu'à présent. OK, comme vous pouvez le voir, les particules se déplacent très lentement. Augmentons la vitesse à 1 500. Ça a l'air mieux. Ajoutons maintenant un caractère aléatoire maximal à la vitesse des particules. De cette façon, certains se déplaceront rapidement et d'autres se déplaceront lentement. Très bien, ça a l'air bien pour l'instant. Réglons ensuite le vent à 1 000 pour que les particules se déplacent sur le côté. Faisons passer le caractère aléatoire du vent à dix. Cela crée une sensation de mouvement et de mouvement semblable à de véritables étincelles de feu Très bien, passons à autre chose maintenant, étalez. Réglez-le sur dix. OK, maintenant activons cette pré-composition. Et pour voir l'effet de la pré-composition , nous devons décocher cette case Nous allons maintenant voir l'effet ainsi que la scène. Très bien, éteignons à nouveau la scène. Revenons maintenant à l' effet. Dans la section des extras, changeons le niveau du sol à dix. De cette façon, les particules ne voleront que jusqu'au milieu de la composition. Bientôt, quand nous les colorierons, vous comprendrez ce que je veux dire. OK, et maintenant fixons la valeur de départ aléatoire à dix pour un mouvement plus aléatoire. Maintenant, nous pouvons colorer les étincelles. Pour ce faire, nous utiliserons l'effet de rampe de dégradient. Ajoutons cet effet à notre solide et changeons les couleurs. Nous pouvons colorer la première couleur en rouge, la seconde en jaune. Positionnons maintenant la couleur jaune ici. Voyons à quoi ça ressemble. Ça a l'air sympa. Ensuite, améliorons nos étincelles. Regardez encore plus avec un autre effet appelé lueur. Nous pouvons fermer ces paramètres et ajuster les deux paramètres de l'effet de lueur. Réglez le rayon sur 15 et l'intensité sur deux. Zoomez pour voir à quoi il ressemble. Maintenant, sélectionnons l'effet de lueur et appuyons sur la touche D pour le dupliquer. Mais ici, nous allons changer le rayon de lueur à 50. Maintenant, fermons tous les effets et voyons ce que nous avons. C'est bon, ça a l'air bien. La dernière chose à faire est de retourner cette couche. Cliquez dessus avec le bouton droit de la souris. Accédez à Transform et sélectionnez Flip Vertical. De cette façon, nous obtenons l'illusion que des étincelles jaillissent du sol vers le haut. Améliorons-le maintenant encore plus avec l'effet d'objectif CC. Trouvez l'effet et faites-le glisser sur le solide. Changez maintenant la taille à 170 et voyez à quoi cela ressemble. Maintenant, les étincelles semblent un peu déformées sur les bords de la scène Cependant, il est important de ne pas exagérer cet effet, sinon cela pourrait rendre les choses étranges Notre maximum est cette fois de 170. Je trouve que c'est beau, mais je pense que nous devons assombrir les bords des étincelles. C'est pour ça. Ouvrons le dégradé et déplaçons le point de couleur rouge légèrement vers le haut. Je pense que nous pouvons également atténuer un peu cette couleur. Quelque chose comme ça. OK, maintenant activons cette pré-composition. Et voilà. Les étincelles du feu se marient parfaitement à l'animation du texte Passons maintenant au début de l' animation et animons les étincelles pour désactiver temporairement cette Ouvrons maintenant l'effet de chute de neige et ajustons ce paramètre Mettons-le à zéro au début de l'animation. Créons maintenant une image clé avec cette valeur. Appuyez ensuite sur vous pour voir l'image clé sur le calque. Passons maintenant au deuxième chiffre deux et changeons la valeur en 300. Voyons à quoi ça ressemble. C'est bon. Je trouve que ça a l'air génial. Activons maintenant cette précomposition et apprenons à créer l'animation du symbole Viking Nous allons créer cette animation à l'aide d'un plugin gratuit qui sera téléchargé et installé ensemble en quelques instants. Supposons que nous ayons décidé d'ajouter un élément de design sympa à notre animation trouvée sur Internet, qui porte le concept de marque de notre entreprise et de son logo. Une fois que les clients ont approuvé l'ajout d'une nouvelle image qui n' existe pas dans le logo d'origine, nous pouvons télécharger la ressource graphique sur Internet et l'enregistrer dans notre dossier Ressources. Passons maintenant au dossier Assets et entrons dans le dossier Free Pick. Ici, nous allons entrer dans un dossier appelé Viking Symbol. Cliquez avec le bouton droit sur le fichier EPS et choisissez de l' ouvrir dans Illustrator. Préparons maintenant ce design pour une animation. Débarrassons-nous d'abord du fond noir car nous n'en avons pas besoin. Maintenant, sélectionnons la forme entière et colorons-la en noir. Ensuite, changeons le nom en un nom plus standard afin d'éviter tout problème lors de l'animation. Appelons-le Viking Ziconw. Passons au dossier. Cliquez sur Enregistrer sous pour choisir de l'enregistrer sur votre ordinateur et de l' enregistrer dans le même dossier que cet actif. Assurez-vous simplement de l'enregistrer sous forme de fichier Illustrator. Enfin, changeons le nom et cliquez sur Enregistrer. Bien, revenons maintenant à notre projet et importons le fichier que nous venons d'enregistrer, sur le panneau du projet et double-cliquez sur l'espace vide ici. Repérons maintenant le dossier de cette ressource graphique. Comme vous pouvez le constater, nous ne pouvons pas voir le fichier que nous avons enregistré pour le moment. Si vous ne pouvez pas voir le fichier, je vais vous expliquer comment résoudre ce problème en une minute. ceux qui peuvent voir le fichier, c'est le nouveau fichier Illustrator. Il suffit de le sélectionner et de cliquer sur Importer. Attendez ensuite que nous atteignions le même point que vous. Cela ne prendra que quelques secondes. Très bien, partons d'ici. Parfois, même si tout semble correct dans Illustrator, le fichier enregistré peut mal fonctionner. Dans ce cas, vous pouvez simplement supprimer le fichier problématique Next, revenir dans Illustrator et l' enregistrer à nouveau en tant que fichier Illustrator, mais cette fois dans un autre dossier sans en changer le nom. Trouvez maintenant le dossier dans lequel vous enregistrez le fichier, et le voilà. Nous pouvons voir que le fichier est valide. Et avant de l'importer dans notre projet et After Effects, changeons le nom. Une fois terminé, revenez à After Effects. Avant d'importer le fichier, assurez-vous de l'avoir placé dans le dossier prévu. Enfin, vous pouvez facilement faire glisser le fichier dans votre projet. Génial. Et maintenant, nous en sommes tous arrivés au même point. Et ici, dans ce cas, nous pouvons choisir des séquences. Comme il n'y a qu'une seule couche dans ce document, nous n'avons pas besoin d' After Effects pour créer une composition séparée pour une seule couche. Ensuite, choisissez de fusionner les couches pour la même raison. Ici, nous voyons le fichier Illustrator dans le panneau du projet. Faisons glisser ce fichier vers notre composition. Désactivez les autres couches, activez le fond transparent. Et vous pouvez également fermer ce panneau. Nous allons maintenant apprendre à l' animer à l'aide d'un plugin très cool Mais avant d'installer le plug-in, passons à Modifier, puis à Préférences, puis à Entrer des scripts et des expressions Maintenant, assurons-nous que tous les paramètres sont exactement les mêmes que les miens. Si vous cliquez sur OK, enregistrez le projet avec le contrôle S et fermez-le pour que le plug-in fonctionne correctement. OK, et maintenant trouvons le connecteur que nous devons installer. Vous pouvez cliquer sur le lien dans le fichier PDF situé dans le dossier de ce cours. Ou ouvrez Google et recherchez Saber After Effects. Accédez maintenant au premier site Web. Faites défiler la page un peu vers le bas jusqu'à ce que vous voyiez le plug-in en cours de téléchargement. Je vais télécharger la version pour Windows. Le processus d'installation pour les utilisateurs de Mac est exactement le même. Bien, choisissez maintenant un dossier sur votre ordinateur pour enregistrer le plug-in. Je vais l'enregistrer dans le dossier où je télécharge tous les plugins After Effects. Extrayons maintenant ce fichier. Une fois cela fait, vous pouvez supprimer ce fichier. Passons maintenant dans ce dossier et ouvrons son installation. Appuyons, je suis d'accord. Si vous utilisez des versions précédentes d'After Effects, choisissez Personnalisé et sélectionnez votre version. Très bien, cliquons sur Installer et terminer. Génial. Nous sommes maintenant prêts à passer à la partie suivante. Lorsque nous apprendrons à animer le Viking Zicon à l'aide de ce plugin, ce sera génial Alors rendez-vous dans la prochaine partie. Mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 32. Comment utiliser l'effet Saber: Bon retour. Une fois que nous avons tous installé le plug-in, revenons à notre projet, allons dans le dossier AE et ouvrons le projet. Maintenant, pour utiliser le plug-in sur notre couche, nous devons d'abord tracer son chemin. Pour ce faire, nous devons d'abord sélectionner la couche, accéder à la couche et sélectionner Autotrace Autotrace fonctionne en analysant l'image et en créant un ensemble de tracés en fonction bords et des contrastes de couleurs de l'image OK, alors cliquons dessus maintenant. Assurez-vous que tous les paramètres correspondent aux miens. Assurez-vous de décocher, d' inverser et de cliquer. D'accord, nous avons maintenant notre forme, qui est composée de nombreux masques. Nous pouvons supprimer cette couche. Désactivons maintenant l'arrière-plan transparent. Maintenant, sélectionnons le calque et appuyons dessus pour voir tous les masques qu'il contient. Nous pouvons élargir ce panel. Comme vous pouvez le constater, After Effects a créé une image-clé pour chaque masque. Nous n'en avons pas besoin. Sélectionnons-les tous et supprimons-les en appuyant sur Retour arrière ou Supprimer Faites défiler la page vers le bas pour vérifier que vous avez sélectionné toutes les images-clés. Maintenant, sélectionnons un masque, appuyons sur le bouton de commande pour tous les sélectionner et les fermer tous en même temps. Une fois cela fait, vous pouvez fermer le calque pour mieux contrôler l'effet que nous allons créer. Bientôt, nous devrons copier tous ces masques et les coller sur un solide. Créons un nouveau solide. Nous l'appellerons Viking. Assurez-vous qu' il est de la même taille que la composition. Colorez le solide en noir. Et frappez. OK. Maintenant, sélectionnons cette couche et pressons pour faire apparaître tous les masques. Sélectionnez le premier masque. Appuyez sur la touche Ctrl, sélectionnez-les toutes. Appuyez maintenant sur la touche C pour les copier. Fermons ensuite cette couche. Sélectionnez le solide. Et appuyez sur la commande V pour coller les masques sur ce solide. Vous pouvez supprimer cette couche dès maintenant. Nous pouvons maintenant ajouter l'effet Sabre. Passons au panneau des effets et cherchons le nouvel effet que nous avons installé, appelé Saber. Faites glisser l'effet sur le nouveau solide Ajustons certains paramètres. Ouvrez d'abord le noyau personnalisé et assurez-vous que l'effet fait référence aux masques de cette couche. Ensuite, passez en mode alpha et changez-le pour masquer la lueur. Pour l'instant, désactivons la lueur car je veux vous montrer un raccourci pratique. Zoomons un peu et parlons du raccourci. Comme vous pouvez le constater, nous avons de nombreux chemins de masque sur cette couche. Cela peut parfois interférer avec notre travail lors de la création d'animations de trajectoire détaillées. Heureusement pour nous, il existe un raccourci sympa pour masquer ces chemins. Appuyez sur les commandes Shift H. Ce raccourci est utilisé pour activer ou désactiver la visibilité des commandes de calque, telles que les masques, les commandes d'effets et les propriétés de transformation dans le panneau de composition De cette façon, nous pouvons voir ce que nous faisons de mieux. OK ? Et maintenant, nous pouvons redonner de la lueur. Et commençons à modifier les paramètres de l'effet. Réglez la taille du noyau sur 0,50 Ensuite, définissez le biais du globe sur un Pour le spread de luminescence, vous pouvez le régler sur 0,8. Enfin, changeons la couleur en orange vif. Maintenant, pour animer le tracé, nous devons définir des images clés pour le décalage final Passons au début de la chronologie et créons une image-clé avec une valeur de zéro Appuyez maintenant sur vous pour voir l'image clé que nous avons créée. Passez à la quatrième seconde. Changez maintenant la valeur à 100. Nous avons maintenant une animation sympa avec effet de révélation. Maintenant, sélectionnons les images clés et appuyons sur la touche F 9 pour les atténuer. Rendons les choses plus intéressantes en animant l'évolution des masques Mais au lieu de faire pivoter ce paramètre avec des images clés, nous pouvons le faire de manière plus intelligente. Question, que devons-nous faire pour faire pivoter ce paramètre sans créer d'images-clés ? Faisons-le d'abord avec une expression. Pour créer une nouvelle expression pour ce paramètre, il faut maintenir la touche Alt enfoncée et cliquer une fois sur le paramètre, Chronomètre. Écrivons maintenant l'astérisque cinq et voyons à quoi cela ressemble. Mais comme vous pouvez le constater, nous ne voyons pas l'animation de rotation que nous venons de créer. C'est parce que la forme a atteint son maximum de révélation. Nous allons résoudre le problème en modifiant la dernière image-clé du paramètre end offset, qui est responsable de la création de l'effet de révélation Mettons-nous sur ce cadre clé et changeons-le en 20. Maintenant que les formes révélées n' atteignent pas leur pleine étendue, nous pouvons donc voir le mouvement de rotation sur cette trajectoire. Très bien, maintenant ouvrons le scintillement. Réglez l'intensité sur 100 et la vitesse sur 10. Cela signifie que nous avons maintenant une petite animation scintillante sur ce chemin Avec cela, nous en avons fini avec cet effet. Nous pouvons mettre fin à l'effet. Maintenant, activons toutes les couches et déplaçons cette couche vers le bas. Créons maintenant un arrière-plan pour notre scène. Pour cela, appuyons sur la touche Y et créons un nouveau solide. Changez le nom en BG, assurez-vous qu'il est de la même taille que la composition. Laissez la couleur noire et cliquez sur OK. Ajoutons ensuite l' effet de dégradé à ce solide. Pour savoir quelles couleurs utiliser, allons dans le panneau du projet et faisons glisser la couche d'arrière-plan vers notre scène comme référence. Sélectionnez maintenant le solide et revenez aux commandes d'effets pour voir l'effet sur celui-ci. Commençons par choisir les bonnes couleurs. Nous pouvons maintenant voir que le dégradé ici est circulaire. Changeons-le également pour notre solide. Nous pouvons supprimer cette couche. Positionnons les couleurs du dégradé, mais comme vous pouvez le constater, nous ne pouvons pas les voir. Cela est dû au fait que nous avions précédemment masqué la visibilité de la couche à l'aide des raccourcis Shift H. Appuyons à nouveau sur ce raccourci pour rétablir les commandes des couches. Nous pouvons maintenant déplacer les couleurs à partir d'ici ou directement à partir du point lui-même. Créons quelque chose comme ça. Maintenant, nous allons placer l'arrière-plan sous toutes les couches. Comme vous pouvez le constater, nous ne le voyons pas du tout. C'est parce qu'au-dessus, nous avons notre solide avec l'icône. Pour voir l'arrière-plan de l'icône, nous devons modifier le mode de fusion de la couche d'icônes Je vais te montrer ce que je veux dire. Cliquez ici pour voir les options des différents modes de fusion des couches Ouvrons maintenant les modes de fusion pour le solide et choisissons un mode de fusion appelé Voilà. À mon avis, le fond devrait être un peu plus sombre. Revenons à l'effet de dégradé et assombrissons un peu sa couleur Rendons maintenant l'animation du texte un peu plus intéressante en créant un petit mouvement de caméra. Pour ce faire, entrons dans cette composition. Maintenant, sélectionnons la caméra et appuyons pour voir sa position. Passons au moment où le texte termine son animation et créons la première image clé avec la valeur actuelle, car à ce stade, nous voulons que la caméra soit dans cette position. Passons au début de la chronologie pour voir ce que nous faisons avec la caméra. Cliquez ici et choisissez deux vues. Dans ce panneau, nous pouvons voir l'ensemble de notre scène sous un angle différent. Voyez-le depuis le haut. C'est beaucoup plus pratique pour nous de faire avancer la caméra de cette façon. Maintenant, au fur et à mesure que le texte entre, la caméra s'en éloigne. Baissons la qualité pendant un moment pour vérifier le mouvement de caméra que nous venons de créer. Bien, revenons maintenant à la composition principale et créons une animation à l'échelle pour l'icône. Sélectionnez-le et appuyez sur S pour ouvrir l'échelle de cette couche. Passons maintenant au début de la chronologie, changeons la taille à 150 et créons la première image clé. Passons maintenant au deuxième chiffre cinq, au moment où la caméra termine son animation et augmentons la taille de cette couche à 180. Abaissons également la qualité ici et voyons à quoi cela ressemble. Je trouve que ça a l'air génial. Appuyons maintenant sur la touche Ctrl pour enregistrer le projet. Avant de passer à autre chose, revenons au dégradé en arrière-plan et changeons la rampe, dispersion à 100 Comme nous l'avons appris dans la leçon précédente, cela devrait améliorer l' apparence du dégradé. Passons maintenant à la partie suivante où nous allons améliorer l'apparence de la scène et rendre l'animation finale. On se voit là-bas. 33. Trucs et rendu utiles: Bon retour. Commençons par améliorer l' apparence de la scène. Mais avant cela, rétablissons complètement la qualité hors réseau. Isolez cette couche afin que nous ne la voyions que. Maintenant, rapprochons-nous un peu et agrandissons ce panneau. Maintenant, cliquez avec le bouton droit sur le calque de texte, allez dans Styles de calque et sélectionnez Inner Shadow, comme nous l'avons fait dans la leçon précédente. Passons à la couleur blanche, réglons l'opacité à 100 et le mode de fusion à Voilà, nous avons créé un point fort sympa. Choisissons maintenant une couleur plus appropriée pour le design. Choisissez une couleur orange pour qu'elle se fond dans l' icône et le coup de feu que nous avons dans le dos. Ensuite, activons la lumière globale, changeons la distance à trois et la taille à deux. Cela crée un effet de rétroéclairage froid derrière le texte. Je vais zoomer un peu pour que vous puissiez voir de quoi je parle. Comme vous pouvez le constater, cela ajoute une touche agréable au design. , maintenant isolons également l'arrière-plan pour voir à quoi il ressemble avec les couleurs d'arrière-plan. Ajoutons maintenant un autre effet pour améliorer encore le look. Accédez au panneau des effets, tapez sweep et faites glisser l'effet appelé CC light sweep sur le calque de texte Animons maintenant cet effet pour créer une animation plus intéressante lorsque le texte entre dans la scène Trouvons le moment où nous voulons que le balayage commence Disons à partir des quatre secondes. Créons maintenant la première image-clé pour le paramètre responsable de la position du balayage Appuyez sur vous pour voir l'image clé que nous avons créée. Passez maintenant à la barre des sept secondes. Et déplacez le balai ici. Voyons à quoi ça ressemble. Ça a l'air super. Passons au moment où nous voyons le texte se déplacer et affinons-le un peu Commençons par changer la couleur en jaune. Ajustons maintenant les autres paramètres. Lorsque vous souhaitez en savoir plus sur un nouvel effet, jouez avec celui-ci et modifiez les différentes valeurs des paramètres tout en regardant votre scène. Ainsi, vous comprendrez ce que chaque paramètre contrôle et, plus important encore, comment il affecte l' apparence de votre scène. OK, maintenant je voudrais faire une remarque importante. Comme vous pouvez le constater, la position initiale du balayage est ici Si nous remontons quelques secondes en arrière, il semble que le texte entre en collision avec le balayage à ce stade Cela signifie que jusqu'au troisième moment, la position du balayage doit être en dehors la scène. Nous ne le verrons pas. Lorsque le texte est dans cette position, le balayage ne commence à entrer dans la scène qu' à partir des trois secondes Ensuite, il exécutera l' animation que nous avons configurée précédemment. Bien, maintenant nous allons sélectionner l' effet et le dupliquer en utilisant le contrôle D, nous pouvons fermer le premier effet. Nous allons maintenant utiliser le second effet uniquement pour ajouter un surlignage supplémentaire au texte. Cliquons ici et supprimons tous les images-clés que nous avons créées. Maintenant, nous allons placer le balai au centre et le faire pivoter de 90 degrés. Changeons également un peu la couleur et augmentons l'épaisseur des bords. Nous pouvons zoomer un peu pour voir ce que nous faisons. Nous allons mettre ce paramètre à trois. Augmentons maintenant l'intensité du balayage à 400 et réduisons l'intensité du balayage à 60 Puis avec 60 également. Nous avons maintenant des points saillants supplémentaires sur le texte. Voici à quoi cela ressemble sans l'effet de duplication. Voilà à quoi ça ressemble. À mon avis, c'est mieux ainsi. Comme vous pouvez le constater, nous avons quelques points forts intéressants au milieu du titre. OK, rétablissons toutes les couches. Maintenant, je veux créer une ombre pour notre couche de texte. Cela lui donnera une meilleure apparence, car contraste entre le texte et la forme sous-jacente n'est pas suffisant pour créer un effet d'ombre sur le calque. Nous devons le rechercher dans le panneau des effets et le faire glisser sur le calque. Mais si nous avons un léger effet de balayage sur la même couche, cela peut donner à l' ombre projetée un aspect étrange Comme vous pouvez le voir, cela ressemble plus à une lueur. Ça va ressembler à ça même si je déplace l'effet d'ombre au-dessus du balayage de lumière Supprimons-le maintenant. Je vais vous montrer comment créer un effet d'ombre approprié en même temps que le balayage de la lumière Pour ce faire, cliquez avec le bouton droit sur la composition de la couche de texte. Accédez à Styles de calque et sélectionnez Drop Shadow. Ouvrons maintenant l'effet et ajustons les paramètres. OK, je pense que ça suffit. Apportons maintenant une petite correction colorimétrique à l'ensemble de la scène. Pour ce faire, créons un nouveau calque de réglage et appliquons-lui un effet appelé courbes. Abaissons un peu cette partie du manche, et cette partie un peu plus haute, afin de créer plus de contraste dans la scène. Copions ensuite le nom de l'effet et collez-le sur le calque de réglage. Mais maintenant, je remarque que le balayage semble trop petit pour le changer Nous pouvons revenir au premier effet de balayage de la lumière et en modifier la forme Je vais laisser celui-ci comme linéaire. Maintenant, je veux vous montrer une astuce sympa pour rendre la scène plus intéressante. Comme nous avons un coup de feu en arrière-plan, nous pouvons animer l'effet d' ombre intérieure que nous avons ajouté plus tôt pour donner l' impression que notre texte est affecté par le feu qui se trouve derrière lui Laissez-moi vous montrer ce que je veux dire. abord, sélectionnons cette couche et appuyons deux fois sur la touche U pour voir tous les paramètres et effets qu'elle contient Fermons tous les effets ici jusqu'à ce que nous arrivions à Inner Shadow. Créons maintenant une expression dans l'opacité. Pour cela, maintenons la touche Alt et cliquez une fois sur le chronomètre Opacity Écrivons maintenant l'expression suivante ici. Une fois cela fait, cliquons ici pour terminer l'action. Isolons cette couche pour voir à quoi elle ressemble. Remarquez que l' ombre intérieure scintille maintenant, ce qui nous donne l'impression que la lumière provient des étincelles de feu qui se trouvent derrière elle Très bien, nous allons maintenant créer l' animation d'outro pour l'ensemble de la scène Commençons par l'animation du titre. Passons d'abord à la composition du texte. Nous pouvons revenir en voir un maintenant. Restez au bout de neuf secondes lorsque le texte a terminé son animation. Et réduisez la zone de travail jusqu'à ce point à l'aide de la touche N. Maintenant, cliquez avec le bouton droit sur la zone de travail et sélectionnez Découper la composition en zone de travail. Une fois terminé, revenons à la composition principale et dupliquons cette précomposition, sélectionnons-la et appuyons sur la touche Ctrl D. Ensuite, cliquez avec le bouton droit sur la nouvelle précomposition, passez à l' heure et sélectionnez le calque inversé dans le temps Maintenant, cette pré-composition fonctionnera comme notre animation de sortie de texte Nous pouvons supprimer le premier balayage que nous avons ici car nous n'en avons pas besoin pour relire le texte. Laissez-moi vous expliquer pourquoi. Déplaçons cette pré-composition à la fin de la première pré-composition Assurez-vous que les deux pré-compositions sont parfaitement alignées côte à côte. Comme cette précomposition est essentiellement l'inverse de la précomposition d'origine, nous voyons le balayage Je n'aime pas ça. J'ai suggéré de supprimer le premier balayage. Bon, passons maintenant à la fin de cette pré-composition et appuyons dessus pour réduire la zone de travail à cet endroit, car nous n'avons pas besoin de tout afficher par la suite Ensuite, créons une animation d'outro pour les étincelles. Nous allons sélectionner la couche et appuyer dessus pour faire apparaître les images clés qu'elle contient. Copions maintenant ces images-clés et collons-les à la fin de l'animation Maintenant, cliquez avec le bouton droit sur l'un d'entre eux. Accédez à l' assistant d'images clés et sélectionnez images clés inversées pour inverser l'animation Enfin, déplaçons ces images-clés ici. Une fois terminé, sélectionnons la couche d'icônes, appuyons et créons une animation en fondu au deuxième chiffre sept. Créez la première image-clé à ce stade avec la valeur actuelle Passez maintenant au deuxième chiffre neuf et modifiez l' opacité à zéro Enfin, simplifions-nous ces images clés. Abaissons maintenant la qualité et voyons à quoi elle ressemble. Je pense que c'est génial. Réglons maintenant la qualité sur maximale et préparons-nous le rendu de la scène juste avant le rendu. Nettoyons le logiciel pour éviter des problèmes inattendus lors du rendu. Pour ce faire, allez dans Modifier, purger, puis sélectionnez toute la mémoire et le cache disque. Appuyez ensuite sur OK et attendez quelques secondes. Organisons maintenant le panneau du projet, créons un dossier appelé Assets, et faisons glisser les dossiers contenant les couches du logo et le dossier solide vers celui-ci, ainsi que le fichier d'icône Viking. Créez ensuite un nouveau dossier appelé precomps. Et faites-y glisser toutes les précompositions que nous avons créées pendant le projet, exception de la composition principale, que nous pouvons étiqueter avec une couleur différente Ensuite, clôturons ces pré-compositions. Appuyez sur la touche S pour enregistrer le projet. Appuyez maintenant sur la touche M pour accéder au panneau de rendu en mode sortie. Choisissez H 0,264 40 MBPS. Et effectuez le rendu de l'animation dans notre dossier de rendu, vérifiez le nom, appuyez sur Enregistrer puis sur Render Et maintenant, attendez un moment. Génial. Et maintenant, voyons ce que nous avons. Ça a l'air excellent. Vous devriez être fiers de vous, car vous avez beaucoup appris aujourd'hui. Revenons maintenant à notre projet et fermons-le. Cette fois, nous n'avons pas besoin d'organiser le projet car nous l'avons déjà fait avant le rendu. Il suffit donc de fermer le programme et d'enregistrer le projet. N'oubliez pas de fermer également Illustrator. J'espère que vous avez apprécié la séance et j'ai hâte de vous voir pour la dernière leçon de ce cours. Nous allons créer une animation de logo super cool pour un sanctuaire animalier aménagé en nous plongeant dans le travail avec une caméra dans un espace en trois dimensions. Ça va être génial. Alors on se voit là-bas. 34. Logo #4 Tâche d'accueil: Bonjour. J'espère que vous avez trouvé ces leçons utiles et que vous avez appris des choses nouvelles et intéressantes. Pour mieux vous souvenir de tout ce que nous avons abordé, je vous recommande vivement de vous entraîner en complétant ce devoir. Votre tâche consiste à recréer cette animation sympa. Vous avez la liberté de changer les couleurs et d'ajouter les graphismes supplémentaires que vous souhaitez chaque fois que vous rencontrez des problèmes ou avez des questions. N'hésitez pas à consulter le dossier du projet AE pour voir les étapes que j'ai suivies. De plus, vous pouvez toujours me contacter pour obtenir de l'aide. Bonne chance 35. Logo #5 - Animer un logo pour un refuge pour animaux: Bonjour. Dans cette leçon, nous allons créer une superbe animation de logo pour un refuge imaginaire pour animaux sauvages. Ce type d'animation est très populaire. Une entreprise vous demandera toujours de créer une animation dans laquelle tous ses employés se réuniront avec le logo de l'entreprise. Dans cette leçon, nous allons approfondir le monde de l'espace en trois dimensions, des After Effects et du mouvement de caméra en trois D. Nous apprendrons également à créer le projet de manière intelligente afin que vous puissiez facilement passer à une autre ou ajouter une nouvelle image sans affecter l'animation Cette animation se compose de trois parties animées principales. Nous allons créer chaque pièce séparément, puis les connecter et les chronométrer ensemble. Plongeons-nous directement dans le vif du sujet. 36. Comment organiser beaucoup d'images dans un espace 3D: Bonjour et bienvenue à la dernière leçon de ce cours. Commençons la leçon en découvrant comment ce logo est créé dans Illustrator. Pour cela, ouvrons le dossier principal que nous avons créé pour le cours et entrons dans le dossier AI. Ouvrons maintenant le cinquième logo. Cette conception est également divisée en plusieurs couches. Il y a un calque d'arrière-plan, un calque pour le rectangle orange, un calque pour le texte principal, qui est un calque de texte de contour. Cela signifie qu'il ne s'agit pas d'une couche de texte dans laquelle nous pouvons ensuite modifier le texte, mais d'une couche pour le slogan. Le slogan est une couche de texte normale écrite dans la police Monserrat Bien, maintenant, comme toujours, avant de plonger dans After Effects, nous devons réfléchir à une manière intéressante de l'animer. Comme je le dis toujours, il est très important de créer une esquisse de storyboard approximative de l'idée qui puisse être liée au concept du logo Ouvrons le fichier d'idées et voyons ce que j' ai prévu pour ce logo de refuge pour animaux. Comme la raison d'être de l'entreprise est fournir un foyer pour les animaux, j'ai pensé que ce serait cool que tous les animaux soient réunis dans le logo. De cette façon, nous pouvons montrer que l'entreprise réunit tous ces animaux et leur offre un foyer. Juste pour information, c' est le genre d'animation que les grandes entreprises utilisent tout le temps. OK, maintenant ouvrons After Effects Together, nous pouvons fermer cette fenêtre afin que nous puissions tous voir la même disposition des panneaux. Cliquons sur Par défaut. Passons maintenant à la création de notre première composition. Nous l'appellerons Logo Animation Five. Passons ensuite au rendu en trois D. Puisque dans la leçon précédente nous utilisons le moteur de rendu Cinema en quatre D. Assurons-nous que nous utilisons actuellement le 3D classique, et non le Cinema Four D, car nous n'avons pas besoin d'utiliser ce moteur de rendu dans ce projet Une fois cela fait, revenons à la version de base et continuons avec les paramètres de composition cette fois également. Nous travaillerons pleinement. Le format HD a une largeur de 1 920 pixels et une hauteur de 1080 pixels Réglons ensuite la fréquence d'images à 30 images par seconde, et la composition durera 20 secondes. Nous garderons le fond de la composition noir. Enfin, cliquez sur OK. Importons maintenant le design de notre logo dans le projet. Double-cliquez sur la zone vide du panneau de projet, puis allez dans le dossier AI et sélectionnez le cinquième logo. Assurez-vous de ne pas cocher cette fonction et appuyez sur Importer ici. Nous savons déjà que nous devons sélectionner la composition, car nous voulons que ce fichier soit divisé en couches séparées. Ici, nous allons sélectionner la taille de la couche, car nous voulons que les limites de la couche correspondent à la taille des objets, et non à la taille du document. Importons maintenant les photos d'animaux dans notre projet. Vous les trouverez dans le dossier Assets. J'ai téléchargé ces photos sur le site Web de Vado. Vous devriez maintenant voir un autre dossier appelé Nouveau, Ignorez-le. Pour le moment, nous y reviendrons à la fin de la leçon. En attendant, sélectionnons toutes les photos ici et cliquez sur Importer. Maintenant, cliquons ici pour voir les photos sous une forme plus organisée. Avant de commencer à travailler sur la première scène, sauvegardons le projet et donnons-lui un nom. Cette fois, nous allons le faire en utilisant le raccourci clavier. Trouvons maintenant le dossier que nous avons créé pour la leçon. Entrez dans le dossier AE et nommez le projet After Effects sur lequel nous travaillons. Vous pouvez sélectionner ce projet pour échantillonner le nom et le remplacer par cinq, souligner la confiance Une fois terminé, cliquez sur Enregistrer. Voyons maintenant comment gérer des projets comportant nombreuses photos pour lesquels nous pouvons avoir besoin modifier les images à tout moment du projet. Parce que le client peut toujours nous demander de modifier ou d'ajouter une nouvelle image en cours de route pour créer le projet de manière à ce que nous puissions changer rapidement les images sans affecter l'animation. Nous devons créer une pré-composition pour chaque photo. Créons la première précomposition avec la première image pour créer une nouvelle commande de presse de pré-composition Nommons cette photo pré-comp une photo et décidons qu'elle sera au format 1080 x 1080 pixels Vous pouvez laisser les autres paramètres tels quels Maintenant, cliquez sur OK, super. Nous sommes automatiquement passés à la nouvelle pré-composition. Vous pouvez également le trouver dans le panneau de projet. Faisons maintenant glisser la première image dans cette pré-composition. Comme vous pouvez le constater, il est assez grand. Appuyons sur S et redimensionnons-le pour l'adapter aux dimensions de cette précomposition Je trouve que 30 ans, c'est excellent. Déplaçons maintenant la photo ici pour voir cet ours en peluche Maintenant, arrondissons les coins de l'image. Et nous le ferons en utilisant la fonction Track Matte. Laissez-moi vous montrer ce que je veux dire. Nous devons nous assurer que nous ne sélectionnons pas la couche. Assurez-vous maintenant que nous utilisons l' outil rectangle avec une couleur de remplissage blanche et sans trait. Ensuite, double-cliquez ici. De cette façon, nous allons créer un rectangle de la taille exacte de cette composition. Ouvrons le rectangle. Ouvrons également sa voie ici. Nous allons modifier la propriété appelée rondeur. À mon avis, 100, c'est excellent. Fermons le calque. Nous pouvons maintenant utiliser cette forme comme masque pour la photo à l'aide d'une fonction de tapis de course. Si vous ne le voyez pas, vous pouvez cliquer ici. Faisons maintenant glisser le tapis de course. Dirigez le fouet de l'image vers le carré. Voilà. Nous avons créé coins arrondis pour l'image. En principe, cette image ne sera visible que dans les limites du carré. OK, je vais placer la photo ici. Apprenons maintenant à préparer la deuxième photo, mais sans répéter toutes les actions que nous avons effectuées jusqu'à présent. Pour cela, nous devons dupliquer la pré-composition de la première image via le panneau de projet Sélectionnons la composition et appuyons automatiquement sur la commande D. Après les effets, nous appellerons la nouvelle composition photo deux. C'est super pour nous. Entrons maintenant cette composition pour remplacer l'image et conserver la même trace. Conçu pour les réglages. Nous allons sélectionner la couche d'image ici. Transférons maintenant la deuxième image dessus tout en maintenant la touche Alt enfoncée. Enfin, ajustons la taille et la position de l'image en maintenant la touche enfoncée tout en faisant glisser la nouvelle photo sur la précédente, que nous remplaçons essentiellement entre les deux tout en conservant les paramètres de la première photo Passons maintenant à la création de la composition pour l'image suivante. Sélectionnons cette composition et dupliquons-la avec le contrôle D. Passons à l'intérieur de celle-ci. Sélectionnez l'image que vous souhaitez remplacer, puis placez-la tout en maintenant la touche Alt enfoncée. Repositionnons maintenant la nouvelle photo. Génial, répétons maintenant cette action jusqu'à ce que nous ayons terminé toutes les images. C'est une bonne chose que nous fassions la même action plusieurs fois, car ainsi vous vous en souviendrez mieux. OK, donc une fois que nous avons créé toutes les précompositions pour chacune d'entre elles, nous pouvons les fermer depuis le panneau des couches Mais au lieu de le faire manuellement, utilisons un raccourci pratique. Maintenez la touche Ctrl enfoncée et appuyez plusieurs fois sur la touche jusqu'à ce que nous fermions toutes les précompositions pour les images Si vous fermez également accidentellement la composition principale, double-cliquez simplement dessus dans le panneau du projet. Bien, maintenant, pour garder les choses organisées dans le panneau de projet, créons un nouveau dossier appelé animals Picks. Ensuite, sélectionnons toutes les images et faisons-les glisser dans ce dossier. Créons maintenant un autre dossier appelé precomps et faisons-y glisser toutes les précompositions des images Génial. Avant de poursuivre, appuyons sur la touche Ctrl pour enregistrer tout ce que nous avons fait jusqu'à présent. Ouvrons maintenant le dossier des précompositions et faisons glisser toutes les précompositions des images dans la dans Vous pouvez fermer ce dossier dès maintenant. Nous allons maintenant apprendre à répartir ces couches dans un espace tridimensionnel. Pour cela, nous devons d'abord créer une nouvelle caméra. Cliquez ici avec le bouton droit de la souris, accédez à Nouveau et sélectionnez Appareil photo. Nous travaillerons avec la caméra à un nœud avec un objectif de 35 millimètres. Cliquez sur OK. Maintenant, pour que la caméra interagisse avec ces précompositions, nous devons convertir toutes ces couches en trois couches D. Cliquez ici pour accéder à la fonction des trois couches D. Maintenant, sélectionnons toutes les couches et convertissons-les en trois couches pour qu'il soit plus trois couches pour qu'il soit plus pratique d'étaler les couches dans l'espace tridimensionnel. Passons de notre aperçu à un affichage personnalisé Nous pouvons désactiver l'arrière-plan transparent pour voir ce que nous faisons de mieux. Nous pouvons également régler l'écran de prévisualisation pour qu'il s'adapte. Maintenant, nous allons comprendre ce qui se passe ici. Ici, nous pouvons voir toute notre scène de côté. C'est là que se trouve la caméra. Voici toutes les couches actuellement empilées les unes sur les autres Nous pouvons maintenant sélectionner la deuxième image et la déplacer le long de la poignée de l'axe Z. Nous pouvons également déplacer cette couche à travers la couche elle-même. Pour cela, appuyons sur la touche pour voir la propriété position. Nous pouvons maintenant modifier la valeur de l'axe Z manuellement. Sélectionnons la première image et appuyons sur P pour voir sa position ainsi que la valeur de l'axe Z, elle est actuellement fixée à zéro. Nous allons changer la valeur de l'axe z pour la deuxième image à 500. Maintenant, sélectionnons la troisième image et appuyons sur P pour voir également sa position. Et remplacez la valeur de l'axe z par 1 000, pourquoi 1 000 ? Parce que c'est 500 pixels après la deuxième image De cette façon, nous maintenons une distance constante entre les couches dans un espace tridimensionnel. Passons à la couche suivante et plaçons-la après la troisième photo. Au lieu de le sélectionner et de le déplacer manuellement. Ainsi, nous pouvons simplement changer la valeur de l'axe z à 1 500. OK, vous avez compris l'idée. Agrandissons maintenant ce panneau. Sélectionnez toutes les couches et appuyez dessus pour voir leur position. Changeons ensuite l' axe Z pour chacun d'eux, en ajoutant 500 pixels à la valeur de la couche qui le précède à chaque fois. , maintenant, cliquons ici pour nous assurer qu' aucune couche n'est sélectionnée. Et appuyez une fois, encore une fois pour fermer la position de toutes les couches à la fois. Revenons ensuite à Active Camera pour voir à quoi ressemble notre scène à travers la caméra que nous avons créée. Passons maintenant à la partie suivante du projet. Et continuez à organiser les images dans l'espace en trois D et modifiez leur position pour que les choses restent intéressantes. Ça va être une balade amusante. Rendez-vous dans la prochaine partie. Mais avant de passer à la leçon suivante, je vous recommande vivement de faire une pause de dix minutes, lever de votre chaise, faire quelques étirements légers et de boire un verre d'eau. Cela vous aidera à recharger votre cerveau pour la prochaine leçon. 37. Caméra 3D: Bon retour. Apprenons à répartir les images de manière aléatoire dans l'espace tridimensionnel abord, nous pouvons commencer par déplacer l'image sur les côtés pour ce faire et continuer à voir à quoi ressemble la scène à travers la caméra. Nous pouvons travailler avec deux points de vue. Lorsque vous utilisez cette méthode, il est important de faire attention au cadre bleu ici. Cela signifie que nous sommes en train de sélectionner ce panel. signifie que tous les paramètres ici ne s'appliqueront à ce panneau que si je modifie l'arrière-plan de l'aperçu, nous le verrons uniquement sur le panneau de droite Maintenant, lorsque nous cliquons ici, nous allons sélectionner ce panneau. Maintenant, tous ces paramètres s'y appliqueront. n'est que dans ce panneau que nous verrons la scène d'un point de vue supérieur, vu d'en haut. Maintenant, je ne veux pas que tu fasses ça avec moi. Il suffit d'écouter. Je voudrais expliquer ce qui se passe ici. Nous pouvons également travailler ici avec un D one personnalisé. Maintenant, si je déplace la caméra vers l'avant le long de son axe Z dans le panneau de droite, nous verrons les images s'agrandir. Il est important de comprendre que nous n'augmentons pas la taille de la couche de l'objet, mais que nous zoomons avec l'appareil photo faire paraître plus grand En d'autres termes, dans ce panneau nous voyons la scène à travers l'objectif de l'appareil photo. OK, je vais donc sélectionner ce panneau et le remettre en vue du haut. Maintenant tu peux le faire avec moi. Passons à cette zone en utilisant le clic central de la souris. Si vous n'avez pas le clic central de votre souris, vous pouvez maintenir la barre d'espace enfoncée et faire glisser l'écran avec la souris. Bien, maintenant, avant positionner les images et de les déplacer sur les côtés, reculons légèrement notre appareil photo . Maintenant, sélectionnons la première image, maintenons la touche Ctrl et sélectionnons un calque sur deux. Rapprochons-nous maintenant et déplaçons ces couches sur le côté en utilisant l'axe X comme ceci. Une fois cela fait, cliquons sur le petit carré ici et étiquetons ces couches avec une couleur différente. Il sera ainsi beaucoup plus facile de sélectionner le reste des couches. Cliquez maintenant sur le carré de cette couche et choisissez Select Layer Group. Déplaçons maintenant ces couches sur le côté, ceci. Ensuite, sélectionnons l'appareil photo et déplacons-le vers l'avant et vers l'arrière pour vérifier à quoi ressemble le mouvement par rapport à la disposition actuelle des images. Comme vous pouvez le constater, tout est trop serré. À mon avis, nous devons réduire un peu les photos. Pour ce faire, sélectionnons toutes ces couches, traitons-les et modifions-les toutes à 30. Maintenant, lorsque nous déplaçons l'appareil photo, nous aurons un peu d'espace entre les photos. Voyons à quoi ça ressemble. C'est bien mieux. Très bien, maintenant animons notre caméra. Passons au début de la chronologie. Et déplacez l'appareil photo au point à partir duquel nous voulons qu'il commence à bouger, quelque part par ici, avant la dernière photo. Maintenant, appuyons sur P et créons la première image clé avec la valeur actuelle. Passons ensuite à la dizaine secondes et déplaçons la caméra vers l'arrière comme ceci. Voyons à quoi ça ressemble. Ça a l'air super. C'est le bon moment pour appuyer sur la touche Ctrl afin de sauvegarder tout ce que nous avons fait jusqu'à présent. Maintenant que nous avons le mouvement de la caméra, nous pouvons parcourir la chronologie et organiser les images de manière plus intéressante. Par exemple, nous pouvons nous arrêter à ce moment-là. Nous pouvons soulever le loup ici, ce qui est facile à faire depuis ce panneau. Maintenant, avançons dans le temps et déplaçons le renard ici. Ensuite, avançons dans le temps. Nous pouvons placer le léopard ici. Continuons ainsi jusqu'à ce que nous ayons fini disposer toutes les photos des animaux dans l'espace en trois D. Notre objectif est de disperser les images de telle sorte que lorsque l' appareil photo atteint son dernier point, toutes les images soient approximativement au centre de la scène Nous comprendrons très bientôt pourquoi nous le faisons. Pour l'instant, il suffit d'avancer dans la chronologie et de continuer à arranger les photos pour le moment, cela semble bien. Voyons à quoi cela ressemble au début du mouvement de la caméra. Mais avant cela, sélectionnons ce panneau et configurons l'aperçu de manière à ce que nous puissions voir le cadre dans son intégralité. Bien, voyons maintenant s'il y a une image à ajuster. Nous pouvons déplacer le léopard ici. À ce stade, l'appareil photo traverse directement l' image et je n'aime pas ça. Je vais me tenir devant le cadre problématique et déplacer l'image dans une position légèrement différente. Il y a une autre photo ici qui doit être déplacée. On peut le déplacer un peu plus vers la droite. Tout semble bon pour l'instant. Voyons maintenant comment créer un effet de caméra à faible profondeur de champ dans notre scène. Cela signifie que certaines parties des images seront floues et que d'autres seront nettes Pour ce faire, fermons l' appareil photo et ouvrons-le à nouveau. Ouvrons maintenant les options de l' appareil photo. D'ailleurs, au lieu de le faire manuellement, nous pouvons simplement appuyer deux fois sur la touche. Très bien, activons maintenant la profondeur de champ. Notez qu'une nouvelle ligne est apparue dans notre appareil photo. Si nous modifions la distance focale, cette ligne se déplacera. Cette ligne définit l'emplacement de la partie focalisée. Pour comprendre ce que nous faisons, augmentons l'ouverture à 100. Nous pouvons maintenant voir la profondeur de champ. Mieux actuellement, l'accent est mis sur la couche zébrée. Cette couche est focalisée et les autres couches ne le sont pas. Nous pouvons déplacer le focus sur la position de la couche en forme de chien pour voir où déplacer le point focal. Nous pouvons sélectionner la couche en forme de chien dans ce panneau. De cette façon, nous pouvons voir sa position dans la vue de dessus. Nous pouvons maintenant déplacer la distance focale jusqu'à ce point. Très bien, je suis sûr que tu as compris. Maintenant, plaçons la distance de mise quelque part au milieu de l'objectif de l'appareil photo. Comme l'appareil photo est en mouvement, il semblerait que la mise au point change au fur et à mesure que l'appareil photo passe d' une image à l'autre. Voyons à quoi ça ressemble. Ça a l'air génial. Nous pouvons maintenant fermer la caméra et continuer. Appuyons maintenant sur Ctrl Why pour créer un solide qui servira d'arrière-plan dans cette scène. Changez le nom en B, G. Assurez-vous que le solide est la même taille que la composition et changez sa couleur en blanc. Déplaçons maintenant cette couche le bas et nous n'allons pas la faire en trois D, afin qu'elle ne soit pas affectée par mouvements de notre caméra dans la scène. Ainsi, la couche d'arrière-plan restera en place lorsque la caméra se déplace. Bien, une fois que nous aurons fini de composer la scène dans l'espace en trois D, nous pourrons recommencer à travailler avec la première vue Maintenant, sélectionnons toutes ces couches et appuyons sur Ctrl Shift C pour les précomposer toutes. Appelons-le Pick Comp. Assurez-vous que les deux options sont sélectionnées et cliquez sur OK. Nous sommes maintenant prêts pour la prochaine étape où nous allons apprendre à combiner le logo de l'entreprise avec la scène des images. Tout d'abord, trouvons le texte du logo et faisons-le glisser dans notre composition. À l'étape suivante, nous devons rendre la précomposition des images visible uniquement dans les limites du texte Pour cela, cliquons ici et utilisons la fonction Track Mat. Encore une fois, nous voulons la pré-composition des photos. Nous utiliserons le calque de texte comme masque. Par conséquent, nous allons faire glisser le morceau Matt pick whip du Pix pre-comp vers la La couche de texte fonctionne désormais comme un tapis pour la précomposition de l'image. Très bien, maintenant traitons et agrandissons cette couche. Comme vous pouvez le voir, c'est très pixelisé en ce moment. Quelle fonction appliquer à la couche Illustrator pour optimiser sa qualité ? Pour résoudre ce problème, cliquez ici et appliquons la fonction de réduction à cette couche. Maintenant, le texte est net et superbe. Une fois cela fait, ramenons la taille à 100. Passons maintenant au moment où le mouvement de la caméra prend fin dans la pré-composition de l'image, disons au bout de dix secondes. Créons maintenant la première image clé correspondant à l'échelle de cette couche pour indiquer à After Effects qu'à ce stade, nous voulons que cette couche soit de cette taille. Revenons maintenant au début de la chronologie et agrandissons la couche jusqu'à ce qu' elle couvre la totalité de l'écran. Nous pouvons saisir la couche à partir de ce point et la redimensionner tout en maintenant la touche Shift enfoncée. Écrivons 3 000 ici, c'est ce que nous avons maintenant. Mais nous ne voulons pas du tout voir la forme du texte pour le moment. Nous devons également ajuster la position en conséquence. Pour cela, appuyons sur Shift, et passons maintenant à la barre des dix secondes. Nous allons définir une image clé avec la valeur actuelle, car nous savons que cette couche doit être là où elle se trouve actuellement. Revenons maintenant au début de la chronologie et déplaçons la couche légèrement vers la droite. Nous devons la redimensionner et continuer à synchroniser les deux paramètres jusqu'à ce que les parties du texte ne s'affichent plus Bien, écrivons 6 800 pour l'échelle et veillons à ne pas voir les coins du texte Bien, trouvons maintenant le bon moment pour commencer à réduire la couche de texte que nous venons de créer Je pense que nous pouvons commencer cette animation à partir du deuxième chiffre sept. Puisque c'est le point où toutes les photos sont visibles dans le cadre. Sélectionnons ces deux images-clés et déplaçons-les au deuxième chiffre sept. Cela permet au texte de démarrer l'animation à partir du second point plutôt qu'au début. Voyons à quoi ça ressemble. Comme vous pouvez le constater, le texte se déplace très rapidement vers la fin. Cela se produit parce qu' il y a un énorme changement dans le paramètre de valeur de l'échelle en très peu de temps. Pour résoudre ce problème, sélectionnons toutes les images clés et appuyons sur la touche F 9 pour les atténuer. Maintenant, déplacez ces deux images clés vers l'image numéro six pour allonger un peu l'animation. Voyons ça maintenant. Ça a l'air mieux. Passons maintenant au deuxième numéro dix et créons la partie où le texte devient blanc. Pour ce faire, nous pouvons saisir la composition des images. Maintenant, pour que cela se produise, dupliquez le fond blanc et placez-le au-dessus de tous les calques. Appuyez maintenant sur le crochet gauche pour déplacer cette couche vers la position de l'indicateur de temps. Appuyez maintenant pour afficher l' opacité de cette couche. Créons ici une image clé avec une opacité de zéro. Passez au second 12 et réglez l'opacité sur 100. Enfin, sélectionnons ces images clés et appuyons sur la touche F 9 pour les atténuer. Voyons à quoi ça ressemble. Ça a l'air bien. Appuyez maintenant sur le centre de ce calque et changez le nom en White Fade. Maintenant, lorsque nous revenons à la composition principale, nous pouvons voir que nous avons créé l'effet où le texte devient blanc. OK, le moment est venu d' appuyer sur la touche S pour enregistrer tout ce que nous avons fait jusqu'à présent. Importons maintenant le rectangle du logo en le faisant glisser dans notre composition Pour obtenir les meilleurs résultats d'animation, nous devons convertir ce calque Illustrator en un calque façonné avec des tracés que nous pouvons ajuster et redimensionner. Pour ce faire, cliquez avec le bouton droit de la souris sur la couche. Accédez à Créer, puis sélectionnez Créer des formes à partir d'une couche vectorielle. Vous pouvez supprimer cette couche dès maintenant. Ouvrez maintenant cette couche de forme jusqu'à ce que vous voyiez son tracé. Passez ensuite au moment où le texte termine son animation, qui est le deuxième chiffre dix. Créez le premier cadre clé pour le tracé dans sa forme actuelle. Passez maintenant au deuxième numéro huit pour voir ce que nous faisons. Nous pouvons isoler la couche, puis sélectionner les points supérieurs du tracé et les faire glisser vers le haut en dehors de la scène tout en maintenant la touche Shift enfoncée. Sélectionnez maintenant cette partie et faites-la glisser vers le bas. Ensuite, faisons un petit zoom arrière, sélectionnons les points latéraux et déplacons-les sur les côtés. Comme vous pouvez le constater, une nouvelle image clé a été automatiquement créée sur ce chemin. Cela signifie que la forme de ce chemin ressemblera à cela, jusqu'au deuxième chiffre sept. Cette forme ne changera pas tant qu' elle n'atteindra pas la première image clé, puis elle commencera à se rétrécir Très bien, sélectionnons maintenant ces images clés et appuyons sur F neuf pour les convertir en images ASe. Ensuite, maintenons la touche Alt enfoncée et double-cliquez sur l'une des images clés pour modifier la vélocité, réglez-la sur 85 pour les deux axes et frappez OK, vérifions-le maintenant. OK, désactivons maintenant l'isolation, fermons la couche et voyons à quoi elle ressemble par rapport à ce qui se passe dans la scène. Je pense que l' animation du rectangle commence trop tôt pour résoudre ce problème Appuyez sur vous pour voir les images clés de cette couche. Trouvons maintenant un meilleur moment pour démarrer cette animation. Je pense qu'il faut commencer par le deuxième neuf, les sélectionner et les déplacer vers le deuxième numéro neuf. Vérifions-le maintenant. OK, laissons les choses comme ça pour le moment et passons à la partie suivante de l'animation, qui consiste à créer un arrière-plan pour la composition principale dans laquelle nous nous trouvons actuellement Comme vous pouvez le constater, si j'active l' arrière-plan transparent de l'aperçu, nous n'avons aucun arrière-plan pour le moment. Créons-en un pour cela. Nous allons sélectionner la couche d'arrière-plan à partir du logo original. Créons un solide dans la couleur de cet arrière-plan. Enfin, déplacez le solide vers le bas. Nous avons maintenant une belle toile de fond dans la scène. Super, nous pouvons maintenant passer à l' animation du slogan du logo. Introduisons la couche de slogan dans notre scène. Mettons-le maintenant dans la scène. Nous pouvons avancer à temps pour voir où le déplacer. Maintenant, maintenez la touche Shift enfoncée et déplacez-la vers le bas à l'aide des touches fléchées du clavier. Maintenant, pour éviter que cela n'interfère avec l'animation, positionnons cette couche sous le rectangle afin que le rectangle la masque de cette façon Nous ne le voyons que lorsque le rectangle se rétrécit. Génial. Créons maintenant un aperçu cool qui passera par-dessus le slogan pour capter l'attention du spectateur Pour cela, cliquez ici pour nous assurer que nous ne sélectionnons aucune couche. Et sélectionnez l'outil rectangle, réglez le champ sur blanc et assurez-vous que le trait est désactivé. Maintenant, zoomez un peu et créez un rectangle qui ressemble à ceci. Maintenant, sélectionnons ce calque et pressons, faisons pivoter le calque de 30 degrés. Passons maintenant au deuxième numéro 11. Retournez à l'outil de sélection. Déplacez cette couche ici tout en maintenant la touche Shift enfoncée. Appuyez maintenant pour voir la propriété de position cette couche, puis créez la première image clé. Ensuite, passez à la seconde 13 et déplacez la couche ici tout en maintenant la touche Shift enfoncée. Sélectionnez ensuite ces images clés et appuyez sur la touche F 9 pour les simplifier. Facilité. Génial. Maintenant, appuyons sur le centre de cette couche et changeons le nom en slogan Mat, ou vous pouvez l'appeler Slogan Sweep Bien, positionnons maintenant cette couche au-dessus de la couche de slogan. Cliquez ici pour voir la fonction Track Matt. Faites maintenant glisser le fouet du rectangle blanc vers la couche de slogan Cela garantira que le rectangle n'est visible que dans la forme du slogan. Enfin, revenons à la couche de slogan. Cliquez ensuite ici et appliquez le collapsus à cette couche. Voyons maintenant à quoi ça ressemble. Ça a l'air sympa. Appuyons sur la touche S pour enregistrer le projet. Passons maintenant à la partie suivante et créons une animation d'outro pour l' ensemble de la scène que nous avons créée 38. Comment remplacer facilement les images: Bon retour. Créons une nutroanimation pour cette scène Mais avant cela, organisons un peu notre projet. Tout d'abord, sélectionnons ces deux couches et marquons-les en orange. En effet, ces deux couches créent l'animation de la partie slogan. Ensuite, nous allons étiqueter cette couche en brun. Ces deux couches seront également étiquetées en brun car elles concernent la même partie de l'animation, l'animation du logo principal. Parfait, maintenant pour terminer cette animation sur un fond blanc, dupliquons cette couche de rectangle orange et étiquetons-la d'une couleur plus claire. Appuyez maintenant sur vous pour voir ses images clés. Va au deuxième numéro 13 et déplace-les quelque part par ici. Pour l'instant. Cliquez ensuite avec le bouton droit sur l'une des images clés et inversez leur animation. Déplacez ensuite les images-clés vers le deuxième chiffre 13. Maintenant, changeons la couleur de cette couche en blanc et positionnons-la sous le rectangle orange. C'est ainsi que nous avons créé le fond blanc qui doit être vu à la fin de cette animation. Créons maintenant une animation d'outro pour les autres couches de la scène Tout d'abord, sélectionnez le calque de texte, maintenez le contrôle, puis sélectionnez le calque rectangle orange. Appuyez sur S et passez au deuxième numéro 13. Créez un nouveau cadre clé pour le rectangle orange et un autre pour le calque de texte. Passons maintenant au deuxième numéro 15. Réduisez les couches à zéro. Ensuite, sélectionnons ces images-clés et appuyons sur neuf pour les atténuer. Maintenez maintenant la touche enfoncée et double-cliquez sur l' une des images clés pour modifier la vélocité. Voyons à quoi ça ressemble. Ça a l'air génial. Passons maintenant au deuxième numéro 15. Vous pouvez fermer ces couches. Appuyez maintenant sur N pour ajuster la zone de travail à ce stade. Regardons maintenant l' animation complète du début à la fin. Ça a l'air super. Voyons maintenant comment ajouter de nouvelles images à notre animation, car cela peut être un scénario très possible lorsque vous créez une animation avec de nombreuses images. Tout d'abord, cliquons deux fois sur le panneau du projet et saisissons le nom du dossier. Nous allons sélectionner les trois nouvelles images et cliquer sur Importer. Pour que notre projet reste organisé, ouvrons le dossier d'images. Sélectionnez toutes les images et étiquetez-les en vert pour que nous sachions qu'elles ont été utilisées. Maintenant, nous allons placer les nouvelles images dans ce dossier pour voir plus facilement l'ordre des images Nous pouvons cliquer ici pour les classer par couleur. OK, entrons maintenant dans la composition des images. Supposons qu'on nous demande d' ajouter de nouvelles images à une scène. Pour le faire le plus rapidement possible, nous devons d' abord dupliquer la composition que nous avons déjà dans la scène via le panneau de projet. Sélectionnez la composition numéro 12 et appuyez sur la touche Ctrl D. Entrons dans la composition, puis sélectionnons l'image que nous voulons remplacer. Nous allons maintenant faire glisser la nouvelle image à sa place tout en maintenant la touche Alt enfoncée. Une fois cela fait, positionnez l'image et étiquetez-la en vert pour que nous sachions qu'elle a été utilisée. Génial. Créons-en une autre. Pour cela, nous pouvons dupliquer cette composition et y remplacer également l' image. Lorsque le médiator est sélectionné, trouvez la nouvelle image. Tenez-le et faites-le glisser sur l'éléphant. Ajustons la taille et la position de la nouvelle photo, puis marquons-la également en vert. Super, faisons-le encore une fois. Nous allons dupliquer cette composition. Sélectionnez l'image que vous souhaitez remplacer, et remplacez-la également ici. Ajustons la taille et la position de la nouvelle image. Enfin, marquez cette image en vert. Excellent travail. Nous pouvons fermer les nouvelles précompositions Maintenant, je veux vous apprendre comment intégrer très rapidement ces nouvelles précompositions dans notre animation Tout d'abord, je vais vous montrer comment ne pas le faire. Ne le faites pas avec moi, nous le ferons ensemble sous peu. Une façon d'y parvenir est d'intégrer le nouveau précomposé dans la composition, faire en sorte que la couche soit tridimensionnelle, puis d'essayer de lui trouver une bonne place dans l'espace tridimensionnel Comme vous le savez, cela peut prendre beaucoup de temps. Très bien, maintenant je vais vous montrer une meilleure façon de le faire. Tu peux le faire avec moi. abord, nous devons décider où placer la nouvelle image. Disons quelque part entre la tortue et le chien. dupliquez la précomposition de la tortue à l'aide de la commande D. Ensuite, nous pouvons la déplacer ici Pour l'instant, parce que c'est approximativement l'endroit où je veux insérer la nouvelle image. Maintenant, tout comme nous passons image à l'autre dans les compositions des images, nous pouvons utiliser cette méthode pour passer d'une précomposition à l' Sélectionnons le nouveau doublon. Et faites glisser la composition contenant la nouvelle image sur la composition dupliquée tout en maintenant la touche Alt De cette façon, vous conserverez toutes les données de la précomposition dupliquée et pourrez facilement passer d'une précomposition à l' Nous pouvons maintenant appuyer sur P sur la nouvelle composition et la placer où nous voulons Ajustons la position de la nouvelle image jusqu'à ce que nous obtenions quelque chose qui nous plaise. Vérifie que l'appareil photo n' entre pas en collision avec la nouvelle image Nous pouvons le baisser un peu. Génial. Maintenant, pratiquons à nouveau et insérons la deuxième nouvelle composition. OK ? Nous devons d'abord trouver l'endroit où nous voulons placer la nouvelle image. Ensuite, nous pouvons simplement copier le renard, le déplacer vers cet endroit et l'échanger avec la composition numéro 14 Une fois cela fait, appuyez simplement sur P et déplacez-le légèrement jusqu'à ce qu'il corresponde au reste de la scène. Je vais le placer ici pour le moment. Ensuite, faites des allers-retours avec l'indicateur de temps pour vérifier à quoi il ressemble par rapport à la scène Je pense que nous devrions le déplacer ici. Ça a l'air sympa. Très bien, faisons-le une dernière fois. Je veux une nouvelle photo ici. Pour cela, nous pouvons copier le chat, puis le déplacer ici et l'échanger avec la composition numéro 15 Et maintenant, appuyez et trouvez un meilleur endroit pour le guépard. Parfois, il faut une éternité pour trouver le bon endroit, mais c'est cool, cela fait partie du travail. Appuyons maintenant sur le contrôle S et sauvegardons le projet. accord ? Maintenant, je ne veux pas que tu le fasses avec moi. Je veux juste que tu écoutes. Supposons que le client veuille que nous remplacions une image spécifique par une autre image, ou même une vidéo au lieu d'une image. Ce n'est pas du tout un problème. Il suffit de saisir la composition de l'image qu'ils nous ont demandé de remplacer Nous pouvons maintenant importer la vidéo. Je choisirai la vidéo que j'ai utilisée dans l'un de mes cours. Laisse-moi le trouver très rapidement. Très bien, il suffit de sélectionner la couche que nous voulons remplacer et de faire glisser la nouvelle couche dessus tout en maintenant la touche Alt enfoncée. Je ne peux pas voir la vidéo car elle se termine à la septième seconde. Par conséquent, je vais déplacer l'indicateur de temps ici. Je dois maintenant ajuster la position et la taille de la vidéo. Si je reviens à la composition principale, je ne verrai pas la vidéo. C'est parce que nous sommes au deuxième numéro neuf et que ma vidéo se termine au deuxième numéro sept. La composition est clairement là, mais comme la couche vidéo est déjà terminée, je ne vois rien Dans de tels cas, vous pouvez ralentir la vidéo à l'aide de la fonction d'étirement ici. Nous pouvons maintenant voir une plus grande partie de la vidéo. Quand je reviendrai le voir dans la composition principale, nous verrons la nouvelle vidéo OK, je vais appuyer plusieurs fois sur la touche Z jusqu'à ce que je voie à nouveau notre guépard Revenons maintenant à la composition principale et voyons l'animation complète une dernière fois avant de rendre le projet, tout semble parfait. Avant le rendu, organisons le panneau du projet. Créons d'abord un dossier appelé Assets. Faites glisser les dossiers contenant les couches du logo, les images d' animaux et les solides. Marquons maintenant la composition principale en bleu. Ensuite, faites glisser toutes les précompositions que nous avons créées pendant le projet vers le dossier des précompositions, exception Fermons toutes les précompositions. Comme nous avons travaillé sur un projet complexe, nettoyons-le avant le rendu, afin d'éviter de rencontrer problèmes inattendus lors du rendu. Question, quelles mesures devons-nous prendre pour nettoyer le projet avant le rendu ? Pour cela, allez dans Modifier. Sélectionnez toute la mémoire et le cache disque. Appuyez sur OK et attendez quelques secondes. Appuyons maintenant sur la commande M en mode sortie. Choisissez-la 0,264 pour la sélection MBPS pour afficher l'animation dans notre dossier de rendu, recherchez le nom, cliquez sur Enregistrer, puis Attendons maintenant quelques instants. Voyons ce que nous avons. Ça a l'air génial. Vous pouvez désormais télécharger la vidéo que vous avez créée dans cette leçon sur les réseaux sociaux et présenter sur le site Web de votre portfolio. Bien, revenons maintenant à notre projet et fermons-le. N'oubliez pas de fermer Illustrator également. C'est ainsi que nous avons terminé le cours. J'espère que vous avez apprécié le cours et que vous avez appris beaucoup de choses nouvelles et intéressantes, et j'espère vous voir au prochain. 39. Logo #5 Tâche d'accueil: Bonjour. J'espère que vous avez trouvé ces leçons utiles et que vous avez appris des choses nouvelles et intéressantes. Pour mieux vous souvenir de tout ce que nous avons abordé, je vous recommande vivement de vous entraîner en complétant ce devoir. Votre tâche consiste à recréer cette animation sympa. Vous avez la liberté de changer les couleurs et d'ajouter les graphismes supplémentaires que vous souhaitez chaque fois que vous rencontrez des problèmes ou avez des questions. N'hésitez pas à consulter le dossier du projet AE pour voir les étapes que j'ai suivies. De plus, vous pouvez toujours me contacter pour obtenir de l'aide. Bonne chance 40. Animation de logo Outro: Félicitations pour avoir terminé ce voyage incroyable. Je suis vraiment fier de toi. Vous avez acquis de nouvelles compétences géniales, donné vie à des logos statiques et vous avez approfondi le monde du motion design. De plus, vous disposez désormais cinq animations de logo premium que vous pouvez présenter sur site Web de votre portfolio ou partager avec vos clients potentiels pour leur montrer ce dont vous êtes capable . Et n'oubliez pas que ce cours n'est que le début. Il y a toujours quelque chose de nouveau à apprendre dans le monde en constante évolution du motion design. Alors, continuez à essayer de nouvelles choses, repousser vos limites et partager vos incroyables créations avec le monde entier. J'espère que ce cours vous a plu. Merci beaucoup d'y avoir participé, et j'ai hâte de vous voir dans le prochain.