Animer vos illustrations en un temps record avec Adobe After Effects

1. Bande-annonce du cours: Salut là. Je m'appelle Carminys et je suis le co-fondateur d'Operary.com. Nous sommes un studio d'animation avec plus de huit ans d'expérience. Pendant ce temps, nous avons créé de belles vidéos d' explication animées pour des centaines d'entreprises dans le monde entier. Notre objectif avec ce cours est de vous apprendre à faire des animations incroyables en un temps record. Nous allons commencer par les bases et progressivement vous apprendrez quelques astuces pour accélérer le processus d'animation et appliquer ce que vous avez appris avec de vrais projets pratiques. Êtes-vous prêt à faire passer vos illustrations au niveau supérieur ? Commençons. 2. Introduction: Comme vous le savez, dans ce cours, nous vous donnons quelques conseils pour accélérer votre processus de texte et animons vos illustrations rapidement et facilement. Si vous n'avez pas utilisé After Effects auparavant, ne vous inquiétez pas, nous allons approfondir étape par étape la base afin que vous n'ayez aucun problème à suivre le cours. Je vous invite à télécharger tous les projets que nous faisons pendant le cours. De cette façon, vous pouvez suivre les instructions en temps réel et il vous sera beaucoup plus facile d'appliquer ce que vous apprenez. J' ai hâte de voir vos animations à la fin du cours. S' il vous plaît partager votre travail dans la galerie du projet de cours afin que nous puissions tous profiter de vos arts. Dans la prochaine leçon, nous allons faire un bref examen de l'interface After Effects. 3. Bienvenue dans After Effects: Salut tout le monde. Bienvenue dans votre première classe. Si vous avez déjà travaillé avec After Effects et que vous savez comment cela fonctionne, vous pouvez aller directement à la leçon 5. Si c'est la première fois que vous ouvrez le programme, ne vous inquiétez pas, nous nous concentrerons sur les éléments essentiels pour suivre le cours facilement. Nous allons travailler avec l'espace de travail standard, mais vous pouvez choisir l'option que vous préférez. L' interface peut varier en fonction de la version d'After Effects avec laquelle vous travaillez. Nous travaillons avec la version 2020. Pour créer une animation, d' abord, nous devons créer une nouvelle composition. Nous allons à Composition et sélectionnez « Nouvelle composition ». Nous pouvons également créer des compositions en cliquant sur cette case ou sur ce symbole ici. Maintenant, nous devons nommer la composition et la configurer. Nous utiliserons une résolution 1920 par 1080. Nous définissons la fréquence d'images à 24 images par seconde. Faites la composition durer cinq secondes, et cliquez sur le bouton « OK ». Pour enregistrer le projet, allez dans Fichier et sélectionnez « Enregistrer ». Recherchez l'emplacement, nommez le fichier et enregistrez. On peut commencer à créer. Maintenant, créons un calque de forme, un carré par exemple. Le panneau où vous voyez le carré est la clôture, le panneau le plus vaste de tous. Ce panneau est l'endroit où nous allons voir les résultats de nos designs dans les animations. Nous pouvons également définir la taille de la fenêtre et la qualité d'image avec laquelle nous voulons travailler. Plus la qualité est élevée, le traitement de l'animation est lent. Par défaut, et jusqu'à ce que nous créions un élément d'arrière-plan, il apparaît en noir. Nous pouvons changer la couleur de Composition et sélectionner « Paramètres de composition ». Si nous cliquons ici, nous pouvons voir la grille de transparence. Nous pouvons également modifier la taille des panneaux en cliquant et en faisant glisser. Très simple. Examinons maintenant de plus près le panneau de montage. Ce panneau est l'endroit où nous allons passer plus de temps à créer nos animations. Notez que lors de la création du calque de forme, il est automatiquement apparu dans la chronologie. Nous pouvons également modifier la durée de la zone de travail, ainsi que zoomer en cliquant et en faisant glisser ici. En outre, vous pouvez modifier les commandes du menu en cliquant sur le bouton ici. Comme vous pouvez le voir, la composition que nous avons créée au début apparaît dans le panneau du projet. C' est là que toutes les compositions que nous créons et tous les fichiers que nous importons apparaîtront. Lors de l'importation de fichiers, nous devons appuyer deux fois sur le panneau ou aller dans Fichier, sélectionnez « Importer le fichier », puis sélectionnez le fichier désiré et importer. Si nous voulons importer un fichier en couches depuis Illustrator ou Photoshop dans l'option Importer en tant que, nous devons sélectionner « Composition - Conserver les tailles de calque ». Comme vous pouvez le voir, une nouvelle composition apparaît avec le nom du fichier Illustrator et il y a aussi un dossier. Les couches se trouvent à l'intérieur de ce dossier. Nous pouvons créer des dossiers en cliquant ici, les nommer et faire glisser les fichiers à l'intérieur. Si nous regardons vers la droite, nous trouvons les effets et les préréglages panneau. Ces panneaux vous permettront de naviguer dans une vaste bibliothèque d'effets. Pendant le cours, vous apprendrez à les appliquer. Si ce panneau n'apparaît pas à l'écran, allez dans Fenêtre et sélectionnez « Effets et préréglages ». Vous pouvez également rechercher les effets via la fenêtre des effets située dans le menu principal. En haut, nous pouvons trouver les outils les plus utilisés. Jetons un coup d'œil aux outils que nous allons utiliser pendant ce cours. L' outil Sélection, qui vous permet de sélectionner et déplacer les éléments ainsi que de modifier leur taille. Si nous maintenons la touche Maj enfoncée tout en ajustant la taille, nous garderons les proportions intactes. L' outil Main vous permet de vous déplacer dans le panneau de composition. L' outil Zoom vous permet d'effectuer un zoom avant ou arrière. Si nous cliquons, nous zoomons et si nous cliquons tout en maintenant la touche « Alt » enfoncée, nous zoomons. Celui-ci est un outil de rotation. Il nous permet de faire pivoter des objets autour des points d'angle. Nous pouvons changer l'emplacement des points d'angle, grâce à l'outil Pan derrière. Sélectionnez et supprimez le carré que nous avions créé. Grâce à cet outil, nous serons en mesure de créer vos calques de forme magique tels que des rectangles, ellipses et toutes sortes de polygones. Chaque calque de forme possède son propre ensemble de paramètres. À partir de la chronologie, nous pouvons configurer ses options. Cela varie d'un calque de forme à l'autre. Prenez votre temps et jouez avec eux pour voir comment ils fonctionnent. Nous pouvons également changer la couleur du champ et du trait, ainsi que la taille du trait. Nous pouvons l'activer ou le désactiver en cliquant sur le [inaudible] ici. Nous pouvons changer cette même option à partir d'ici les deux. Maintenant, je veux vous dire la différence entre la création d'un calque de forme et la création d'un masque de calque. Je vais importer une photo et la faire glisser dans la composition. Si nous créons une forme avec le calque sélectionné automatiquement, un masque est créé dessus. En d'autres termes, nous ne pouvons voir que la partie de la photographie qui se trouve à l'intérieur du masque que nous avons créé. Nous pouvons également inverser le masque en cliquant ici. Revenons avec Control-Z ou Command-Z sur Mac ou supprimez simplement le masque. Inversement, si nous créons une forme sans avoir de calque sélectionné, chaque calque de forme est créé. Nous pouvons même copier les couleurs très facilement. Dans la configuration des couleurs, sélectionnez l'outil pipette. En cliquant sur n'importe quelle couleur, nous pouvons rapidement la copier. Très utile si nous voulons copier la couleur d'un dessin ou d'une photo. J' ai oublié de commenter que nous pouvons faire glisser les éléments situés dans le panneau de projet à l'intérieur des compositions de deux façons. La première consiste à faire glisser les éléments directement vers le panneau de projet. L' autre est de les faire glisser dans la chronologie. Nous pouvons également placer les couches facilement. Avec cela, il suffira de commencer à voir des choses plus amusantes. Dans la prochaine leçon, nous allons faire une introduction à l'animation dans After Effects. On se voit là-bas. 4. Passons à l'animation !: Salut là. Bienvenue à cette leçon. Maintenant que vous savez comment vous déplacer dans l'interface, examinons d'abord l'animation dans After Effects. Ouverture d'une nouvelle composition 1080 par 1080 à 24 images. Donnez-lui un nom et donnez-lui trois secondes. Commençons par un exercice simple qui vous aidera à comprendre comment fonctionne le processus d'animation dans After Effects, un rebond de balle. Nous allons importer une scène que nous avons préparée et préalablement séparée par des calques dans Adobe Illustrator. Ne vous inquiétez pas pour ça maintenant. Dans les prochains cours, nous vous montrerons comment préparer vos illustrations pour After Effects. Faites glisser la composition importée dans la composition principale, puis double-cliquez à l'intérieur de la composition. Comme vous pouvez le voir, nous avons une boule, ombre et une image de fond. Avant de commencer à animer, sélectionnez la couche de ballon de football. Ensuite, sélectionnez le pan derrière l'outil et placez le point d'ancrage à la base de la balle. Comme nous allons animer l'échelle plus tard, nous voulions prendre ce point comme référence. Maintenant, ouvrez les propriétés de transformation de la balle. Toutes ces propriétés peuvent être animées. Nous pouvons également modifier ses valeurs directement à partir d'ici. abord, nous allons animer la position pour laquelle nous devons créer la première image clé en cliquant sur le chronomètre. Maintenant, les délais avancés sur la chronologie, vous pouvez voir le compteur d'images sur la gauche. Nous pouvons créer une nouvelle image-clé en appuyant sur le diamant ici ou en changeant directement la position de la balle. Lorsque vous changez de position, augmentez une nouvelle image clé. Nous pouvons maintenant prévisualiser l'animation. Pour cela, appuyez simplement sur zéro sur le pad num ou la barre d'espace. Enfin, avancez 10 images supplémentaires et copiez et collez la première image clé dans cette position. Prévisualiser à nouveau. Maintenant, nous pouvons voir le chemin complet de la balle. Si vous êtes un peu perdu, ne vous inquiétez pas, je vais faire un examen détaillé pour que rien ne vous échappe. abord, nous devons localiser l'indicateur de temps aux moments de la chronologie où nous voulons que l'animation commence. Pour créer une image-clé, vous devez cliquer sur le chronomètre. Pour créer une autre image clé, nous devons avancer dans la chronologie et modifier les valeurs. Nous pouvons modifier les valeurs des parties de vue ou de la chronologie. Nous pouvons également copier une image-clé. Pour copier une image-clé, nous devons d'abord la sélectionner. Vous ne pouvez le coller qu'à l'endroit où se trouve le marqueur de timeline. Pour revenir à After Effects, j'aime le timing. Nous avons juste besoin d'ajuster la taille de l'espace de travail à la ration de l'animation. Pour cela, nous plaçons une image avant l'image-clé finale et appuyez sur la touche n. Nous pouvons également l'ajuster en cliquant et en faisant glisser. Nous pouvons changer la taille de la composition à la durée de la zone de travail en cliquant avec le bouton droit de la souris ici et en choisissant l'option Couper la composition à la zone de travail. Maintenant, la composition a la même longueur que l'animation et nous avons nos changements en boucle parfaite. Mais quand même, nous devons faire quelques astuces pour rendre l'animation belle. En ce moment, l'animation fonctionne à une vitesse constante, ce qui lui donne un aspect non naturel. Pour résoudre cela, nous devons ralentir le mouvement de la balle en haut de la trajectoire, appuyant sur F9 ou en cliquant avec le bouton droit de la souris sur l'image clé, sélectionnez « Assistant d'image clé, facilité facile. Nous créons un lissage automatique des mouvements de l'image clé. Comme vous le voyez, nous devons encore plus lisser le mouvement de l'image-clé centrale. Pour améliorer l'animation, nous avons deux options. Modifiez l'éditeur de graphiques ouvert ou modifiez l'influence des mouvements. Ouvrons l'éditeur de graphes. Pour cela, nous devons avoir sélectionné l'image-clé. Cliquez sur ce symbole, faites un clic droit sur « Modifier le graphique de vitesse ». À partir de là, nous ne pouvons pas lisser la courbe, mais cela peut être un peu plus difficile à comprendre si vous n'avez pas d'expérience dans After Effects. Revenons à la vue utile After Effects. Sélectionnez l'image-clé que nous voulons lisser. Cliquez avec le bouton droit sur « Vitesse d'image clé ». Dans influencé, nous introduisons la valeur 80. À l'entrée et à la sortie de l'image-clé, la vitesse doit être à 0 car la balle reste immobile pour une instance. Enfin, on appuie sur « Ok ». Plus le nombre que nous donnons à l'influence est élevé, plus les mouvements sont lisses. Comme vous pouvez le voir, il est complètement lisse. Maintenant, il suffit d'animer l'échelle pour obtenir les effets de squash et de stress que nous voulons. D' abord, on écrase la balle. Nous le faisons en raison de l'impact de l'objet sur le sol. Pour ce faire, il suffit d'activer l'option Contraindre les proportions de l'échelle en cliquant ici, et de créer une nouvelle image clé en utilisant la valeur 120 pour cent pour x et la valeur 80 pour y. La balle doit toujours conserver la même masse. La valeur de la somme de x et y doit toujours être égale à 200. Nous avançons un cadre à la partie la plus rapide de l'animation et incorporons les valeurs. Nous sommes à la recherche de la balle pour s'étirer avec vitesse. Dans la partie supérieure de l'animation, la balle reste immobile pour une instance, donc elle doit retrouver son aspect naturel. Nous réinitialisons la valeur à 100 et 100. Dans le cadre [inaudible], la partie la plus rapide à déposer, nous copions et collons une image-clé que nous avons précédemment créée sur la partie la plus rapide de l'ascend. Dans ce cas, il n'est pas nécessaire de mettre une image clé au printemps dernier car à ce stade l'animation redémarre depuis le début. Prévisualisons encore une fois. Comme vous pouvez le voir, ça fait une chose bizarre. C' est parce que vous devez lisser l'image clé centrale comme nous l'avons fait avec la position. Choisissez-le, F9. Cliquez avec le bouton droit sur « Vitesse d'image clé », et nous définissons l'influence sur 80 pour cent. Maintenant oui, nous avons le rebondissement que nous voulons. D' accord. Maintenant, il suffit d'animer l'ombre. Pour ce faire, créez une image-clé en cliquant sur le chronomètre, avancez les délais et abaissez l'échelle sur 80 pour cent pour donner l'effet, que cette ombre devient plus petite à mesure que la balle s'éloigne. Maintenant, avancez jusqu'à la fin de la composition et copiez et collez la première image clé. Nous le faisons glisser un peu jusqu'à la dernière image. Dans l'image-clé centrale, nous lissons le mouvement avec F9, puis nous appliquons la même influence que nous avons appliquée à la balle. Dans ce cas, il était de 80 pour cent. Aperçu et fabuleux, nous avons déjà pour la finition de l'animation. Maintenant, je vous invite à télécharger les projets. Votre tâche est de rebondir le basket-ball ou le jaune depuis le début. Vous pouvez trouver les boules en cliquant sur le symbole de l'œil juste ici. Vous pouvez également désactiver le reste afin qu'ils ne vous dérangent pas. Amusez-vous et bonne chance. 5. Boucles: Salut, bienvenue dans cette vidéo. Dans cette leçon, nous allons parler expression de la boucle et de la façon dont elle peut nous aider à accélérer notre processus de travail. Il ne faut pas confondre avec les boucles créées avec le rebond de la balle de la leçon précédente, puisque dans ce cas, la boucle a été créée parce que l'animation s'est terminée et nous avons recommencé. Il est très facile d'appliquer l'expression de la boucle. Pour commencer, nous allons faire une position d'animation simple d'un point à un autre. Avec F9, nous bougeons la vitesse dans un sens. Lors de la prévisualisation, nous voyons qu'il fait un seul mouvement. Pour appliquer l'expression, nous devons cliquer sur le chronomètre tout en maintenant la touche ALT. Ensuite, nous écrivons l'expression de boucle. Comme vous pouvez le voir dans la version 2020 d'After Effects, fur et à mesure que vous écrivez l'expression, différentes options apparaissent. Il est beaucoup plus intuitif d'écrire des expressions. Nous procédons sur le chemin du nœud pour prévisualiser. Nous voyons que le mouvement redémarre encore et encore sans avoir besoin de créer des cadres de marquage. Intéressant, non ? Maintenant, nous allons ajouter une variante. A l'intérieur des parenthèses, nous allons écrire ping-pong entre guillemets. Maintenant, prévisualisation. L' animation vient et va maintenant tout au long de la composition. Nous pouvons séparer ou rapprocher les images clés pour changer la vitesse de l'animation. Imaginez-vous faire cela encore et encore jusqu'à la fin de la composition. Enfin, je vais vous montrer une dernière variante. Changeons un peu le chemin d'animation pour mieux voir ce que fait la liaison suivante. Supprimez le texte de ping pong et le décalage d'écriture dans l'aperçu. Regarde comme c'est intéressant. Il continue à faire la même animation, mais dans ce cas, il défilement continu. Nous allons à la première image-clé. Sélectionnez les deux images clés et faites-les glisser hors de la composition. Prévisualisez et voyez comment la balle entre seule dans l'écran et continue son mouvement sans avoir à faire quoi que ce soit d'autre. Il y a une autre variante appelée continuer, mais je ne l'ai jamais utilisé et je ne vois pas beaucoup d'utilité pour cela. Dans la prochaine leçon, nous verrons ce que sont les cales et comment les utiliser pour accélérer notre processus de travail. 6. Raccourcis: Salut là. Dans cette classe, nous allons parler de raccourcis. raccourcis vont être un excellent moyen d'accélérer votre processus de travail. Les raccourcis les plus utilisés sont ceux qui font référence aux propriétés des couches et aux outils que nous utilisons le plus couramment. Voyons comment ouvrir les propriétés de la couche, en un seul clic. Appuyez sur « A » pour le point d'ancrage, « P » pour la position, « S » pour l'échelle, « R » pour la rotation et « T » pour l'opacité. Si nous maintenons la touche Maj enfoncée, nous pouvons ouvrir plusieurs propriétés en même temps. Maintenant, nous allons voir comment accéder aux outils principaux en un simple clic. Appuyez sur « V » pour l'outil de sélection, maintenez la barre d'espace pour l'outil manuel, « Z » pour l'outil de zoom, « W » pour l'outil de rotation et « Y » pour l'outil de panoramique derrière. Tout est une question de pratique. Je vous ai laissé un fichier PDF avec les raccourcis les plus utiles pour que vous puissiez le télécharger. 7. Copier et coller: Salut tout le monde. Dans cette leçon, je vais vous apprendre à gagner du temps en utilisant l'action copier-coller dans trois scénarios différents. Pour copier et coller des images clés, copier et coller des expressions et copier et coller des effets. Voyons comment copier et coller des images clés avec une animation de rotation simple que nous avons préparée. Comme vous pouvez le voir, nous n'avons animé qu'un seul mouvement. Pour terminer le cycle, nous copions la première image clé et la collons quelques images plus tard. Comme vous le savez déjà, l'image-clé est collée à l'endroit où l'indicateur de temps se trouve sur la timeline. Maintenant, je vais vous montrer comment coller des images clés sur un autre calque. Sélectionnez les trois images clés et copiez-les. Ensuite, sélectionnez un autre calque et collez-les. Aussi simple que ça. Parfait. Maintenant, voyons comment copier et coller des expressions. Comme vous pouvez le voir, nous avons la même animation depuis le début, mais nous avons ensuite boucle l'expression ping-pong, appliquée. Le ballon rouge et le ballon bleu sont également animés, mais ils n'ont pas la boucle de sortie appliquée. clic droit sur la rotation de la boule jaune et sélectionnez, Copier les expressions seulement. Ensuite, sélectionnez la rotation des deux boules et coller l'expression, et prêt. Nous avons vu comment copier et coller des images clés et des expressions séparément. Mais que se passe-t-il si nous voulons les copier en même temps ? Très facile. Nous revenons à l'animation initiale. Dans ce cas, seule la boule jaune qui a déjà une expression appliquée est animée. Nous sélectionnons la propriété et copions. Ensuite, nous allons au reste des couches et collons. Simple droit ? Enfin, nous allons voir comment copier et coller des effets. Sélectionnez la boule jaune, accédez au panneau Effets et recherchez l'effet Bruit. Pour l'appliquer, faites un double clic sur l'effet. Maintenant, à partir du panneau de commandes d'effet, nous pouvons configurer l'effet. Comme son nom l'indique, ces effets créent une animation avec du bruit. Si ce panneau ne s'affiche pas, accédez à Fenêtre et sélectionnez Contrôles d'effets. Très bien. Maintenant, nous avons seulement besoin de sélectionner l'effet et de le copier. Sélectionnez le reste des calques et collez. Nous n'avons besoin que de deux clics et c'est tout. Au cours de ce cours, nous utiliserons cette ressource à de nombreuses occasions. 8. Lumières: Salut, tout le monde. Dans cette classe, nous allons parler des styles de calque. Ils sont similaires aux effets. Tout comme ça, ils ont leur propre ensemble de paramètres. Nous pouvons accéder aux styles de calque en cliquant avec le bouton droit sur un « Calque ». Sélectionnez « Styles de calque » et choisissez l'option que vous souhaitez appliquer. Dans ce cas, nous allons nous concentrer sur l'option Lueur extérieure. Dans sa configuration, nous voyons qu'il a de nombreuses options à configurer. Nous pouvons changer sa couleur, son mode de fusion, ou sa forme, et sa taille. Mais nous voulons parler d'une option qui est très à la mode de nos jours, en ajoutant du bruit. Grâce au style de couche, nous pouvons ajouter du bruit très rapidement avec des résultats exceptionnels. Bien sûr, nous pouvons également copier un calque de style et le placer sur un autre calque. Maintenant, nous allons appliquer Inner Glow. Pour cela, nous faisons un clic droit sur le « Calque », sélectionnez « Styles de calque » et sélectionnez « Lueur intérieure ». De la même manière que nous commandons lueur, nous pouvons changer la couleur, la taille, ajouter du bruit. Comme vous pouvez le voir, c'est un moyen rapide d'enrichir nos illustrations. Je vous recommande de regarder le reste et de jouer avec vos paramètres. Avec ceux-ci, nous serons prêts à commencer à faire les projets. Dans la leçon suivante, je vais vous expliquer comment préparer vos créations dans Illustrator pour pouvoir les animer efficacement dans After Effects. 9. Préparation de fichiers dans AI: Bienvenue dans ce cours. Nous allons voir comment préparer nos conceptions dans Adobe Illustrator et comment les importer dans After Effects. Ici vous pouvez voir le signe de notre premier projet, c'est un design simple. Pour ce faire, nous avons utilisé un crayon et des formes géométriques. Pour la préparation du fichier pour les effets post-effets, nous avons tout séparé en couches. Si vous travaillez avec Photoshop, le concept est le même, séparé par des calques. Vous pouvez voir l'organisation des couches ici. L' idée est de superposer les éléments que vous allez animer pour rendre votre vie plus facile dans les effets naturels. L' organisation est essentielle. Par exemple, les bâtons de chiens sont situés sur la même couche que le bateau car ils se déplacent en même temps. en va de même pour les deux cellules dans les yeux. Nous avons également ajouté une couche pour les yeux fermés et d'autre part, les oreilles ne sont pas unies puisque nous allons les animer séparément. Dans cette phase du processus, vous devez être clair sur ce que sera votre animation pour préparer l'illustration d'After Effects [inaudible] à l'avenir. Notez que certains éléments sortent des limites de la composition. Nous devons agrandir la composition en cliquant ici et faisant glisser pour que tous les éléments soient à l'intérieur de la composition. Nous devons le faire pour nous assurer que tous les éléments seront vus correctement dans After Effects et éviter les coupures lors de leur animation. N' oubliez pas que vous pouvez télécharger le fichier d'illustration avec le reste des projets. se voit à la prochaine leçon. 10. Premier projet: Bonjour, et bienvenue dans ce tutoriel. Maintenant, nous allons créer notre premier projet. Es-tu prêt ? Ouvrez une nouvelle composition de 1 000 par 1 000 à 24 images. Nommez-le et donnez-lui trois secondes. Maintenant, il est temps d'importer ou de concevoir Adobe Illustrator. Faites glisser la composition importée dans la composition principale. Nous n'allons pas encore animer les deux couches supérieures, donc nous les cachons pour l'instant. La première étape consiste à relier les parties du chien à son corps de manière à ce que, lorsque le chien bouge, le reste des parties suit ces mouvements. Pour ceux-ci, nous sélectionnons les couches des parties du corps. Cliquez sur le « Pick Whip » et faites glisser jusqu'à la couche du chien. Si vous regardez à droite, le nom du calque auquel il a été lié apparaît. Il' peut également être lié en choisissant le nom de la couche directement à partir d'ici. Nous allons également lier le chien dans les voiles avec le bateau. Vérifiez que tout est bien lié. Animons le vaisseau. Pour avoir une meilleure visibilité, actionnons simplement la couche des vagues de la mer. Placez les points d'ancrage centrés sur la base du bateau de sorte que le bateau tourne sur ces points. Allez au début de la chronologie. Ouvrez leur rotation ajouter un cadre clé et tourner légèrement les bateaux à moins six degrés. Advanced 12 images et faites-le pivoter jusqu'à environ quatre degrés. Sélectionnez les cadres clés et lissez le mouvement en appuyant sur la touche « F9 ». Ensuite, appliquez l'expression ping pong LoopOut en tant que leçon cinq. Maintenant, nous activons à nouveau la couche d'onde de mer. Aperçu. Maintenant, nous voulons copier les mouvements de rotation et le coller sur d'autres calques. Pour ce faire, sélectionnez la rotation et copiez. On va à la couche de chiens. Placez son point d'ancrage, avancez un respect de cadre au début de l'animation du bateau et avec le calque sélectionné, nous collons. Vous avancez un autre cadre et placez le point d'ancrage dans la bouche des chiens. Coller à nouveau, la rotation que nous avions copié du bateau. Si vous remarquez, nous avons fait un léger déplacement d'une image dans l'animation de rotation entre les différentes couches pour imiter l'inertie, cela rend l'animation plus naturelle. Bien. Maintenant, on va animer la langue. Pour cela, sélectionnez le calque et appliquez l'effet de déformation des vagues. Avec un double-clic, nous l'appliquons et configurons son état. Hauteur des vagues, laissez-le à 10. Largeur des vagues à 107 et vitesse des vagues à cinq. Maintenant, ajustez la durée de la vague de mer. Dans ce cas, nous voulons imiter que l'air vient des droits et nous configurons l'épinglage sur le bord droit. L' application de ce bord droit reste fixe. Voyons ce qui se passe. Maintenant. Copiez l'effet et collez-le sur les oreilles et vérifiez à nouveau. Nous ralentissons un peu pour suivre et vérifier. Parfait. Maintenant, collez le même effet sur la couche de voile. Nous enlevons l'épinglage car ici aucun bord n'a besoin de rester fixe et nous abaissons la vitesse à trois. Comme vous pouvez le voir, ça a l'air un peu étrange. Pour le réparer, nous devons augmenter un peu les valeurs. Nous laissons la hauteur des vagues à 20 et la largeur des vagues à 364. Ça ira bien. Copiez et collez l'effet dans la couche d'onde de mer. On ralentit un peu à deux. Vérifiez. Parfait. Ou dis que ce chien a l'air super. L' effet de distorsion des vagues est un effet utile qui nous aidera à créer rapidement des animations attrayantes. Nous pouvons l'utiliser pour animer Harris, vagues, nuages, fumées, et bien plus encore. C' est votre tour maintenant animer les nuages de fond avec un ralenti mince et animer le saut de poisson. Les résultats devraient être quelque chose comme ce que vous voyez l'écran. Si vous êtes le dernier, ne vous inquiétez pas. Dans la leçon suivante, nous allons vous apprendre la solution à la tâche. Bonne chance et à la prochaine leçon. 11. Solution au problème: Salut, bienvenue dans ce cours. Dans ce tutoriel, je vais vous apprendre à résoudre la tâche de la leçon précédente. Vous deviez animer le mouvement des nuages et le saut des poissons. Je sais que l'animation des nuages a été très facile pour vous. Nous créons simplement une image-clé au début de la chronologie. Nous avançons au milieu de la ligne de temps et déplacons légèrement les nuages. Nous sélectionnons l'image-clé et appliquons F9 pour lisser les mouvements. Enfin, nous appliquons la boucle de l'expression pingpong. Nous copions l'expression et la collons dans la position des autres nuages, et nous avons déjà les nuages animés. L' animation du poisson peut avoir créé plus de problèmes pour vous, mais c'est normal. Si nous avons essayé d'animer le saut à travers la position et la rotation, il peut être un peu difficile d'obtenir un mouvement naturel. Heureusement, il existe une solution plus efficace et beaucoup plus rapide. Animez la position et laissez After Effects s'occuper d'animer la rotation pour vous. Voyons voir comment ça marche. Tout d'abord, animez la position dans la première image. Accédez à nos images et créez une image clé au point le plus élevé du saut. Douze cadres plus tard, le poisson tombe à nouveau, et nous appliquons une courbe au mouvement. Pour ce faire, nous cliquons sur les points du chemin dans un tronçon, quelque chose comme ça. Maintenant, nous avons besoin que le poisson tourne en même temps. Pour cela, nous faisons un clic droit sur le calque, sélectionnez « Transformer », « Auto-Orient », « Orienter le long du chemin ». En faisant cela, l'objet suit le chemin que nous recherchons, et nous n'avons pas besoin de faire autre chose. Maintenant, nous voulons donner l'effet que le poisson sort de l'eau. Pour cela, nous créons notre exemple avec la même couleur que la mer. Veillez à ne pas sélectionner de calque lors de la création du rectangle. Pour voir le poisson sous l'eau, nous appliquons le mode de mélange Alléger sur le rectangle. Si vous ne pouvez pas voir ces options, cliquez sur « Basculer les commutateurs/modes ». Maintenant, il ne reste plus qu'à animer les vagues créées par les poissons en contact avec l'eau. Pour cela, nous allons animer son échelle. La formation des vagues doit coïncider avec le contact du poisson avec l'eau. Dans quelques images plus tard, nous animons son opacité pour qu'elle disparaisse petit à petit. C' est parfait. Nous dupliquons une couche et la déplacons à l'heure et à l'endroit où le poisson tombe dans l'eau. Jetons un coup d'oeil à l'animation. Désolé, j'ai juste oublié d'animer les yeux du chien. Pour commencer, nous devons animer l'opacité dans la couche de fermeture des yeux. Sélectionnons les deux couches. Pour sélectionner plusieurs calques en même temps, nous pouvons les sélectionner en maintenant la touche Ctrl enfoncée dans Windows ou Commande sur Mac. Si nous voulons sélectionner tous les calques qui se trouvent entre deux calques, nous maintenons la touche Maj enfoncée et ils seront sélectionnés. En revenant à l'animation, nous passons à l'image 9, par exemple. Au début, le chien a les yeux ouverts, donc nous laissons l'opacité à 100. Nous ne voulons pas que les yeux soient encore fermés, alors nous laissons leur valeur à zéro. Ensuite, nous déplaçons un cadre et inversons les valeurs. Maintenant, nous verrons les yeux fermés. Nous déplaçons trois autres cadres et cliquez sur le « Rhombus » ici créer un cadre avec la même valeur que la précédente. Nous continuerons avec les yeux fermés. Maintenant, nous déplaçons une image de plus et inversons sa valeur à nouveau. Nous verrons les yeux ouverts à nouveau. Parfait. Maintenant, nous passons au-dessus de quatre images et copions et collons les trois premières images clés que nous avons créées auparavant. Nous copions et collons d'abord les images clés d'un calque, puis celles de l'autre. Il est important de le faire de cette façon, car si nous copions et collez les images clés des deux couches en même temps, les calques seront dupliqués. Prêt, maintenant, nous avons terminé notre animation. Notre chien marin a l'air superbe. Voulez-vous que votre animation dure plus longtemps ? C' est très facile. Allez dans la « Composition », sélectionnez « Paramètres de composition » et multipliez la valeur de temps par le nombre que vous voulez, exemple, par quatre. Dupliquez-le jusqu'à ce que vous en ayez quatre. Sélectionnez les quatre couches. Allez dans « Animation », sélectionnez « Assistant d'images clés », « Calques de séquence », et c'est tout. L' animation dure désormais 12 secondes. 12. Êtes-vous prêt ?: Bienvenue à nouveau. Je suis très heureux que tu sois arrivé jusqu'ici. Cela signifie que vous devez vraiment faire des animations incroyables en un temps record. En tant que deuxième projet, vous allez faire l'animation que vous voyez à l'écran. Pour ce projet, nous avons essayé de faire une animation attrayante et dynamique, mais avec un minimum d'efforts pour atteindre nos objectifs. Pour cette raison, nous avons seulement séparé les couches nécessaires, pour obtenir les résultats souhaités. Par exemple, les troncs et les jambes avec les bras, sont unis dans la même couche. De cette façon, nous économisons beaucoup de temps et le résultat continue d'être très bon. En outre, les avant-bras et les mains ont été placés ensemble. Lorsque vous animez le visage, gardez à l'esprit que lorsque vous déplacez les caractéristiques du visage vers le bas, les oreilles doivent aller dans la direction opposée et surtout, faites attention à relier les couches. Tous les mouvements de l'animation ont été vus lors des leçons précédentes. Je vous invite donc à essayer de réaliser le projet par vous-même. Je sais que tu peux le faire. Dans la leçon suivante, nous verrons comment animer le deuxième projet. 13. Deuxième projet: Maintenant, nous allons animer notre deuxième projet. On y va. Nous allons créer une proposition 1080 par 1080 avec 25 cadres. Donnez-lui cinq secondes et nous importons le fichier Illustrator. Commençons par parentaliser toutes les couches. La bouche avec le visage, et les oreilles, et les cheveux avec la tête, et aussi le visage avec les cheveux. Le reste des parties du corps sont liées au corps. Maintenant, en déplaçant le corps, toutes ses parties suivent ses mouvements. Maintenant, animons sa position dans une plage de 20 images. Nous appliquons Ease Ease avec F9 et appliquons l'expression de ping-pong LoopOut. Ensuite, nous plaçons le point d'ancrage dans les avant-bras afin qu'ils tournent sur l'axe, et nous animons la rotation des deux. Nous appliquons Ease Ease avec F9. Nous copions l'expression de boucle du corps et nous la collons sur les avant-bras. Jetons un coup d'oeil pour voir que tout va bien. Parfait. Maintenant, on va animer la bouche. Nous voulons donner l'impression que la fille respire par la bouche. Pour cela, nous animons l'échelle. Lisser avec F9 et coller l'expression de ping-pong LoopOut. Comme vous pouvez le voir, c'est le même processus tout le temps. Maintenant, animons le visage. Nous animons la position. Je le lisses avec F9 et colle une expression de ping-pong LoopOut. Pour les oreilles, nous animons sa position. Rappelez-vous qu'ils doivent se déplacer dans la direction opposée au visage. Très bien. Nous lissons à nouveau le mouvement et collons l'expression. Maintenant, nous allons animer l'échelle de l'ombre. Lorsque le personnage se lève, l'ombre devient plus petite. Encore une fois, nous lissons le mouvement et coller l'expression LoopOut. Super. Ça a l'air parfait. Enfin, animons les cheveux. Nous appliquons l'effet de distorsion des vagues. Nous ajustons la direction des vagues et nous ajustons la taille des vagues à notre goût. Vous pouvez choisir d'autres valeurs différentes de la mienne. qui est important ici, c'est que vous aimez les résultats. Enfin, nous établissons l'option d'épinglage dans le bord inférieur, car à partir d'ici, le mouvement commencera et nous voulons qu'il soit fixé. Parfait. Maintenant, nous allons à la couche d'ondes de tissu et appliquons à nouveau l'effet de distorsion d'onde. Nous ajustons leurs valeurs. Dans ce cas, nous voulons que les ondes se déplacent latéralement. Ici, je ne vois pas la nécessité d'ajuster l'épinglage. Aperçu. Joli. Il ne sera nécessaire d'appliquer un peu de bruit à la luminosité du soleil. Il suffit de sélectionner Styles de calque, puis de sélectionner Lueur extérieure. Nous changeons la couleur et ajustons les valeurs à notre goût. Nous ajoutons du bruit, et notre animation sera prête. Comme vous pouvez le voir, nous n'avons appliqué les connaissances que nous avons déjà apprises au cours des leçons précédentes. 14. Les prochaines étapes: Si vous voulez vraiment faire des vidéos animées professionnelles expliquées à partir de zéro, vous devez maîtriser trois compétences, écriture de script, l'illustration, et bien sûr, l'animation. À partir de mon profil, vous pouvez accéder à la section de base de l'animation où vous trouverez des cours fantastiques pour améliorer ces compétences. Une fois que vous avez appris les bases, je vous recommande de vous spécialiser dans des sujets plus spécifiques pour développer vos compétences en animation. J' espère vous voir dans mes autres cours à la fin de celui-ci. 15. Rendement: Maintenant que nous avons nos emplois prêts, nous pouvons les explorer. Pour cela, nous allons à Composition et sélectionnez « Ajouter à Adobe Media Encoder ». Media Encoder nous aide à explorer, à pratiquer plus efficacement. Gardez à l'esprit qu'une composition que nous avons actuellement ouverte sera exportée. D' abord, qui est le codec. Dans ce cas, nous allons utiliser H264. Il explore la vidéo en mp4. Vous devez utiliser le format pour le Web. En ce qui concerne la résolution de sortie, nous pouvons choisir l'option « Match Source », High ou Medium Bitrates pour éviter les erreurs et explorer dans la même taille dans laquelle nous avons travaillé sur le projet. Dans ce cours, nous avons fait des animations courtes en boucles plus axées sur les réseaux sociaux comme Instagram. Pour ce type d'animation, il est préférable de choisir les options « débit moyen » afin que les vidéos n'occupent pas beaucoup de mégaoctets. Enfin, nous choisissons l'endroit où nous explorerons la vidéo et donnerons un nom au fichier. Pour finir, nous cliquons sur le bouton « Jouer » ici. Vous pouvez également explorer votre animation en tant que GIF. Pour ce faire, revenez à « After Effects » et envoyez une vidéo à Media Encoder. Nous choisissons le codec « GIF animés » et l'option « Animation GIF, Match Source ». Encore une fois, nous choisissons l'endroit où nous allons explorer la vidéo et donner un nom au fichier. Nous cliquons enfin sur le bouton « Jouer » ici. Avec cela, tout sera prêt. Une fois le processus terminé, vous pouvez ouvrir votre vidéo, puis commencer à la déplacer sur les réseaux sociaux. 16. Réflexions finales: Je suis si contente que tu sois arrivée jusqu'à la fin. Félicitations. Je vous invite à appliquer toutes les connaissances que vous avez acquises en créant vos propres animations. J' adorerais les voir. Ne soyez pas timide et s'il vous plaît télécharger dans la galerie de projets de cours ou taguez moi dans vos messages Instagram. Cherchez des références, inspirez-vous et surtout, pratiquez-vous. Si vous avez apprécié le cours, s'il vous plaît laissez-moi un commentaire. Je vous en serai très reconnaissant. J' espère vous revoir dans les cours futurs. Merci.