Fascination : créer des GIF époustouflants avec After Effects et Photoshop

1. Introduction: Avez-vous déjà vu un gif incroyable ou une animation en boucle que vous ne pouviez pas regarder loin de là. Celui qui t'a capturé, celui qui t'a fait dessiner, celui qui t'a fait rester assis là et regarder. Alors vous êtes-vous déjà demandé comment en faire un ? Dans ce cours, je vais vous montrer ce que je sais sur la création de ces animations en boucle. Je suis Rich Armstrong, je suis designer, codeur et animateur. Nous utiliserons Adobe After Effects pour créer et créer nos animations. Ne vous inquiétez pas si vous n'êtes pas si bon chez After Effects, je vais le prendre lentement et vous expliquer les nouveaux concepts peu à peu. En outre, la théorie que nous allons aborder vous permettra d'utiliser d'autres applications et styles d'animation pour créer votre propre marque de gifs et boucles envoûtants. À la fin de la classe, nous aurons créé des GIF et des vidéos en boucle très courts, qui auront l'impression qu'ils peuvent être regardés pendant des siècles. Je vais également vous montrer comment intégrer les ressources Illustrator et Photoshop dans After Effects. Comment faire de l'animation de base dans Photoshop et dans une vidéo, je vais couvrir des trucs After Effects vraiment avancés. Sur une note de précaution, cependant, vous pouvez finir par vous asseoir et regarder ce que vous créez pendant de longues périodes de temps. Sentez-vous prêt à faire des bonbons pour les yeux et amusez-vous beaucoup. Inscrivez-vous maintenant et commençons ce cours fou. 2. Théorie de la boucle: Alors faisons une théorie rapide, ça nous aidera à comprendre le côté pratique des choses. abord, une animation, comme toute vidéo, est une illusion de mouvement. C' est vraiment un tas d'images qui passent par tes yeux très, très vite, et ça te pousse à penser qu'il y a du mouvement. La deuxième chose est que la plupart des films et des animations auxquels nous sommes habitués sont dans un format linéaire, il a un point de départ et un point de fin. Mais cette classe traite de l'animation en boucle. Vous les avez probablement rencontrées sous la forme de GIF en ligne ou de vidéos Instagram, et elles sont spéciales parce qu'elles bouclent pour toujours, et elles permettent au spectateur de décider quand elles sont terminées. Ensuite, il y a le genre d'animation en boucle qui vous hypne, ils vous font baver, ils vous font regarder, ils vous font incliner la tête dans l'émerveillement. Leur chronologie peut être visualisée tout simplement sous la forme d'un cercle avec leurs dernières et premières images se démarquant l'une de l'autre, tout comme les autres images d'une chronologie. Une des choses qui les rend si fascinantes est qu'elles sont transparentes, vous ne savez pas où se trouvent le début et la fin de l'animation. Mais ce n'est pas tout ce qui les rend si fascinants. Il y a quelques objectifs de cette classe. Le premier est de vous apprendre à faire des animations transparentes, le second est de vous enseigner les principes de boucles hypnotisantes, le troisième est de vous donner des méthodes pour faire des animations envoûtantes, et le dernier est que ce serait un grande introduction aux effets après dans le monde de l'animation. Alors oui, commençons. 3. Tout simplement fluide: Dans cette vidéo, je vais vous présenter ce qu'est After Effects, et je vais vous montrer comment créer une boucle vraiment simple et transparente. La première chose que je veux que vous fassiez, c'est ouvrir After Effects. Si vous obtenez une fenêtre comme celle-ci, cliquez sur « Nouveau projet ». Si vous ne le faites pas et que vous voyez quelque chose comme ceci, cliquez sur « Fichier », « Nouveau », « Nouveaux projets ». Si c'est votre première fois dans After Effects, bienvenue. « Qu'est-ce qu'After Effects ? » Vous demandez peut-être. Eh bien, c'est vraiment un mélange entre deux concepts et applications différents. Il s'agit d'un mélange entre Photoshop, Illustrator, une application 3D et une application de montage vidéo. Il est vraiment puissant et vraiment flexible en matière d'animation. Mais ça peut ressembler au cockpit d'un pilote. Vous n'avez peut-être aucune idée de ce que ces panneaux, boutons et choses font, c'est bon. Je vais essayer d'en faire la tête et la queue pour vous et vous aider lentement. La première chose que je voudrais que vous fassiez est d'enregistrer votre projet Fichier, Enregistrer sous, Enregistrer sous. Je vais enregistrer tous mes fichiers de projet sur le bureau, je vais juste appeler celui-ci loops.aep qui signifie After Effects Project. Vous devriez avoir ce panneau de projet, si vous ne le faites pas, allez dans la fenêtre et cliquez sur « Projet ». Vous verrez que la fenêtre ou le panneau sur lequel nous sommes actuellement occupés a ce trait bleu autour de lui. Ce que j'aimerais que tu fasses, c'est que tu cliques sur ce petit bouton, celui qui ressemble à une bande de film. Créez une nouvelle composition. Maintenant, qu'est-ce qu'une composition ? Eh bien, une composition ressemble à un document Photoshop, et un projet After Effects peut contenir plusieurs compositions. Mon nom de composition, je vais l'appeler fleur, et je ne vais pas utiliser un préréglage prédéfini, je vais vous utiliser un préréglage personnalisé, cela signifie que je peux changer ma largeur et ma hauteur. Maintenant, je vais définir ma largeur et ma hauteur à 1280 par 1280 pixels. La raison pour laquelle je fais cela est de sorte que c'est un carré, ce qui signifie que je peux le partager sur Instagram. Cela signifie que je peux l'emmener dans Photoshop, et le recadrer à la taille d'image dont j'ai besoin pour différentes plateformes. Maintenant, mon rapport d'aspect de pixel, gardons les pixels carrés et ma fréquence d'images, j'aime garder cela à 30. Vous pouvez changer cela si vous voulez, certaines personnes préfèrent 25, certaines personnes préfèrent 30. Figure pour quelque chose comme 60 va animer beaucoup plus lisse, mais je trouve que 30 est un excellent mélange entre avoir une animation lisse, et avoir de petites tailles de fichiers. La résolution est la façon dont notre composition prévoit ce que nous jouons, donc pour l'instant, nous pouvons simplement le garder pleinement. Au fur et à mesure que les choses deviennent plus compliquées et que notre ordinateur prend plus de temps pour rendre nos compositions, nous pouvons changer la résolution à moitié ou même à un tiers. Maintenant mon code d'heure de début, laissons ça à zéro, cela signifie fondamentalement que nous allons commencer notre acte de composition, et nous allons le commencer à zéro. Ensuite, la durée de notre composition est des cadres, secondes, des minutes et des heures. Je vais changer le mien à deux secondes. Si le vôtre est réglé à une minute ou 30 secondes, modifiez-le en deux secondes. Nous pouvons alors changer notre couleur de fond assez facilement, donc je vais aller pour une couleur bleuâtre, peut-être une couleur violette. Nous pouvons changer tous ces paramètres une fois que nous avons créé la composition, mais je trouve toujours qu'il est utile de la configurer correctement la première fois. J' ai également joint un document qui explique les différentes tailles de documents et fréquences d'images pour votre référence. C' est vraiment théorique et un peu ennuyeux si je dois mettre une vidéo, mais vous pouvez y accéder en tant que document texte. Alors créons cette composition. On appuie juste sur « Ok » et tout d'un coup quelques choses vont arriver. Vous verrez que dans votre panneau de projet il y a une composition florale. Vous verrez cela ici qui est votre panneau de timeline, vous aurez cet onglet de fleur, qui dit fondamentalement que cette composition de fleurs est maintenant ouverte. Si vous le fermez, vous pouvez toujours double-cliquer dessus pour l'ouvrir à nouveau, et ce panneau est votre panneau d'aperçu de composition. Au fur et à mesure que quelque chose est lu dans votre chronologie, il apparaîtra dans le panneau d'aperçu de la composition. Mais maintenant, il n'y a rien dans notre chronologie, il n'y a rien de vraiment ici, sauf notre couleur d'arrière-plan, créons un calque. Calque, Nouveau, il y a tout un tas de différents types de calques, c'est correct, After Effects est incroyable. Lequel voulons-nous maintenant ? Eh bien, allons pour un calque de forme. Vous verrez que maintenant nous avons ce calque de forme, mais il n'y a toujours rien à montrer. Ainsi, nous pouvons zoomer en appuyant sur « Command Plus » ou « Control Plus », ou nous pouvons utiliser notre souris pour faire défiler et descendre. Ce que j'aimerais faire maintenant, c'est que j'aimerais ajouter une forme à mon calque de forme. Donc, je maintiens cet outil rectangle et je libère sur l'outil étoile, et voici comment nous allons créer notre fleur. Il vous suffit de cliquer et de faire glisser et de maintenir la touche Maj enfoncée pour créer une étoile droite, et lorsque vous avez terminé, relâchez simplement le bouton de la souris. Maintenant, nous avons une étoile, fantastique. Si nous allons à notre calque de forme dans notre panneau de montage, nous pouvons alors cliquer sur ce bouton déroulant pour accéder à toutes ses propriétés. Nous verrons qu'il a deux ensembles principaux de propriétés, Contenu et Transform. Donc, si je vais à Contents, je vais voir qu'il y a une polystar 1, et je peux basculer la visibilité de cette polystar 1 comme je peux basculer la visibilité de cette couche de forme entière. Je peux ajouter une autre forme alors ajoutons juste un carré ici, et vous verrez que maintenant j'ai une polystar 1 et un rectangle 1, vraiment cool. Maintenant, si nous allons à la polystar 1, ce que j'aimerais faire est, je voudrais le centrer dans mon calque de forme. La couche de forme est en fait au milieu de notre composition, donc je vais transformer Polystar 1, à ne pas confondre avec la transformation du calque. Je vais aller à cette position, et vous verrez que c'est à x négatif et une valeur y négative. Maintenant, on pourrait juste tirer ça à zéro, ou on pourrait juste cliquer dessus et appuyer sur « 0 ». Tout d'un coup, c'est à 0, x, et si on clique ici, on peut appuyer sur « 0 » et tout d'un coup c'est à 0, y au milieu, fantastique. Maintenant ce que j'aimerais faire, c'est que j'aimerais faire ça plus comme une fleur, j'aimerais changer la taille. Cachons simplement le rectangle 1 pour l'instant, et passons au chemin polystar 1. Nous allons dans cette liste déroulante, et nous pouvons changer le nombre de points. J' aimerais garder le nombre de points à 6, 10 ou 12. Quoi que vous choisissiez, ne choisissez pas un nombre impair. Si vous allez choisir un nombre impair, cela va rendre la rotation très difficile. Je recommande de rester entre 6 et 12 juste parce que ce sera plus facile de travailler avec. Vous pouvez le changer à six ici, et nous pouvons changer notre rayon intérieur, ce qui augmentera ensuite la taille de notre étoile. Notre rayon extérieur, ce qui augmentera aussi la taille de notre étoile. On peut le changer en quelque chose comme ça. Maintenant, votre rondeur intérieure, vous pouvez jouer avec, mais je vais garder ça à zéro. Ma rondeur extérieure, si je maintiens Maj enfoncée, elle frotte beaucoup plus vite. Si je ne tiens pas Shift, c'est un peu plus fin. Je vais créer une fleur comme ça. La prochaine chose que je veux faire, c'est que je veux changer de couleur. Je peux changer sa couleur ici ou je pourrais aller à Polystar 1, Fill 1, puis changer la couleur ici. Ce que j'aimerais faire, c'est que j'aimerais le changer en blanc uni. Maintenant, j'aimerais commencer à animer ma fleur. Allons à nouveau à Polystar 1, et commençons à l'animer. Si nous allons transformer Polystar 1, nous pouvons commencer à le faire tourner, ce qui est vraiment, vraiment cool. Si nous montrons ensuite le rectangle à nouveau et que nous changeons la rotation de l'étoile de notre fleur, vous verrez que le rectangle ne change pas du tout. Maintenant, c'est très important car si nous allons à la Transformation de notre calque de forme 1 et modifions la rotation de celle-ci, vous verrez que le calque de forme entier change sa rotation. Changons cela à zéro à nouveau et ouvrons le contenu. Je vais juste supprimer mon rectangle. Ici, je veux animer ça, et je veux l'animer au fil du temps. Comme ma tête de jeu passe de zéro images à une seconde, je veux qu'elle tourne. Maintenant, ça peut sembler assez facile. Changeons la rotation. Cela passe à 45. Ce que vous pouvez voir qui se passe, c'est qu'il le change pour chaque image unique. Pas ce qu'on veut. Ce que nous devons faire, c'est que nous devons changer cela à zéro, et nous devons cliquer sur ce chronomètre. Ce que cela fait réellement, il dit activer le temps très chronomètre. Il active la capacité d'une propriété à changer au fil du temps. Maintenant, si nous cliquons sur ce bouton, cela signifie qu'After Effects est à l'écoute des changements d'images clés. Si nous passons à une seconde et nous ajoutons une autre image clé, soit en cliquant sur celle-ci, et pour en supprimer une, il vous suffit de cliquer à nouveau. Ou vous pouvez simplement changer la valeur. Il va à 46. Lorsque nous allons à zéro images à nouveau et que nous appuyons sur « Play », soit jouer sur notre panneau Aperçu, auquel vous pouvez accéder à partir de Fenêtre et Aperçu, ou nous appuyons simplement sur la barre d'espace, il va jouer. Cela boucle automatiquement, ce qui est génial. Ce que ça fait, c'est dire : « Il y a une image-clé ici. Il a une valeur de zéro, et il y a une image clé ici et elle a une valeur de 46. » Ce qu'After Effects fait, c'est qu'il détermine les valeurs des images intermédiaires. Vous verrez que c'est 1.5, l'image suivante est 3.1, et ainsi de suite, ce qui est vraiment, vraiment puissant. Cela signifie que vous pouvez simplement spécifier deux valeurs et After Effects exécute tout ce qui se trouve entre les deux. Voici notre panneau de chronologie. Nous pouvons ajouter des images clés, et les images clés que nous sélectionnons sont bleues, les images clés qui ne sont pas sélectionnées sont grises. Nous pouvons zoomer avant et arrière avec ce petit curseur en bas, nous pouvons appuyer sur Plus et Moins pour zoomer et arrière. Nous pouvons également utiliser ces petites extrémités du Navigateur de temps et le démarrage du Navigateur de temps, en faisant glisser [inaudible]. Plutôt cool. Ce que j'aimerais faire maintenant, c'est que j'aimerais créer une boucle d'animation. Nous allons à une seconde ou 30 images, puis nous faisons glisser notre zone de travail à la fin de là. C' est assez important parce que si nous jouons dans notre zone de travail va boucler dans notre zone de travail. Si nous appuyons sur « Play » alors que nous ne sommes pas dans notre zone de travail, il va jouer toute la composition, qui n'est pas ce que nous voulons. Si une zone de travail est configurée, assurez-vous d'appuyer sur Lecture dans la zone de travail. On a une boucle. Fantastique. Mais ce n'est pas transparent, pas par un tronçon de l'esprit. Il y a un grand saut. Ce que j'aimerais faire ici, c'est au lieu de l'animer ou de le faire tourner de 46 degrés, je voudrais le faire pivoter par 360 divisé par le nombre de points dans mon étoile. Dans ce cas, c'est six. Si vos calculs ne sont pas si bons, faites le calcul dans cette entrée dans After Effects. Vous appuyez sur « Entrée », et cela fonctionne à 60 degrés. Ce qui est vraiment cool à ce sujet, c'est que de 0 à 60 ans, il ne semble pas vraiment tourner du tout, ou il semble qu'il tourne à 360 degrés. C' est là que les illusions commencent à entrer. Cela signifie que nous pouvons jouer quelque chose pendant une seconde et le faire apparaître comme si un tourne pour toujours. Ici, ne tourne que de 60 degrés, puis revenir à zéro degrés, puis tourner un autre 60 degrés. On dirait qu'il continue, et encore, et encore. Ce qui est vraiment important à remarquer ici, c'est que si nous zoomons à la fin de notre zone de travail et où se trouve notre image clé, si notre zone de travail est désactivée par deux images ou même par une seule image, cela peut entraîner un retard. Si j'appuie sur « Play » maintenant, vous voyez un léger retard. Si je fais juste défiler ici à nouveau, si j'augmente cela à six images, vous verrez un très long délai, ce qui est vraiment perceptible maintenant. Si c'est à 28 images, ou même à 29 images, vous verrez qu'il y a un saut, ce qui est également indésirable. Bien que vous ne puissiez pas le ramasser, l'œil humain est vraiment bon ramasser quelque chose qui est éteint ou qui ne bouge pas correctement. Vous voulez vous assurer que sur cette dernière image clé, c'est là que se trouve votre zone de travail. Ce qui se passe ici, c'est qu'elle passe de 28 images à 29 images, puis au lieu d'aller à l'endroit où se trouve cette image-clé, elle revient à l'image 0. C' est parce que la dernière image de votre boucle est suivie de la première image de votre boucle. Prends-le, comprends-le. C'est un cercle. Notre animation n'arrive jamais à 60 degrés de rotation. À partir de la trame 29, il n'arrive pas à la trame 30. Il remonte à zéro. Même si c'est un peu difficile à comprendre, c'est vraiment cool quand on le fait. Maintenant, nous avons notre animation en boucle. C' est incroyable. C'est une petite fleur cool. Il boucle de façon transparente. Mais maintenant, qu'est-ce qu'on en fait ? Exportons-le, rendons-le. La première chose que nous devons faire est de le sauver. Allons « Fichier » et « Enregistrer ». Ensuite, nous allons « Composition ». Ajoutons à la file d'attente de rendu. Une fois qu'il est dans la file d'attente de rendu, il est normalement par défaut les meilleurs paramètres possibles, c'est un fichier sans perte. Fantastique. Nous allons l'exporter depuis After Effects en tant que fichier sans perte, puis le prendre dans Photoshop, puis l'exporter à partir de là en tant que MP4 et GIF animé. Nous voulons dire sortie sur le bureau, et rendre. C' est les bases d'After Effects. Dans la vidéo suivante, je vais vous montrer comment créer un GIF animé et un MP4 à partir du fichier MOV que nous venons de rendre. 4. Exportation vers Photoshop: Dans cette vidéo, je vais vous montrer comment prendre le fichier MOV qui est après les effets rendus dans Photoshop pour faciliter l'exportation. Nous allons prendre un fichier très grand et de haute qualité et l'exporter comme un GIF animé et aussi comme un MP4. Nous allons à notre Finder, allons à Desktop et nous ne pouvons pas l'afficher car il s'agit d'un fichier de qualité sans perte. Si nous faisons simplement glisser ça directement dans Photoshop, nous allons mettre notre film à l'intérieur de Photoshop, ce qui est bizarre et vous verrez ce petit panneau de timeline pop-up. Si ce n'est pas le cas, vous pouvez y accéder depuis la fenêtre et la chronologie. J' aime simplement faire glisser ceci vers le bas jusqu'à ce qu'il y ait cette bande bleue, puis relâchez le bouton de la souris et puis j'ai une chronologie en bas, peu comme après les effets. Lorsque j'appuie sur « Jouer maintenant », vous verrez qu'il boucle, s'il ne bouclera pas, assurez-vous simplement que la lecture de la boucle est sélectionnée. Maintenant, je veux l'exporter pour Instagram. Instagram a besoin de vidéos d'une durée de trois secondes ou plus et parce que la nôtre n'est qu'une seconde, nous devons dupliquer cela au moins trois fois. clic droit sur votre calque et dites « Dupliquer le calque ». Vous pouvez également appuyer sur « Commande J ou Control J » et tout d'un coup vous avez trois itérations de cette boucle. Ce que fait Instagram, il prendra ensuite votre vidéo et la boucle pendant que quelqu'un la regarde sur son téléphone ou sur son ordinateur. Une fois que nous avons trois itérations, nous allons à Export de fichier, puis nous rendons la vidéo. Nous voulons sélectionner le dossier qui est mon bureau et ensuite nous voulons choisir le format qui devrait être 8.264 ce qui signifie qu'il rend un fichier MP4 que votre téléphone et Instagram pourront comprendre. Le préréglage utilise toujours de haute qualité, la taille doit être la taille du document, la fréquence d'images doit être la fréquence d'images du document et le reste de ce truc joue avec elle, mais laissez-le si vous ne l'avez jamais changé auparavant. Ensuite, vous appuyez sur « Rendu ». Ça ne prend pas trop de temps, je pense que c'est déjà fait, fantastique. Nous allons à notre Finder et nous avons Flower Dot MP4 et nous y allons. Nous pouvons ensuite l'envoyer sur notre téléphone et le poster sur Instagram. Maintenant pour un GIF animé. Je vais juste reculer quelques fois ici jusqu'à ce qu'on ait juste une itération de notre boucle. Je veux partager cela sur Dribble comme une image, comme un GIF animé. Dribble a besoin de fichiers qui sont de 400 sur 300 en dimension ou de 800 sur 600 en dimension. Ce que je vais faire, c'est que je vais aller à l'image, je vais dire taille de l'image, je vais essayer ceci comme 800 par 800 et puis je vais le redimensionner avec la taille de la toile maintenant pour avoir une hauteur de 600, fantastique. Maintenant, quand j'appuie sur « Play », j'ai une boucle animée 800 par 600. Nous pouvons ensuite aller à Exportation de fichiers, enregistrer pour l'héritage Web. Si vous avez une ancienne version de Photoshop, cela peut dire enregistrer pour le Web ou même enregistrer pour le Web et les appareils et il s'agit de votre écran d'exportation. Si vous n'avez pas GIF sélectionné ici, vous pouvez le changer de PNG ou JPEG à GIF et ensuite, à partir d'ici, nous pouvons changer un tas de paramètres pour le rendre vraiment bonne qualité ou pour rendre la taille du fichier vraiment petite. Vous devez vous demander, où va être ce GIF animé et quel est le but ? Si le but est de faire partie d'une page Web, vous voulez en faire un GIF ou GIF de taille très petite. Si vous voulez le partager sur Dribble ou d'autres sites où vous voulez montrer votre expertise, vous voulez montrer vos compétences en animation, je vais essayer de booster un peu la qualité. Pour augmenter la qualité que vous voulez augmenter les couleurs, pour diminuer la taille du fichier, vous voulez diminuer les couleurs. Avec cet exemple, cela n'aura pas vraiment d'importance parce que nous avons si peu de couleurs dans notre animation. Si nous optons pour 64 couleurs, nous verrons qu'il a une taille de fichier de 282. Une autre façon de diminuer la taille de votre fichier est de diminuer vos données, mais dans cet exemple, cela ne fera pas beaucoup de différence car nous n'avons pas vraiment de dégradés ou d'ombres. La meilleure façon de diminuer la taille de votre fichier est simplement de diminuer vos dimensions. Si nous réduisons cela à 400, nous verrons que la taille du fichier va à 126K, ce qui est assez petit. Je vais juste changer cela à 800 parce que je veux le focus de ce GIF animé soit l'animation, pas vraiment la petite taille du fichier. Le 282 est assez petit, c'est plutôt bon. Maintenant, la chose la plus importante ici est cette option d'options de boucle. Nous voulons changer une fois pour toujours. Nous voulons que notre animation bouclette pour toujours. C' est la chose la plus importante. Une fois que nous avons défini ceci, une fois que nous avons choisi toutes les options, nous pouvons appuyer sur « Enregistrer ». Je vais l'enregistrer en tant que GIF point de fleur sur mon bureau et juste comme ça, j'ai le GIF point de fleur que je peux prévisualiser. Je peux ensuite télécharger ceci sur dribble ou à quelques autres endroits où je partage mes GIF, ou je peux partager mon point de fleur MP4 sur Instagram, sur Facebook, où que ce soit. Maintenant que nous avons traversé tout le processus, amusez-vous, jouez et faites une boucle transparente vraiment simple. Téléchargez-le sur Instagram si vous le souhaitez, téléchargez-le sur dribble et téléchargez-le dans votre galerie de projets. Si vous le téléchargez dans votre galerie de projets, assurez-vous que votre GIF animé est inférieur deux mégaoctets et si vous voulez me mentionner sur les réseaux sociaux, je suis à Taptapkaboom. C' est beaucoup à prendre en compte, je comprends si tu dis  : « Ça m'a effrayé. » Faites-le facilement, regardez-le à nouveau, jouez et posez un tas de questions dans les commentaires et le panel de discussion. Je suis tout pour les questions et je ferai de mon mieux pour y répondre. 5. Principes de la fascination: La plupart des animations envoûtantes tournent autour de l'illusion et supercherie, mais une fois que vous connaissez la formule, elles sont vraiment simples. Voici quelques principes pour vous aider à démarrer. Le premier principe est la répétition ou la répétition. Toute votre animation doit se répéter, elle doit boucler, c'est un pas de cerveaux. Mais aussi, les sous-animations de votre animation peuvent se répéter. Pensez à ce que vous répétez et comment vous le répétez. Le deuxième principe est la position. Alors déplacez les choses autour de l'écran, faites commencer les éléments là où un autre se termine, créez un mouvement perpétuel, maintenez votre public engagé et gardez les yeux en mouvement. Le troisième principe est l'état, changeant les éléments en un autre lentement ou rapidement, et vous pouvez changer la forme, capacité et d'autres propriétés et effets au fil du temps. Faites grandir les choses, faites-les respirer, faites-les ébranler, faites-les sentir vivantes. Le quatrième principe est la rotation. La rotation est similaire à la répétition et c'est assez facile à utiliser. Je pense que c'est parce que quand quelque chose tourne, peu importe à quel point il est petit ou grand, il finit toujours au même point, finalement. Une horloge, par exemple, est une animation en boucle de la vie réelle. Le cinquième principe est de multiples éléments. Quand il y a plus à regarder, eh bien, il y a plus à regarder. Avec plusieurs éléments animés, il y aura toujours quelque chose de nouveau à regarder, surtout s'ils disparaissent et réapparaissent à différents moments pendant la boucle. Le sixième principe est le message. Si votre animation a un point à faire, plus d'être juste bonbon pour les yeux, cela le rend beaucoup plus incroyable. Pas de pression ici, c'est juste la cerise sur le dessus. Le septième principe est la couleur. grands schémas de couleurs peuvent attirer l'attention des gens avant même qu'ils n'aient vu aucun mouvement, alors considérez votre choix de couleur rarement soigneusement. Le huitième principe est la vitesse. Votre vitesse d'animation doit être juste, pas trop lente, pas trop rapide, mais la rendre juste. Le neuvième principe est l'intérêt. Quels effets et choses intéressantes animez-vous ? C' est souvent un domaine où vous pouvez plier les esprits et retirer un facteur wow. Votre style et votre méthode de travail joueront toujours un grand rôle ici. Pour un peu d'inspiration, pensez à Escher, pensez à Dolly, des films trippy que vous avez regardés et des rêves bizarres que vous avez eus. Ce sont quelques principes pour vous aider sur votre chemin, mais comment faire en sorte que votre public reste plus longtemps que prévu, c'est vraiment à vous de décider. Je pense que la meilleure chose est d'expérimenter et de voir ce que vous aimez travailler avec. 6. Rotation inversée: Dans cette vidéo, nous allons prendre notre fleur à une seule couche, créer plusieurs couches et nous allons faire pivoter certaines couches dans le sens inverse des aiguilles d'une montre et certaines couches dans le sens des aiguilles d'une montre. Allons-y. La première chose que je veux faire est que je vais renommer ma composition florale en fleur 1, donc je clique avec le bouton droit de la souris et je sélectionne Renommer et la renommer fleur 1. Ils vont le dupliquer pour que j' ai toujours une copie sauvegardée de la composition de fleur 1, donc je peux aller Modifier, Dupliquer. Voici la fleur 2. After Effects fait un bon travail en incrémentant le nombre. Si je double-clique dessus, il ouvre un autre onglet dans mon panneau de montage. Flower 1 et flower 2 sont identiques pour le moment, mais ce sont en fait des vidéos séparées, ce sont des compositions séparées. C' est comme dupliquer un document texte dans le Finder ou l'Explorateur Windows. Ce sont des documents différents, même si pour le moment ils sont la même chose. Je vais fermer la fleur 1, et dans la fleur 2 je vais juste effondrer les propriétés de la couche de forme 1. Ensuite, je vais dupliquer la couche de forme 1. Je vais aller Modifier et puis dupliquer. Maintenant, j'ai la couche de forme 2, et à l'intérieur de la couche de forme 2, j'ai polystar 1. Ce que je veux faire pour polystar 1 à l'intérieur de la couche de forme 2, c'est que je veux changer l'échelle de la polystar. Je dois transformer Polystar 1 et changer l'échelle à 80 pour cent. Cela diffère de la modification de la transformation ou de l'échelle de la couche entière. Je pourrais changer la couche à 80 pour cent, ce qui peut sembler faire la même chose. Mais ce que cela fait, c'est que cela transforme toute l'échelle de la couche plutôt que de simplement transformer l'échelle polystar 1. Une fois que nous avons fait cela, j'aimerais aller sélectionner le calque de forme 1 et changer complètement la couleur pour quelque chose comme ça. Fantastique. Ils vont dupliquer la couche de forme 2. Je peux soit aller modifier et dupliquer, appuyer sur Commande D ou Contrôle D. Ils vont changer l'échelle de cette polystar à 60 pour cent, fantastique. Je vais changer la couleur des couches de forme pour quelque chose de similaire , mais un peu plus léger. Comme ça. Je vais ensuite dupliquer la couche de forme 3, commande D ou le contrôle D, et changer l'échelle à environ 40 pour cent, alors passons à 40 pour cent. Ensuite, je vais changer la couleur de la couche de forme 3 à nouveau quelque chose de tout à fait similaire, mais un peu plus léger. C' est le nombre de couches que je vais aller avec. Vous pouvez ajouter autant de calques que vous le souhaitez, vous pouvez agrandir vos calques et les rendre plus petits. Je vais juste avoir quatre couches, et ce sera assez de couches pour faire passer le point. Ce que j'aimerais faire maintenant, c'est que j'aimerais changer les couleurs des barres du calque de forme 1 et du calque de forme 3. Je sélectionne juste cette petite nuance ou un petit carré ici, et je peux le changer. Allons-y pour le jaune. Cela dit, « Hey, ceux-ci sont des couches similaires, traitons-les de la même manière, et les bleus, traitons-les de la même manière. » Je veux changer l'animation de certains calques maintenant. Si je commence à percer ici, je peux aller à la rotation, mais c'est beaucoup de choses juste pour arriver à la rotation. Ce que je peux faire, c'est appuyer sur un calque et appuyer sur U sur le clavier. Ce que fait « U », c'est qu'il nous montre les propriétés qui ont été animées, ce qui est vraiment cool. Nous pouvons sélectionner tous ces calques en maintenant la touche Maj enfoncée, maintenez la touche Commande A et appuyez sur U. Si elle le cache, vous pouvez appuyer à nouveau sur U pour les afficher. Maintenant, nous pouvons le voir, il y a polystar 1 à l'intérieur de la couche de forme 4 et cela nous montre la rotation. Il nous montre la rotation de la polystar 1 dans chacune des couches. Pour la couche 3 et la couche 1, je vais passer à une seconde, je vais changer leur rotation de plus 60 à 60 négatif. Si je sélectionne cette image-clé et que je maintiens la commande enfoncée, et que je colle cette image-clé ici, je peux la changer en négatif 60, et vous verrez qu'elle change à la fois sur le calque de forme 3 et sur le calque de forme 1. Maintenant, quand j'appuie sur Play, ça a l'air vraiment cool. J' ai une animation beaucoup plus intéressante qu'avant. Il y a un laser qui tourne dans le sens des aiguilles d' une montre, d'autres qui tournent dans le sens antihoraire. Fantastique. À partir de là, nous pouvons le rendre comme un fichier MOV sans perte, puis prendre ce fichier MOV dans Photoshop, l'exporter sous forme de GIF animé, ou l'exporter en tant que fichier MP4. Fantastique. 7. Une unité d'animation: Discutons encore une fois la théorie. Supposons que nous ayons une animation en boucle de quatre secondes et que la fréquence d'images est de 30 images par seconde. Dans ces quatre secondes, nous aurons 120 images à utiliser. J' aime appeler cela les unités de l'animation. Il est bon de savoir quelles sont les unités d'animation afin que vous puissiez créer des sous-animations dans votre animation. Ils prennent une fraction du temps et ainsi, boucle plus d'une fois pendant le cycle de vie de la boucle. J' aime appeler ces sous-unités d'animation. Ensuite, la longueur et les images sont des nombres que l'animation totale de l'unité peut diviser sans décimales ni restes. Ainsi, des exemples de sous-unités d'une boucle de quatre secondes seraient des sous-animations à la fin 60F, 30F, 20F, 15F, 10F ou cinq images de long. Les sous-animations peuvent être en boucle continue dans la boucle principale ou apparaître pour des parties du cycle de vie de la boucle principale. Jetez un oeil à toute animation en boucle transparente, et vous verrez ce principe à l'œuvre. 8. Tournoyer: Dans cette vidéo, nous allons prendre notre animation florale et faire tourner tous les calques de la même manière mais à une vitesse différente. Nous allons aussi ajouter de l'ombre portée, et je vais vous montrer comment animer l'ombre portée. La première chose que nous voulons faire est que nous voulons aller à fleur 2 et le dupliquer. Vous pouvez aller Commandement D, et il crée une fleur 3 pour nous. Double-cliquez dessus, et il l'ouvre, et fermons une fleur 2. Maintenant, ce que nous voulons faire, c'est que nous voulons faire tourner tout cela de la même façon. Je vais faire tous mes calques et je vais juste maintenir la touche Maj enfoncée et le sélectionner de haut en bas. Je vais changer tous mes calques à la même couleur puis je peux renommer mes calques juste pour avoir un peu plus de sens du calque de forme 1, du calque forme 2, et ainsi de suite. Pour renommer un calque, sélectionnez un calque et appuyez sur « Entrée ». Je vais simplement appeler celui-ci, je vais renommer Shape Layer 2, 2, puis Shape Layer 3, 3, Shape Calque 4, 4, voilà. La prochaine chose que je veux faire est de changer un peu ma rotation, donc je vais à la dernière image clé, et ils vont changer ma rotation inférieure à 60 et la rotation de ma troisième couche à 60, juste pour que tout tourne à la même vitesse. Maintenant, je dois décider quelle couche va faire pivoter le plus rapidement. Je pense que ce devrait être la couche inférieure et je pense que la couche supérieure devrait tourner le plus lentement. Je vais garder ma rotation de 60 comme base, puis pour la couche trois, je vais la faire pivoter à 120 degrés, puis pour la couche suivante, je vais multiplier cela par trois, donc 60 par 3 serait 180. C' est vraiment cool que vous puissiez faire des calculs et l'entrée et les effets après signifie que vous n'avez pas à travailler les choses dans votre tête. Ici, nous pouvons aller 60 multiplié par 4, 240. Maintenant que les choses jouent autour, nous pouvons voir que le calque arrière se déplace très rapidement, le calque vers le haut pas si rapidement, le calque au-dessus est un peu moins lent, et enfin le calque supérieur se déplace à une vitesse standard. Maintenant, c'est assez rapide, donc si je sélectionne tous mes calques avec la commande A, je peux utiliser ce flou de mouvement, qui stimule une durée d'obturation. Si vous imaginez quand il fait sombre et que vous essayez de prendre une photo et que vous prenez une photo de quelqu'un qui court, ils peuvent sembler un peu flous. C' est exactement ce que fait le flou de mouvement. Nous pouvons simplement vérifier cela avec tous nos calques sélectionnés, et nous pouvons vérifier ceci qui dit activer le flou de mouvement pour tous les calques avec le jeu de commutateur de flou de mouvement, fantastique. Si vous ne l'avez pas, vous devrez peut-être appuyer sur « Basculer les commutateurs et les modes » pour le faire apparaître. Nous revenons à zéro, et nous appuyons sur « jouer maintenant ». Cela peut prendre un certain temps pour que cette barre verte passe de gauche à droite, mais une fois que c'est fait et c'est vraiment bon. Si nous zoomons ici, Commande plus, vous pouvez voir le flou de mouvement sur les calques que je bouge un peu plus vite et cela crée un effet plus réaliste. Ça a l'air plutôt bien en ce moment. Ce que j'aimerais faire ensuite, c'est ajouter des ombres portées, ça fait éclater les choses, ça ajoute un peu d'intérêt. Je vais sélectionner mon calque supérieur ici, calque 4, je vais ensuite cliquer avec le bouton droit de la souris et aller aux styles de calque, et je vais sélectionner l'ombre portée. C' est un peu comme l'ombre portée de Photoshop. Nous avons maintenant nos styles de calque sur le calque 4, donc il a des styles de contenu, de transformation et de calque. C' est vraiment important que nous ayons créé ou dupliqué les calques plutôt que de les dupliquer avec un calque de forme interne, car si nous avions dupliqué les formes avec un calque de forme interne, lorsque nous avons ajouté un style de calque au calque, nous l'aurions ajouté à toutes ces formes combinées. On a une ombre portée ici, je vais changer la capacité à 50 %. Je ne vais pas utiliser la lumière globale parce que je veux animer cela, l'angle bien passons à 90, pas tout à fait sûr exactement qu'il pourrait avoir besoin d'être 180. La distance que nous pouvons changer à 10, la taille que nous pouvons changer à 20. Changeons la distance à 22, et ça a l'air assez bien. Vous pouvez ajouter un peu de bruit si vous voulez, mais pour l'instant cela semble vraiment bon. Ce que nous pouvons faire maintenant, c'est que nous pouvons aller à l'image zéro, nous pouvons sélectionner les styles de calque ou ombre portée, mais sélectionnez les styles de calque, et appuyez sur « Commande C » ou éditer, copier et puis ce que nous voulons faire ici, c'est que nous voulons sélectionner le reste de nos calques et allez éditer et coller. Ce que cela devrait faire, c' est qu'il doit copier et coller ce style de calque sur tous les calques. Maintenant, je vais jouer ça, ça a l'air vraiment cool. Cela va prendre un certain temps pour rendre, mais une fois que c'est fait, ça commence à boucler, ça a l'air vraiment cool, mais ça bouge assez vite, alors changeons ça. Je veux animer cette chose exacte, mais plus de deux secondes, au lieu d'une seconde. On passe à deux secondes ici, et tu vois qu'on ne peut pas y arriver. Pour changer notre durée de composition et quelques autres choses, allons à la composition, et nous allons aux paramètres de composition, ou vous appuyez sur « Commande K » ou « Control K ». Ensuite, cette fenêtre peut sembler assez familière, c'est exactement la même que lorsque vous créez une nouvelle composition. Changons notre durée à trois secondes et appuyez sur « OK ». Vous verrez que maintenant nous avons un peu plus d'espace. Je peux passer à deux secondes, et passons toutes nos images clés à deux secondes. Vous pouvez me crier dessus parce que nous n'avons pas déplacé les images clés de la couche 4, donc je vais juste appuyer sur « U » et nous pouvons simplement faire glisser cette image clé à deux secondes. Mais ce qui se passe ici, c'est que les calques disparaissent réellement, donc je vais appuyer sur « Commande A » pour sélectionner tous mes calques et simplement faire glisser la durée de mes calques un peu plus loin, puis je vais faire glisser le zone de travail fin à deux secondes. Présentons ceci, voyons à quoi il ressemble. Maintenant, les choses devraient être un peu plus lentes, si les choses prennent beaucoup trop de temps, appuyez sur « Espace », arrêtez l'animation, et changez votre résolution à la moitié ou même au tiers. Je vais changer le mien en un tiers. Cela signifie qu'il sera juste rendu plus rapide, vous serez en mesure de travailler plus vite, mais la qualité ne sera pas aussi bonne. C' est un peu plus naturel pour moi, c'est plus envoûtant, ce n'est pas seulement tourner et filer, c'est vraiment cool. Maintenant, la seule chose que je veux faire est, je veux faire pivoter l'ombre portée aussi. On dirait qu'il y a une lumière qui se balance autour de ces couches de fleurs. Essayons-le sur la couche 4. Je vais aller à zéro image, je vais zoomer un peu et je vais aller à l'ombre portée des styles de calque. Ce que je vais faire, c'est animer l'angle de l'ombre portée. Cliquez sur ce petit chronomètre, qui crée une trame clé, puis à deux secondes, créons une nouvelle trame clé. À ce stade, je voudrais dire animer un plein 360 degrés, qui anime ensuite 1 fois 360 plus 90. Quand on rejouera ça, tu verras ça, ça a l'air vraiment cool. L' ombre portée bouge et peut sembler qu'il y a une lumière qui nage, fantastique. Si vous vouliez l'animer dans l'autre sens, nous pouvons simplement sélectionner cette image clé, copier avec la commande C, puis la coller avec la commande V. Elle remplace ensuite l'image clé sur laquelle vous êtes, donc maintenant nous sommes à 90 degrés. Si je voulais l'animer dans l'autre sens, je dirais 90 moins 360 ce qui me donnerait 270. Maintenant, quand je l'ai joué, ça peut sembler un peu plus naturel pour toi, c'est ton appel à la fin de la journée. Une fois que vous avez réglé l'animation de l'angle d'ombre portée, passez à zéro images et copions les styles de calque à partir du calque 4, Commande C, puis sélectionnez tous nos calques et appuyez sur « Commande V ». Cela aurait dû coller l'animation de l'ombre portée 2, qu'il semble avoir. On y va. Nous avons une animation à la recherche un peu plus intéressante, les boucles de l'ombre portée, il y a diverses choses qui se passent, ces différents éléments se déplacent à des vitesses différentes. C' est assez hypnotisant. De là, vous pouvez l'ajouter à votre file d'attente de rendu, vous pouvez le rendre, puis vous pouvez l'apporter dans Photoshop, l'exporter comme GIF animé, et l'exporter en tant que mp4, fantastique. 9. Fleurs qui tournent: Dans cette vidéo, nous allons en apprendre davantage sur les précompositions, qui ajoutent des compositions à d'autres compositions. Pendant que nous faisons cela, nous allons créer une animation vraiment cool et transparente, où il y aura plusieurs fleurs qui roulent à travers l'écran. La première chose que j'aimerais faire est de créer une nouvelle composition. On va appeler ça des fleurs roulantes. Les paramètres vont rester les mêmes, largeur, hauteur, et la durée peut être de trois secondes, il peut être de 10 secondes, ou nous allons vraiment viser est de créer une animation en boucle de deux secondes. Maintenant, nous avons une composition de fleurs roulantes. Je voudrais ensuite ajouter la fleur 3, dans la composition des fleurs roulantes, et cela devient une précomposition. Je voudrais créer un dossier juste pour mes précompositions, et je voudrais juste l'appeler precomps. Je vais sélectionner la fleur 1, appuyez sur Maj, appuyez sur la fleur 3, puis faites-la glisser dans les précomps. Ensuite, je vais glisser dans la fleur 3 pour rouler des fleurs, qui est maintenant ouvert sur ma ligne de temps. Fantastique. Je vais fermer la fleur 3, et maintenant j'ai des fleurs roulantes ouvertes. Vous verrez que cette couche est un peu différente. C' est en fait une composition, et vous verrez que je ne peux accéder à aucun des contenus que la fleur 3 a dedans. Si je double-clique dessus, je pourrai accéder à la fleur 3 à nouveau. Je vais pouvoir changer ses propriétés, et cela va se mettre à jour, dans les autres compositions dans lesquelles il se trouve. Fermons la fleur 3, et voyons ce que nous pouvons changer avec la fleur 3. On peut changer l'échelle, je vais changer ça à 70 pour cent, et on peut même changer la rotation, la capacité, la position. Ce que j'aimerais faire ici, c'est renommer ceci en couche 1, et puis j'aimerais le dupliquer, donc la commande D, et ici je vais commencer à faire plusieurs itérations de cette composition de fleur 3. Ici, au lieu d'aller à ma flèche, puis pour transformer, je vais juste appuyer sur P, et cela montrera juste la position. Je vais alors changer la position en 640 négatif, donc c'est une largeur de composition entière à gauche du calque 1. Je vais ensuite appuyer sur P, lorsque le calque 1 est sélectionné, et je vais commencer à animer ces deux calques. Je vais appuyer sur la montre d'arrêt sur les deux couches, et vous verrez que les deux avaient ces images clés. Je vais ensuite passer à deux secondes, et si vous n'êtes pas tout à fait là ou si vous vous sentez paresseux, vous pouvez simplement appuyer dessus, et de bout en bout ce que vous voulez aller. J' aimerais passer à deux secondes, appuyer sur OK, et ça me prend directement à deux secondes. Je vais ensuite ajouter des images clés, sur ces deux calques, puis sur la couche 2, je vais lui demander d'aller de l'avant d'ici 1280, et je vais faire de même pour la couche 1. Il va animer toute une largeur de compositions vers la droite. Voyons voir à quoi ça ressemble. Ça a l'air plutôt goo. Ce que nous n'avons pas fait ici, c'est que nous n'avons pas changé notre espace de travail, alors amenons ça en deux secondes. A partir de là, nous venons de créer, une animation en boucle, avec une animation en boucle dedans. Cela devient vraiment intéressant. La prochaine chose que j'aimerais faire est de le rendre plus intéressant, et la façon dont nous pouvons le faire en ajoutant plus d'éléments. Maintenant, je vais essayer d'ajouter une fleur au milieu. Je vais à zéro images, je vais dupliquer la couche 2, Commande D, et vous verrez que si j'appuie sur P, toutes les images clés sont dupliquées également. Ce que j'aimerais faire, c'est, je voudrais juste ajouter 642, c'est une position, ce qui m'amènerait à zéro, alors j'aimerais aller à la trame clé de fin et ajouter 640 à cela. Maintenant, nous avons trois étoiles. Quand j'appuie sur Play maintenant, il y a un petit saut, ce qui est problématique. Maintenant, ce que je vais devoir faire, c'est je vais devoir ajouter deux étoiles de plus, je vais devoir ajouter une étoile de plus au début, et une étoile de plus à la fin, juste pour qu'elle se boucle beaucoup mieux. Ajoutons d'abord celui au début. Je vais sélectionner mon calque 1, je vais le dupliquer. Dupliquer, c'est le calque 4 maintenant, je vais appuyer sur P, et je vais changer cela pour être juste 640 pixels vers la droite et encore une fois, 640 pixels vers la droite à la fin. Fantastique. Maintenant, quand je vais à la dernière image clé à la fin de ma boucle, je vais sélectionner le calque 2, je vais le dupliquer, l' envoyer en haut, et je l'envoie en haut en utilisant Command, et le crochet droit, et si vous voulez pour l'envoyer vers le bas, vous pouvez appuyer sur Commande et le crochet gauche.Vous pouvez également le faire en allant couche, plage, et amener la couche à l'avant, ou amener la couche vers l'avant. C' est à peu près la même chose que Photoshop. Ensuite, j'appuie sur P, puis sur le calque 5, j'ai besoin d'envoyer ce calque vers la gauche de 640 pixels. Alors la même chose serait au début. Maintenant, ce que nous avons, c'est que nous avons la même animation dupliquée cinq fois, ce qui crée une illusion qu'il y a juste une quantité infinie de ces fleurs roulantes ou de fleurs tournantes qui arrivent. Plutôt cool. On peut jouer avec un tas de choses ici. Si je sélectionne tous mes calques et que j'appuie sur P, la position disparaîtra, et si j'appuie sur S, l'échelle apparaîtra, et ils sont tous à 70 %. Si je change cela à 100 pour cent, et que je vois à quoi cela ressemble, toujours boucle, mais ça n'a pas l'air si bon. On peut changer ça à 50 pour cent, peut-être que ça a l'air un peu mieux. On dirait que c'est bien, mais drôle, 70 pour cent était plutôt bon. J' ai une pièce de théâtre là-bas. On peut aussi appuyer sur R, pour la rotation et changer tout ça pour, je ne sais pas, 45. Vérifie ça. Il semble plutôt cool, donc vous pouvez l'ajouter à votre file d'attente de rendu, vous pouvez le rendre, puis l'amener dans Photoshop pour créer un GIF animé à partir de celui-ci, ou pour en faire un MP4. 10. Fleurs qui pleuvent: Dans cette vidéo, nous allons faire la même chose que nous l'avons fait dans la vidéo sur les fleurs roulantes, sauf que nous allons faire venir les fleurs du haut et aller vers le bas. La façon dont nous le faisons va être différente. De cette façon, nous le ferons serait vraiment utile pour les futures animations en boucle. Dans After Effects, créons une nouvelle composition, et nous allons l'appeler fleurs tombantes. Le reste de nos paramètres devrait être exactement le même sauf pour la durée, qui devrait être de 10 secondes, et la couleur de fond, que nous pouvons changer un peu. Je veux changer le mien en bleu ou turquoise. Créons ça. Je vais ensuite ajouter ma composition fleur-3 comme une précomposition à l'intérieur de ma composition de fleurs tombantes. La raison pour laquelle l'arrière-plan ne vient pas avec, est que parce que dans flower-3 quand je l'ajoute à une composition, il est vraiment ajouté comme ça, vous pouvez voir la grille de transparence comme vous le pouvez dans Photoshop. Pour activer cette option, vous pouvez appuyer sur ce bouton Basculer la grille de transparence. Lorsque vous rendez flower-3 seul, il sera rendu avec cet arrière-plan. Si vous masquez l'arrière-plan, vous pouvez modifier les paramètres de rendu pour le rendre sans l'arrière-plan. Que ce soit sur ou hors, lorsque vous allez à des fleurs qui tombent ou des fleurs qui roulent, le fond avec le fond de cette composition. Allons aux fleurs qui tombent. Maintenant, je veux changer les échelles fleur 3, je vais appuyer sur « S » et je vais changer l'échelle à 70 pour cent à nouveau, puis je vais changer le nom de fleur-3 en appuyant sur « Entrée » à la couche 1, puis je vais animer cela. Je vais appuyer sur « P » pour la position, puis commencer à animer la position. Ma position de travail de départ, je veux que ce soit 614 moins 1280, qui est la hauteur des compositions, vous verrez qu'il commence bien là-haut. Ensuite, après deux secondes, et s'il ne va pas exactement où vous voulez qu'il aille, vous pouvez soit appuyer sur « Commande » ou « Contrôle » et à gauche ou à droite sur votre clavier, ou vous pouvez utiliser ce panneau ici pour atteindre une heure exacte. Quand j'arrive à deux secondes, je veux retourner au centre et un autre 1280 pixels vers le bas. Vous verrez que lorsque cela s'anime, il s'anime assez bien, si nous devons ensuite faire glisser notre zone de travail à deux secondes, cela crée une animation de boucle assez agréable, mais vous pouvez clairement voir où elle commence et où elle se termine. Ce que je vais faire maintenant, c'est que je vais dupliquer la couche 1, la commande D, et je vais zoomer sur ma chronologie pour voir 20 images, puis à 20 images, je vais faire glisser mon calque 2 pour commencer là. Il va suivre la couche 1 dans le temps, on y va. Si je dois dire à la couche 2, laissez-moi voir votre opposition, vous verrez que la position est décalée. Maintenant, faisons cela à nouveau, alors allons plus loin 20 images, dupliquez ceci. Au lieu de faire glisser cette fois, je vais juste appuyer sur le crochet gauche, et cela dit à la couche, « Hey you, start here », ces fleurs vont ensuite se suivre. Mais maintenant, si on appuie sur « Play », il y a un saut massif. Ils se suivent, mais au début il n'y a rien là-bas. Il y a quelques façons de le faire, mais la façon que je vais vous montrer est vraiment sournoise et vraiment efficace. Continuons à dupliquer ces couches et à les déplacer de 20 images. Faisons-le à nouveau et allons de l'avant 20 cadres. Maintenant, nous avons deux secondes de zone de travail, donc maintenant ce que j'aimerais faire est que j'aimerais commencer à une seconde et 10 images, comme ça, et je voudrais finir à trois secondes et 10 images. C' est une animation de deux secondes et voyons comment ça fait, il boucle parfaitement. Ce que nous avons fait, c'est que nous avons changé l'heure de début à une seconde et 10 images, puis créé cette animation en boucle en deux secondes sur un tas de calques qui sont séquencés, ce qui est vraiment intelligent, vraiment efficace. Cela signifie que simplement en dupliquant et séquençant un tas de couches, nous pouvons obtenir cet effet qu'il se sent comme si ne sont que des fleurs tombant du ciel, étonnant. Si nous zoomons dessus, nous pouvons le voir un peu plus près. Maintenant, ce qui est vraiment cool à propos des précompositions, et toutes ces précompositions sont la même précomposition, et nous pouvons le voir en cliquant sur le nom de la couche, nous le changeons en nom source, et vous pouvez voir que c'est tout flower-3. Nous le changeons en nom de couche, nous pouvons les nommer au contenu de notre cœur. Si nous devons double-cliquer sur l'un de ces éléments, nous allons ensuite à flower-3 et nous pouvons commencer à changer ces couches. Si je veux changer la couche 3, et changeons sa couleur à quelque chose de bizarre, comme cette grande couleur turquoise. Nous revenons aux fleurs qui tombent, vous verrez que toutes ces fleurs tombantes sont maintenant mises à jour, donc la précomposition est à peu près la même qu'un objet intelligent dans Photoshop. 11. Ondulations continues: Dans cette vidéo, nous allons créer des ondulations infinies. Nous allons consolider tout ce que nous avons appris, et je vais vous montrer quelques nouvelles choses. Ensuite, After Effects, créons un nouveau projet, donc Fichier, Nouveau projet. Nous allons créer une nouvelle composition et nous allons l'appeler ondulation, c' est comme ça que vous épelez ondulation ? Oui. La largeur va être 128, la hauteur va être 1280. Je veux que la durée soit de 20 secondes, et que la couleur de fond soit une couleur vraiment sombre, alors peut-être allons-y pour le noir. Nous avons une composition ondulée ouverte dans notre chronologie, je veux maintenant ajouter une forme. Calque, Nouveau calque de forme, et je veux que la couleur complète soit blanche, et je vais juste définir cela dès le début. Je ne voulais pas ajouter de cercle, donc j'ajoute une ellipse avec l'outil Ellipse, nous allons zoomer sur Command Plus. Ajoutons juste une ellipse. Je maintiens la touche Maj enfoncée afin que la largeur et la hauteur soient proportionnées, et je lâche le bouton de la souris. Ce n'est pas au centre, mais faisons ça maintenant. Calque de forme 1, Ellipse 1, passons à Transformer l'ellipse 1 et définissons les positions x et y à zéro. Nous avons notre configuration de cercle, maintenant ce que je veux faire, c'est que je veux l'animer de rien à une très grande ondulation. Pour cette animation, je veux également ajouter un trait. Ma couleur de contour Je veux qu'il soit blanc et changeons l'épaisseur à 100 pixels. À zéro images, je veux changer mon chemin d'ellipse, je veux changer sa taille de zéro. Au cours de 15 secondes, passons à 15 secondes. Je veux changer ça en quelque chose d'assez grand, donc je vais juste tenir Shift pendant que je fais glisser ça ou frotter ça, zoom-out, et on y va. Au cours de cette période, il va s'animer de zéro à la taille. Ce que je n'ai pas fait, c'est que je n'ai pas activé l'animation d'images clés ici, donc je vais rapidement ajouter l'image clé, donc je vais rapidement ajouter l'image clé, revenir à zéro image et changer la taille à zéro. Cela signifie que dans l'espace de 15 secondes, il va s'animer de 0 à 1971 ou autre, ce qui est assez cool. Vous verrez que ça commence très rapidement avec un point et c'est parce qu'il y a un coup dessus. Ce que je vais faire, c'est que je vais animer l'opacité aussi. Sur le calque de forme 1, à l'intérieur du contenu , à l'intérieur de l'ellipse, je vais accéder à Opacité et à l'ellipse de transformation 1. Je vais définir une image-clé qui serait zéro, puis à environ deux secondes, je vais régler l'opacité à 100. Il va s'estomper et continuer à grandir, ce qui est plutôt cool. Ce que je vais ensuite faire, c'est que je vais estomper le remplissage, donc l'opacité va passer de 100 à zéro dans cet espace de temps. Comme la forme s'estompe, le remplissage s'estompe. C'est plutôt cool. Ce que je veux faire, c'est que je veux animer l'épaisseur du trait. Allons à la largeur de course de 0-10 secondes, je veux animer la largeur de trait de 100 à 0, sorte qu'à mesure qu'elle devient plus grande, l'ondulation s'estompe. Mais pour une raison quelconque, c'est deux. Je vais juste faire glisser ça à zéro à nouveau, et ça a l'air vraiment sympa. Jouons juste ça, nous pouvons l'éditer à un stade ultérieur, mais pour l'instant je pense que c'est un fantastique. C' est une ondulation, et maintenant je veux ajouter cette ondulation à une nouvelle composition. Créons une nouvelle composition, changeons la couleur d'arrière-plan en bleu violet foncé, la durée peut être de 20 secondes. Nous allons vraiment créer une animation d'une ou deux secondes, et changeons ça en ondulations. Nous pouvons renommer ondulation en precomp-ondulation si nous le voulons, puis double-cliquer sur « ondulations » et ajouter précomp-ondulation à la composition de l'ondulation. Ça joue plutôt bien. Ce que j'aimerais faire maintenant, c'est juste dupliquer ça, donc Commandement D, et dans une seconde, j'aimerais dire, « Hey, votre stature. » Puis une seconde seconde, donc à deux secondes, j'aimerais commencer une autre ondulation, puis une autre seconde, j'aimerais commencer une autre ondulation. Je vais continuer à faire ça jusqu'à ce que j'arrive à, disons 15 couches. Si nous devons jouer ça dès le début, vous pouvez voir ce qui se passe. Vous pouvez voir comment le ondulé, audacieux, nous allons juste zoomer un peu. Vous pouvez voir qu'ils vont disparaître, et à ce stade, cela ressemble juste à une animation en boucle. À quel moment est-ce ? Eh bien, à partir d'ici 11 secondes. Commençons notre composition ici, traînons notre espace de travail jusqu'ici. Si vous n'avez pas envie de faire glisser, appuyez simplement sur « B », puis il indique que le début de la zone de travail est ici. Ensuite, après disons une seconde, nous définissons le N de la zone de travail. Nous pourrions faire glisser notre zone de travail ou nous pourrions appuyer sur « N » pour la fin, mais ce que cela fait, c'est qu'il ne définit pas exactement où nous sommes, il le définit à l'image et à l'avant. Laissons simplement le glisser légèrement vers la droite, ou en fait, nous n'avons peut-être pas été exactement là où nous voulons qu'il soit, à 12 secondes, c'est en fait parfait. Quand on joue ça, c'est en boucle, ça a l'air fantastique, on a un tas d'ondulations. La seule chose que je pense ajouter à cela, c'est qu'au lieu de faire 100 pour cent d'opacité pour chaque ondulation, je le change à environ 30 pour cent. Allons en précomp-ondulation, et changeons l'opacité. Si nous faisons simplement glisser cela un peu plus haut, et nous appuyons sur « Shape Layer » et appuyez sur « U », nous obtiendrons toutes les propriétés qui sont animées. Ce que nous faisons ici, c'est que nous modifions l'opacité des cercles pleins, et nous changeons également l'opacité du cercle entier dans le calque de forme 1. Cela signifie qu'à deux secondes, la forme est à 100 pour cent, et je veux qu'elle soit à 30 pour cent, ça a l'air assez bon. Revenons aux ondulations et voyons à quoi ça ressemble. Ça a l'air vraiment cool, ça ressemble à des ondulations infinies, exactement à quoi nous voulions qu'il ressemble, et avoir l'opacité à 30 pour cent crée des effets intéressants ici où il se chevauche avec d'autres couches pour vraiment refroidir. 12. Inspiration et références: Si vous avez besoin d'inspiration et de référence pour les animations en boucle, j'ai créé ce tableau Pinterest appelé Looping GIF. Il y a des images statiques, des vidéos et des GIF animés que vous pouvez consulter. Donc, faites un défilement à travers ça. Ensuite, il y a aussi Dribbble que vous pouvez vérifier. Cette URL est très utile, alors consultez les GIF animés populaires et aussi les GIF animés récents. Ensuite, il y a aussi Ello qui pour les GIF animés est wow, c'est comme un trésor, des choses étonnantes ici. Donc, si vous faites défiler certains de ces GIF animés, c'est incroyable. Vérifiez ces trois liens et vous pouvez toujours aller faire une promenade. Sortez, prenez votre téléphone, prenez votre livre et votre crayon, allez vous inspirer dans le monde réel. Alors si vous voulez voir un peu de mon travail, suivez-moi sur Instagram, Ello ou Dribbble. J' ai posté beaucoup de GIF et de vidéos sur ces plateformes. 13. C'est à vous: Nous avons fait prac, nous avons fait de la théorie, et j'espère que ça vous a été éclairant et utile. Si vous n'avez jamais utilisé After Effects auparavant ou n'avez jamais expérimenté des animations en boucle, je peux comprendre que cela peut se sentir assez écrasant. Si vous en avez besoin, revenez et regardez à nouveau les vidéos. Cela dit, vous auriez dû en apprendre assez au cours des dernières vidéos pour créer des boucles hypnotisantes vraiment cool. Faites des expériences, jouez et amusez-vous. Lorsque vous êtes prêt, téléchargez vos créations votre galerie de projets et intégrez-les en tant que vidéos, ou assurez-vous de télécharger des GIFS dont la taille de fichier est inférieure à deux mégaoctets. Si vous voulez les partager sur les réseaux sociaux et que vous voulez parler de moi, je suis @taptapkaboom. Si vous avez apprécié la classe jusqu'à présent, donnez-lui un pouce vers le haut, et écrivez un avis. Cela aidera d'autres étudiants géniaux à le trouver, et je vais aussi voir où améliorer mes cours. Il y a quelques vidéos bonus après celle-ci où vous pouvez apprendre à importer des illustrations à partir d'Illustrator et Photoshop, à animer sur une timeline dans Photoshop, à séquencer automatiquement vos calques dans After Effects, et comment utiliser le code pour randomiser les propriétés de couche dans After Effects. Ces vidéos sont toutes des vidéos bonus, donc vous ne manquerez pas trop si vous ne les regardez pas, mais si vous voulez en savoir plus sur After Effects, allez-y et regardez-les. Ok, tu roches et je salive littéralement sur ce que tu vas créer. 14. Bonus : travailler avec des fichiers Illustrator et Photoshop: Dans cette vidéo, je vais vous montrer comment utiliser vos illustrations d' Illustrator dans After Effects, et de Photoshop dans After Effects. Je vais également vous montrer comment copier et coller un chemin d'Illustrator dans After Effects. Commençons par Illustrator. Disons que vous avez des illustrations lisses, dans ce cas, il s'agit d'un peu d'art symétrique, et ressemble beaucoup aux fleurs avec lesquelles nous avons travaillé plus tôt. Les couleurs sont belles, mais vous l'avez conçu comme quelque chose de plat. Mais maintenant que vous voulez l'animer, vous ne voulez pas avoir à recréer le tout dans After Effects. Qu'est-ce qu'on fait ? Eh bien, nous pouvons simplement l'importer dans After Effects, mais avant de le faire, nous devons préparer un peu notre fichier. Chaque élément que nous voulons animer doit être sur son propre calque séparé. Nous pourrions aller et couper, puis créer un nouveau calque, et le coller, ou si nous avons quelque chose comme ça, nous pourrions tous les sélectionner, alors nous pourrions aller dans le panneau de notre calque, cliquer sur les petites lignes ici, et dire libération dans la séquence de couches, ce qui créerait alors un tas de couches ou de sous-couches à l'intérieur de la couche 1. Nous allons ensuite faire glisser tous les calques au-dessus du calque 1, puis supprimer le calque 1. Chaque élément est maintenant sur sa propre couche. Une autre chose que j'aimerais que vous soyez au courant, c'est que si vous avez des ombres portées à l'intérieur d'Illustrator, une fois que vous les avez prises dans After Effects, vous ne pourrez pas les changer là-bas, vous devrez retourner à Illustrator pour les changer. En outre, si vous recréez les ombres dans After Effects, vous pouvez les animer, ce qui est vraiment cool. Ce que je vais faire ici, c'est que je vais sélectionner tous mes calques à l' exception de mon calque 10 qui sera mon calque d'arrière-plan. Je vais aller dans le panneau d'attributs, et juste basculer la visibilité de l'Ombre portée. Ça n'a pas l'air si punchy maintenant, mais c'est bon. Nous allons enregistrer ceci, donc File, Save. Nous allons ensuite aller à notre Finder, et vous verrez qu'il y a un star.ai. Ensuite, nous allons dans After Effects, et à partir de là nous allons Fichier, Importer Fichier. Nous pouvons également appuyer sur Commande I ou nous pouvons double-cliquer à l'intérieur de ce panneau de projet. Je vais sélectionner mon start.ai et je veux l'ouvrir. Je veux l'importer en tant que composition, pas en tant que séquences. Si je l'importe en tant que métrage, c'est essentiellement un fichier plat, c'est comme un JPEG. On ne veut pas faire ça. Je veux dire Composition et Dimension du métrage, je veux conserver la taille du calque. Dans ce cas, cela n'a pas vraiment d'importance, mais je préfère utiliser la taille du calque juste parce que cela signifie qu'il n'y a pas d'espace sur le bord de chaque calque. Ce que cela fait, c'est qu'il crée une composition, et il nous donne accès à toutes les couches, de sorte que nous pourrions réellement ajouter couche par couche dans une composition. Si nous allons dans la composition des étoiles et nous allons zoomer, il a une résolution complète. Nous pouvons voir que nous avons de nouveau notre étoile dans After Effects, et nous pouvons animer tous les calques. Si je voulais animer une rotation, j'appuierais sur R ici et puis juste comme ça je pourrais animer une rotation. Si je voulais ajouter une ombre portée, je ferais un clic droit, je défilerais vers le bas jusqu'aux styles de calque et je suis arrivé à Ombre portée, juste comme ça. C' est le moyen le plus simple d'obtenir des fichiers Illustrator dans After Effects. L' autre chose que je veux vous montrer à propos d'Illustrator avant de passer à Photoshop est comment copier et coller un chemin. Si nous créons une nouvelle composition et que nous l'appelons simplement path-example, si je vais dire Calque, Nouveau, Calque de forme, et que j'utilise mon outil de stylet, donc avec un outil de stylo, vous pouvez à peu près créer n'importe quelle forme que vous voulez. Si je ne fais pas cela, annulez simplement, et je crée juste un point avec mon outil de stylet, puis je passe à Illustrator et je sélectionne le chemin. Avant de le copier, je vais à Préférences Fichier ou Illustrator et Gestion des fichiers et Presse-papiers, je m'assure qu'il y a AICB, pas de prise en charge de la transparence, case à cocher est cochée et qu'ils sont conservés chemins est sélectionné. Je copie ensuite ceci. Donc, Edit, Copy, puis revenez à After Effects, et je le colle ici. Donc, Edit, Coller, vous verrez que maintenant il a collé les chemins. Il s'agit en fait d'un calque de forme. Ma forme 1 fait partie du calque de forme. Je peux éteindre le trait, je peux changer la couleur, je peux faire ce que je veux. Je peux même manipuler le chemin au fil du temps. L' autre façon de le faire n'est pas avec le calque de forme, mais avec n'importe quel autre calque. calque de forme fonctionnerait également, mais il est plus facile de l'expliquer avec un autre calque. Donc, Layer, New Solid et le solide peuvent être un solide rouge. Fantastique. Si je le colle maintenant, donc Edit, Coller, ce que cela fait c'est qu'il crée un masque. Nous n'avons pas beaucoup exploré les masques dans cette leçon, mais c'est à peu près la même chose qu'un masque Photoshop ou un masque Illustrator, et vous pouvez l'inverser pour donner l'impression qu'il est perforé. Vous pouvez modifier le chemin du masque au fil du temps. Vous pouvez mettre le masque en plumes, donc il semble qu'il soit un peu flou. Vous pouvez changer l'opacité du masque, et vous pouvez également définir l'expansion du masque, et animer toutes ces propriétés, ce qui est vraiment, vraiment amusant. C' est ça du côté d'Illustrator, je vais vous emmener à Photoshop. Si nous allons à Photoshop et nous avons, wow, une illustration, une œuvre d'art. C' est à peu près le même que ce que nous avions dans Illustrator, sauf que toutes les ombres portées sont des styles de calque dans Photoshop. Ce que nous pouvons faire ici est à l'intérieur d'After Effects, ce que je vais faire, c'est que je vais double-cliquer ici, ou appuyer sur Commande I. Je vais ensuite importer star.psd, et je vais l'ouvrir. Encore une fois, j'ai la possibilité d'importer, et il y a des tailles de calque, de composition ou de conservation de la composition, que je vais utiliser. Vous voulez ensuite dire Styles de calque modifiables, cela signifie que vous pouvez modifier les ombres portées ou fusionner les styles de calque dans le métrage. Je voudrais modifier les styles de calque. Ouvrons l'étoile 2, qui est notre psd, et vous verrez ici que les styles de calque viennent avec elle. Il y a un tas d'options différentes ici, mais vous verrez que l'ombre portée a quelques paramètres qui viennent de Photoshop, ce qui est vraiment puissant, vraiment cool. Ce que vous devriez savoir, et je vais juste annuler, annuler, annuler, annuler juste pour que nous ne l'ayons plus, c' est que dans Photoshop, est que dans Photoshop, si vous sélectionnez deux couches et que vous les regroupez, alors nous allons simplement grouper ceux-là, et je l'enregistre, puis je vais à After Effects, et j'appuie sur la commande I pour importer et j'importe start.psd, et je choisis tous les mêmes paramètres, vous verrez que quand j'ouvre star 2, mon groupe est une précomposition. Ce qui n'est pas idéal, mais je peux ensuite les éditer ou éditer cette précomposition. Tous ces éléments seront disponibles à l'intérieur de Star 2 couches. Je pourrais théoriquement traîner dans l'étoile 4 comme ça. autre grande chose avec l'importation de fichiers Illustrator et Photoshop est que si je vais à Illustrator et que je change l'une de ces couleurs à une couleur hideuse, comme le jaune, je puis Commande S, ce qui signifie que j'enregistre, et puis je Revenez à After Effects, si j'ouvre mon étoile, vous verrez qu'elle est mise à jour, et une autre chose intéressante à propos de l'importation de fichiers Illustrator est qu'ils sont vectoriels, cela signifie que je peux les mettre à l'échelle sans les pixelliser. Si nous augmentons la taille du calque 2 ou nous allons aller pour la taille du calque 3, et que nous appuyons sur S pour l'échelle, et que nous l'mettons à l'échelle vers le haut, vous voyez que lorsque nous zoomons, il est pixélisé et nous ne sommes qu'à 50 % de zoom. Je croyais que tu disais que c'était un vecteur. Eh bien, vous voyez ce petit soleil ici, si nous cliquons juste pour cette couche, vous verrez qu'il devient soudainement clair, et c'est parce que si vous passez la souris dessus, il est dit, pour la couche vectorielle, il rasterise continuellement », ce qui signifie qu'il reste croustillant. Maintenant, si nous devons aller à l'étoile 2, qui est notre document Photoshop, et nous devons zoomer, et faire la même chose pour la couche 3, appuyez sur S pour l'échelle, et cela a été pompé, vous verrez qu'il pixélise. Vous souhaitez déterminer où vous souhaitez importer votre illustration ou où vous souhaitez créer votre illustration. Voulez-vous le créer dans Illustrator parce que vous êtes juste habitué à cela ? Voulez-vous le créer dans Photoshop parce que vous y êtes habitué ? Vous pouvez ajouter vos styles de calque qui fonctionneront dans After Effects. Souhaitez-vous tout créer dans After Effects ? Votre style et le type de projet déterminent ensuite où vous créez votre illustration, où vous créez vos ressources et comment vous procédez à la création de vos animations. 15. Bonus : séquençage automatique de vos calques: Dans cette vidéo, je vais vous montrer comment automatiser le séquençage de vos couches. Rappelez-vous dans notre animation d'ondulations ou boucle d'ondulations, nous avions cette belle animation d'ondulations allant du centre qui durerait pour toujours, pour l'éternité, et rappelez-vous combien de sueur nous avons dû casser pour aller et dupliquer la première couche, puis déplacez-le à une seconde, puis dupliquez ce calque et déplacez-le à deux secondes, etc. Je vais te montrer un moyen très facile de le faire. Si nous sélectionnons tous nos calques et que nous appuyons sur le crochet gauche, tout notre travail est parti. Cela signifie qu'il n'y a qu'une seule animation, toutes au-dessus de l'autre. Maintenant, ce que je peux faire, c'est que je peux les séquencer automatiquement. Je fais défiler vers le bas, je sélectionne le calque inférieur, calque 16, puis fais défiler vers le haut et maintenez Maj enfoncée, je sélectionne mon premier calque. L' ordre dans lequel vous le faites est important. Le premier viendra en premier et le dernier sera séquencé en dernier. Ensuite, je peux aller Animation, Assistant d' images clés, puis Calques de séquence. Je peux alors choisir Overlap, puis la durée que je chevauche est la quantité de précompositions. Dans ce cas, c'est 20 secondes moins l'écart entre les couches, ce qui dans notre cas est un. Donc 20 moins 1 est 19. D' accord. Tout comme ça, nous avons des couches séquencées, sorte que lorsque nous arrivons à notre zone de travail, tout le travail est fait. Fantastique, non ? Incroyable. Maintenant, si notre ondulation de précomposition était, disons 10 secondes, alors nous sommes allés à Composition et avons changé les paramètres de composition pour, passons à 10 secondes, nous sommes retournés aux ondulations, et nous avons recommencé. Nous devons ensuite sélectionner notre calque inférieur, Maj soulever notre calque supérieur, aller à Animation, Assistant d'images clés, Calques de séquence, et au lieu de 19, ce qui ne fonctionnerait pas du tout ici, nous devrions aller à Animation, Assistant d'images clés, calque de séquences. Nous devrions aller 10 secondes moins 1, ce qui serait neuf secondes, qui nous donnerait exactement le même effet, maintenant que nos précompositions sont de 10 secondes plus courtes. Fantastique. Donc je t'ai fait gagner un tas de temps. Vous devez en savoir un peu plus pour le faire, mais wow, c'est incroyable. 16. Bonus : effets et expressions: Dans cette vidéo, je vais vous montrer comment utiliser le code dans After Effects pour randomiser les propriétés d'un calque, propriétés comme la position, l'opacité, la rotation, échelle et même certains effets que nous appliquons au calque. On va finir par créer quelque chose comme ça, et ça va se sentir comme une fête ou ça va se sentir comme du trafic, peu importe. Ça va être amusant. Alors commençons. Une fois que nous avons créé un nouveau projet et After Effects, nous créons une nouvelle composition, et cette nouvelle composition sera appelée precomp1. Il aura une hauteur de 50 pixels, et il aura une durée d'une minute. La hauteur de 50 pixels est parce que nous n'avons pas besoin 1280 pixels entiers pour animer quelque chose allant de gauche à droite qui ne fait que 50 pixels de haut, et la durée est immatérielle, mais j'aime juste utiliser une minute pour que On peut avoir beaucoup de place pour jouer et je peux te montrer quelque chose de vraiment cool. Ok, donc tu as le précomp1. Je vais ajouter un calque, et ce sera un calque de forme, et dans ce calque de forme, je vais ajouter un carré. Quand j'appuie sur « Maj », il y aura un carré et je vais le mettre au milieu pour l'instant. Ensuite, je vais m'assurer que c'est 50 pixels par 50 pixels. Ensuite, je vais le repositionner pour qu'il soit à gauche de la composition. Alors allons-y à moins 640 qui le met là, qui est presque à gauche, mais pas tout à fait. Donc parce que je sais que c'est 50 pixels de haut et 50 pixels de large, je vais juste ajouter la moitié de 50, soit 25, à la position et là on va, c'est exactement au bon endroit maintenant, je vais ensuite animer la position, et dans une seconde, je vais changer de position à 640. Encore une fois, je vais juste à moins 25 pour l'amener à la bonne position. Donc, cela va animer de gauche à droite. Au lieu de changer la zone de travail à cette position, à une seconde, je vais faire boucler cette position continuellement. Il y a quelques façons de le faire. Une façon serait d'aller un cadre vers la droite et de copier et coller ces cadres, comme ça, puis de le faire à nouveau, un cadre vers la droite, puis coller les cadres de sorte que maintenant, quand je la joue, il boucle. Super. Mais maintenant que se passe-t-il si je veux changer les choses ? Si je maintiens la touche Alt enfoncée et que je clique sur le chronomètre, vous verrez que les valeurs deviennent rouges. Ce que cela me permet de faire est de manipuler la position de ce rectangle sur ce calque. Je vais entrer dans d'autres exemples de codage plus tard dans cette vidéo, mais pour l'instant, ce que je veux faire est que je veux faire en boucle ces valeurs. Nous pouvons le faire en tapant LoopOut et entre guillemets simples ou doubles serait juste de taper cycle. Qu' est-ce que c'est, c'est un morceau de code JavaScript. After Effects comprend JavaScript donc quand je lis ce cycle de boucle, il le fait. Il continue juste de boucler. Si nous diminuons la durée de ces deux images clés, vérifiez cela, et si nous augmentons la durée, vous verrez tous ces petits points verts apparaissant. C' est parce que c'est en boucle. Vérifie ça. Donc c'est vraiment cool. On va s'en servir beaucoup. Je vais juste déplacer cette image clé à une seconde. Nous avons donc cette animation en boucle sans changer réellement notre zone de travail de fin, les points de départ. Ce que j'aimerais faire maintenant, c'est changer l'opacité au fur et à mesure qu'elle entre et sort. Au début, j'aime que l'opacité commence à zéro. Puis environ 15 secondes, j'aimerais que l'opacité passe à 100 pour cent, puis quand il arrive à une seconde, j'aime que l'opacité passe à zéro. Maintenant, regarde ça. Rien là, c'est parce que c'est en boucle la position, mais l'opacité est à 2 pour cent, ce qui devrait être à zéro pour cent. Vous devriez vérifier ceci, zéro, 100 et zéro à nouveau. Donc, je vais copier le cycle LoopOut, puis je vais maintenir la touche Alt ou Option enfoncée et cliquer sur un chronomètre et coller ce cycle LoopOut. Donc maintenant, il passe à travers ces deux propriétés, à fois la position et l'opacité. La prochaine chose que je veux faire est que je veux changer l'échelle aussi et ensuite passer d'un 100 pour cent, passons à l'image 15, 100 pour cent est bon là-bas et puis passons à l'image 30, 100 pour cent là-bas. J' aimerais changer ça à, eh bien, pas moins 217, je veux le changer à zéro, et la même chose avec la première image à zéro. Je vais maintenir Alt et cliquer sur le chronomètre, puis coller le cycle LoopOut à nouveau. Donc cela signifie qu'il devient plus grand et qu'il s'estompe et s'estompe. C' est une sorte d'animation cool. Je vais le laisser tel qu'il est pour l'instant, mais plus tard, je reviendrai et je changerai quelques propriétés à nouveau. La prochaine chose que nous voulons faire est de créer une nouvelle composition. Encore une fois, il peut durer une minute, mais la hauteur que je vais changer à 1280. Maintenant, nous avons ce comp1 et nous pouvons l'appeler partie. Ensuite, je vais ajouter precomp1 à cette composition. Zoom arrière et nous allons juste prévisualiser ceci. Alors maintenant, quand on joue, on voit que les choses fonctionnent ici. Mettons-le juste visible. Quand je le duplique, il duplique juste au même endroit, pas vraiment ce que nous voulons. Donc, ce que je vais faire maintenant, c'est que je vais randomiser un tas de ces propriétés precomp1. Commençons à randomiser sa position, son échelle, sa rotation et son opacité. Je ne m'attends pas à ce que vous compreniez exactement ce qui se passe avec JavaScript ou ces extraits de code que nous mettons dans, ils sont en fait appelés expressions, mais je m'attends à ce que vous copiiez et collez ce que je vous donne et jouez avec eux. Je vais faire la même chose juste pour que je ne fasse pas Babylone à propos du code. Je vais vous donner un document où vous pouvez copier et coller comme vous le souhaitez. Pour la position, par exemple, vous sélectionnez tout cela, vous le copiez, puis revenez à After Effects, puis dans votre position, vous maintenez Alt, puis cliquez sur le chronomètre, puis vous le collez. Vous cliquez sur Alt et tout d'un coup, vous voyez que cette chose a une position aléatoire et puis le mettre là-haut. Maintenant, ce qui se passe ici, c'est que la ligne Seedrandom, elle dit essentiellement, « Hey, on doit faire ça au hasard, mais alors ne le change pas. » Donc, si je devais supprimer cette ligne de sedrandom, vous verrez que chaque image, cette composition est à une position différente, ce qui est problématique. Donc je vais annuler ça. Donc, cette ligne de sedrandom est vraiment précieuse. Puis, à la fin, je dis essentiellement, pour cette composition, à ce stade, je veux vous donner une position x et une position y. C' est à peu près tout ce que vous devez savoir. Si je devais dupliquer cela, vous pouvez voir que chaque couche commence alors à une position différente, ce qui est incroyable. Donc, je vais simplement les supprimer et continuer à randomiser l'échelle, la rotation et l'opacité. Si je retourne à mon document, copions l'échelle. Revenons à After Effects, maintenez la touche Alt, cliquez sur le chronomètre et collez l'échelle. Ce que je fais ici, c'est que je mets une échelle aléatoire entre 20 et 150, alors que ma position, je mettais une position aléatoire entre zéro et 1280. Pour la rotation, c'est un peu différent. Nous allons randomiser une valeur comprise entre 0 et 360. Alors faisons une rotation, maintenez Alt et collez, ce qui nous donne quelque chose ici. Donc, si nous devons dupliquer ceci maintenant, vous verrez qu'il change de position, d'échelle et de rotation. Je vais juste annuler. La dernière chose à faire, c'est l'opacité. Copions ceci, et je vais définir une opacité ou une opacité aléatoire entre 20 et 100. Alors maintenez Alt, cliquez là, collez, puis cliquez sur Alt et cela me donnera une opacité aléatoire. Donc celui-ci à 63 ans en ce moment. Fantastique. Si je devais dupliquer ça, on pourrait avoir des effets assez beaux. Appuyez sur « Jouer ». C'est plutôt cool. Nous avons une animation en boucle, alors si nous devions séquencer les calques, nous aurions cet effet vraiment intéressant. Nous allons séquencer les couches tout à l'heure. Mais avant de le faire, j'aimerais ajouter quelques effets à ces couches. Je vais les supprimer à nouveau, et avec un calque sélectionné, je vais maintenant ajouter un effet. Nous allons à Effect et wow, il y a beaucoup d'effets ici. Vous pouvez les regarder à travers, les parcourir, les essayer. Ce que je veux ici, c'est la correction des couleurs, la teinte et la saturation, ce qui est tout le long ici. L' autre façon de le faire est d'aller à Fenêtre et d'ouvrir votre fenêtre Effets et Préréglages, qui est juste ici. Ici, vous pouvez rechercher un effet. Je vais chercher la teinte, et voilà, la saturation de la teinte. Vous le faites ensuite glisser sur votre calque, et vous verrez que cette fenêtre apparaît ici et qu'il s'agit d'un autre onglet de votre projet. Vous avez obtenu votre onglet Projet, puis vous évaluez vos effets et vos contrôles. Maintenant, tous vos effets peuvent être trouvés dans cette petite liste déroulante, donc la saturation de la teinte. Mais ils peuvent également être trouvés dans cette fenêtre ici, qui peut parfois être un peu plus facile à travailler. Ce que je veux faire, c'est que je veux coloriser ma couche et ensuite je veux m'assurer que la saturation est à 100. Ça va toujours être très brillant. Ensuite, je veux randomiser la teinte et je suis allé randomiser la ressemblance. Encore une fois, j'appuie sur Alt et je clique sur « Colorize Lightness ». Ici, je peux coller une autre expression. Ma légèreté, je vais randomiser la ressemblance entre le négatif 50 et le négatif 20. Collons-le ici. Allons randomiser la teinte de couleur. Si je maintiens un Alt et je clique à nouveau, je peux entrer la valeur là. La teinte, je vais juste copier ça et venir à After Effects, et je colle. J' ai ce carré totalement aléatoire qui s'anime à travers l'écran. Si je duplique ensuite ce précomp, vous verrez un changement, toutes sortes de choses. Quand j'appuie sur « Play » maintenant, ça a l'air vraiment bien, n'est-ce pas ? Ce que je vais faire maintenant, c'est que je vais dupliquer cette couche de précomposition environ 30 fois. J' en ai 16 ici. Je vais appuyer sur Apple D, une fois que je les ai tous sélectionnés, et tout d'un coup, j'en aurai 32, ce qui est génial. Je vais enlever 31 et 32, et ensuite j'aurai 30 couches. Maintenant, je veux les séquencer, alors laissez-moi les séquencer. Je vais les faufiler tous, je vais commencer par le bas, puis aller jusqu'au sommet et dire Animation, Assistant d'images clés, Calques de séquence, et je veux se chevaucher et ma durée est une minute moins une image parce que je veux que le décalage soit juste une image. Allons 59 secondes et 29 images. Nous verrons ici en faisant un zoom avant, qu'au cours d'une seconde, chaque image, il y a une nouvelle chose qui se passe. Je vais devoir zoomer et passer à une seconde, et j'ai dû régler mon espace de travail à une seconde, comme ça. Quand je joue ça, vous verrez cette fête, ce qui n'est pas exactement exact parce que cette animation n'a toujours pas eu le temps de faire quoi que ce soit. Allons faire avancer ça, pour qu'une seconde on commence à devenir fous. Il suffit de dupliquer ceci une fois de plus et de le déplacer sur une image. Ensuite, nous pouvons commencer à une seconde, et nous pouvons faire commencer notre boucle à une seconde et aller jusqu'à deux secondes. Maintenant, lorsque vous appuyez sur « Play », nous avons eu cette boucle incroyable. Nous avons un tas de carrés qui ont une capacité aléatoire, une rotation, une couleur aléatoire, une échelle aléatoire, tout est aléatoire à leur sujet. Ça a l'air incroyable. Maintenant, ça a l'air assez placide. Ça a l'air cool. Votre oeil est attiré par différentes choses à différents moments, et c'est intéressant, il y a beaucoup d'éléments. Mais bien sûr, ils sont le même élément. Il y a un moyen de changer. Le précomp1, je vais dupliquer ça. Je vais aller dans precomp2 maintenant, et si c'était un rectangle. Eh bien, je vais changer ça. Je vais changer sa rondeur à 100, et tout d'un coup ça devient un cercle. Je retourne à ma composition de fête, et voyons, pour 15 de ces couches, je vais tous les sélectionner et ensuite je vais faire glisser dans precomp2. Puis tout en tenant Alt, je lâcherai le précomp1. Tout d'un coup, ils changent en precomp2. Cela signifie que la moitié de mes precomps sont maintenant precomp2, et l'autre moitié, sont precomp1. Voyons voir à quoi ça ressemble. Maintenant, nous avons des cercles et des carrés, ce qui est encore plus intéressant. Ce qui est plus cool est qu'à l'intérieur de precomp2, nous pouvons changer d'autres choses en plus juste la rondeur de la place. Ce que j'aimerais changer maintenant, c'est la rotation d'un calque. Au lieu de changer la rotation de la forme réelle, j'aimerais changer la rotation du calque lui-même. Animons la rotation à une première image clé, puis à une seconde, j'aimerais changer ceci à 360 degrés, qui est une rotation. Vous verrez ce qui se passe ici. Si je fais un zoom arrière, tu verras que, oh, les choses deviennent dingues. Il y a des choses de rotation bizarres qui se passent ici, et c'est parce que la couche entière change ou tourne. Ce qui est vraiment cool. Ce que je vais faire sur cette rotation, c'est que je vais ajouter une expression qui dit, cycle LoopOut, juste pour qu'elle continue encore et encore. Mais vous vous demandez peut-être, eh bien, nous ne le verrons pas parce qu'il est coupé ou qu'il est recadré. Ne le vois pas, eh bien, donc on ne voit qu'un peu là-bas, vrai. Maintenant, si on va à Party, on peut voir ça, hé, c'est vrai. Ce qui peut être cool parfois, mais pas rarement. Ce que nous pouvons faire ici, c'est que nous sélectionnons toutes les couches précomp2, puis nous vérifions cette petite boîte solaire. Cela signifie que pour une couche de composition, qui est une couche de composition, elle réduit toutes les transformations. C' est essentiellement de la magie. Cela signifie qu'il n'y a pas de recadrage qui se produit. Maintenant, il y a une fête vraiment cool qui va arriver. Donc nous avons ces carrés qui volent par endroits. On a ces cercles qui font des rotations manuelles autour du spectacle. C'est plutôt génial. Mais la seule chose qui va améliorer cela en plus d'ajouter plus de précompositions est de faire plus de compositions. Pour le moment, nous avons 30 compositions. Si nous sélectionnons tous ces éléments et appuyez sur Commande D et les déplacons vers le haut, nous pouvons changer la couleur du calque si nous le voulons. On en a maintenant 60. Vous pouvez aller ici, plus vous agile, et plus fou cette composition va obtenir, et toutes les boucles et il sans couture, incroyable. C' est le pouvoir du code. C' est le pouvoir des expressions. C' est le pouvoir du hasard. Amuse-toi bien avec ça. Copier et coller. Faites des recherches sur les expressions si vous le souhaitez. Encore une fois, rends-le. Allez sauvage. 17. Bonus : animation dans Photoshop: Dans cette vidéo, je vais vous montrer qu' After Effects n'est pas le seul enfant cool sur le bloc, Photoshop peut aussi faire des trucs de mouvement cool, peut-être pas aussi intense et peut-être pas avec un contrôle aussi fin et il peut ne pas être aussi puissant, mais vous pouvez toujours l'utiliser, en particulier pour les animations simples. J' ai un document 1282 par 1282 ici. Je vais aller à Fenêtre, je vais faire défiler vers le bas jusqu'à ce que j'arrive à Timeline. Je vais faire apparaître cette petite Timeline, je vais la traîner jusqu'à ce que j'obtienne cette barre bleue, et puis bam, j'ai une chronologie. Je dis ensuite « Créer une chronologie vidéo ». Si je ne vois pas cela et que je vois Create Frame Animation, il suffit de cliquer sur la liste déroulante et de dire « Create Video Timeline », puis vous appuyez simplement sur le bouton et bam, vous avez une chronologie. Si vous avez un calque zéro et qu'il ne s'agit pas d'un calque d'arrière-plan, vous pouvez toujours aller à Calque, Nouveau, Arrière-plan du calque, et voilà, vous avez un arrière-plan. Maintenant, faisons une forme. Créons un rectangle, un carré, et je vais juste vous montrer comment faire une simple rotation. Allons créer un carré 400 par 400. Mettons-le au milieu. Fantastique. Vous verrez que, si nous nous contentons d'évoquer le panneau, cela est assez similaire à After Effects. Nous pouvons animer la position, l'opacité, nous pouvons animer le style, la position du masque vectoriel, activer le masque vectoriel, qu'est-ce que c'est ? Eh bien, le fait est que si nous essayons d'animer la position d'une forme, ça va le mono. Donc, cela va dire, « L'animation de la position du calque peut n'avoir aucun effet. Vous devrez peut-être animer le masque. » Gardez cela à l'esprit si vous souhaitez animer la position d'un calque de forme. Je vais juste enlever ça pour l'instant et rastériser ça. Donc, faites un clic droit sur « Rasterize Layer » et tout d'un coup, hey, nous pouvons animer la position. En une seconde, nous pouvons déplacer ça et nous pouvons apporter notre espace de travail pour que quand nous jouons ça, hé, ça fasse quelque chose de nouveau. Si ce n'est pas le cas pour vous, appuyez sur cette petite icône ici et sélectionnez « Loop Lecture ». C' est vraiment la position, fondamentalement. Supprimons simplement toutes les images clés. Mais où est la rotation ? Je veux faire tourner ça. C' est un peu compliqué dans Photoshop, donc la meilleure chose que vous pouvez faire ici est de cliquer avec le bouton droit de la souris et de dire « Convertir en objet intelligent ». Ensuite, vous aurez cette propriété Transform. Si nous voulons transformer cela en une seconde, cliquez simplement sur le chronomètre et puis en une seconde comme ça, nous pouvons aller « Command-T » ou « Modifier », « Transformer libre ». On peut commencer à tourner ça. Si vous maintenez la touche Maj enfoncée, elle tournera en gros morceaux. « Entrer » et on voit ça, hé, ça tourne. Les choses ont l'air bien. Mais maintenant ce que Photoshop n'a pas, c'est qu'il ne comprend pas que quelque chose peut faire pivoter à 360 degrés, puis plus encore. Si nous transformons cela à nouveau, et nous devions faire rond et rond, puis appuyer sur « Entrée », puis sur « Jouer », hey, ce ne bouge pas du tout. Ne pense pas que c'est un tour de l'œil, ça ne bouge pas si vite que tu penses qu'il est stationnaire. Cette chose, en fait, ne bouge pas du tout. Parfois, il se déplace même vers l'arrière ou tourne dans le sens inverse des aiguilles d'une montre lorsque vous voulez qu'il tourne dans le sens des aiguilles d'une montre. Vérifie ça. C'est vraiment frustrant. La façon dont j'ai réussi à le faire est de supprimer cette image clé, et sur une période de quelques secondes ou quelques images, je peux ensuite la tromper en le faisant. Si je tourne juste de 90 degrés ici, fantastique, allez à 20 images, tournez de 90 degrés ici, puis passez à une seconde et tournez de 90 degrés ici. Si j'appuie ensuite sur « Play », il tournera un peu plus vite. On y va. Nous avons une animation en boucle dans Photoshop que nous avons faite dans Photoshop, et à partir d'ici, vous pouvez l'exporter, vous pouvez « Fichier », « Exporter », « Enregistrer pour le Web » ou vous pouvez « Render Video ». 18. Bonus : parents, accélération, inversion des masques: Dans cette vidéo, je vais vous montrer comment utiliser la parentalité des calques, l'assouplissement des images clés et les masques inverses pendant que nous créons une animation de lettre sexy en boucle, quelque chose comme ça. Nous allons commencer dans Illustrator. Allons utiliser notre outil Type. Cliquez n'importe où sur votre plan de travail et appuyez sur « Maj Z » pour obtenir un z. Vous pouvez utiliser n'importe quelle lettre que vous voulez. J' aime vraiment utiliser z parce que c'est symétrique. Appuyez sur « Échap », puis nous allons simplement le mettre à l'échelle. Maintenez la touche Maj pour le rendre proportionnel. Ça a l'air plutôt bien. Ensuite, nous allons convertir en contour. « Tapez », « Créer des contours ». Cela signifie qu'on ne peut plus l'éditer, mais c'est bon. Cela signifie que nous pouvons placer cela au milieu de notre plan de travail. Avant de passer à After Effects, nous venons de vérifier que notre paramètre AICB est coché. AICB, oui, c'est vérifié. Cela signifie que vous pouvez copier ce chemin dans After Effects et vous assurer que Conserver les chemins est sélectionné. Allons dans After Effects maintenant. Nous avons une composition ici. C' est 1 280 sur 1 280. Il a une couleur de fond de noir, et il fait 30 secondes de long. Ce que je veux faire ici, c'est simplement créer un calque de forme, donc « Calque », « Nouveau », « Calque de forme ». Ensuite, le calque de forme, je veux simplement créer un carré. Créons un carré maintenez « Shift » enfoncé pour le rendre carré. Alors, nous voulons centrer ça. Nous allons transformer Rectangle 1, x position zéro, y position zéro. Maintenant, c'est au milieu. Ce que je veux faire maintenant, c'est que je veux changer la taille pour quelque chose de assez grand. Si nous changeons cela à 1 280, qui serait la largeur et la hauteur de la composition, cela semble assez bon. Mais maintenant, parce que nous allons faire tourner ce carré, si nous allons tourner ici, quand vous tournez, nous pouvons voir l'arrière-plan, ce qui n'est pas idéal. Vous voudrez peut-être que vous puissiez le tester, mais pour l'instant, ce que j'aimerais faire est d'augmenter ce chiffre à environ 2 000. Ouais, ça a l'air bien. Je vais entrer dans 2 000. On y va. Quand on fait pivoter cela, on voit que nous ne pouvons plus voir l'arrière-plan, ce qui est fantastique. Maintenant, revenons à Illustrator. Nous sélectionnons simplement notre zed ou notre z et allons « Modifier », « Copier », revenir à After Effects, puis cliquez sur votre calque, puis « Modifier », « Coller ». Juste comme ça, on aura un masque Zed ou un masque Z. Lorsque vous ouvrez votre calque ici, vous verrez le contenu et les masques. Maintenant, c'est vraiment masquer tout, mais le z. je veux vraiment percer un trou zé dans cette couche. Je vais cliquer sur « Inversé ». Voila. J'ai un trou dans ma couche et c'est un trou Zed. Fantastique. Renommons simplement ce z1. Ce que je vais faire maintenant, c'est que je vais changer la couleur d'arrière-plan de la composition, donc « Composition », « Paramètres de composition ». On va le changer en gris clair pour l'instant pour voir les ombres portées, « Ok. » Je vais faire un clic droit sur mon calque z1 et nous allons dans les styles de calque et mettre une ombre portée. On y va. Voyons simplement nos paramètres d'ombre portée ici. Changez-le à 50 pour cent d'opacité. Changons l'angle à 90 pour cent, la distance à 10 pour cent, et la taille à 20. Ça a l'air plutôt bien, je crois. Ouais, ça a l'air génial. Maintenant, ce que j'aimerais faire, c'est que j'aimerais dupliquer ça quatre fois, donc 1, 2, 3, 4. Nous allons maintenant avoir cinq couches de zed et ils auront des masques. La prochaine chose, revenons à Illustrator et réduisons tout de suite. Avec l'outil d'échelle, vous pouvez appuyer sur S ou utiliser cet outil ici. Si vous double-cliquez dessus, nous pouvons le réduire. Si je prévois ça, je vais le réduire de 90 pour cent. Appuyez sur « Ok. » Maintenant, ce que j'aimerais faire, c'est que j'aimerais le sélectionner à nouveau et le copier. Je vais aller « Commandement C. » Ensuite, vous allez à After Effects. Maintenant, z5 est ma couche supérieure, z4 est ma couche supérieure suivante, et ainsi de suite. Ce que je vais faire maintenant, c'est que je vais aller à la z4, je vais aller à Masques. Ou ce que je pourrais faire, c'est que je pourrais sélectionner tous ces calques et juste appuyer sur « M » pour les masques. Je vais aller au masque z4 1 et appuyer sur « Commande, V. » Juste comme ça, tu verras ça, hé, j'ai maintenant un masque plus petit. Vous pouvez voir que nous commençons à créer cet effet superposé vraiment agréable. Nous allons continuer à le faire pour chaque couche. Je vais à nouveau réduire cette échelle. Allons-y à 90. Je vais le copier. Je vais aller dans After Effects, je vais aller à z3, je vais aller à son masque, et « Commandement, V. » Ensuite, nous avons une autre couche. Revenons dans Illustrator. Réalisons l'échelle de 90 pour cent. Appuyez sur V pour sélectionner le zed, « Commande C. » Revenons à After Effects. Allez au masque de z2, « Commande, V. » Nous n'avons besoin de le faire qu'une fois de plus. Comme ça, déplacez-le sur z1 et collez. On y va. Nous avons un tas de couches. On dirait que vous regardez vers le bas une pile de morceaux de papier tous avec un zed ou z poinçonné hors d'eux. La prochaine chose que j'aimerais faire est de colorer ces couches. Choisissons un schéma de couleurs vraiment cool, palette de couleurs. Je vais aller à Safari, où je suis allé à coolors.co, et j'ai généré un schéma de couleurs cool. Double-cliquez sur ceci, « Commande C », allez dans After Effects, et passons dans notre couche supérieure. Je vais juste appuyer sur « 4" et il met automatiquement en évidence l'entrée pour moi. Je vais « Command V », et c'est la première couche. Je vais continuer à faire ça. Sélectionnez ma deuxième couche. Coller. Fantastique. Allons chercher cette troisième couche verte, « Ok ». Allons à Safari. Allons chercher cette couche violette, « Ok ». Alors le dernier qui est ce calque bleu est déjà cette couleur. Maintenant, nous ne voulons pas vraiment que notre couleur de fond soit cette couleur grise. Si nous allons à Safari et nous sélectionnons cette couleur pourpre. Ensuite, nous allons aux Paramètres de composition et de composition. Changeons notre couleur de fond pour cette couleur pourpre, mais rendons ça un peu plus sombre. Que diriez-vous de ça ? Ça a l'air bien. Maintenant, nous devons décider de notre couche de base. Ce que j'aime faire est de sélectionner tous mes calques, alors allez à la commande A, appuyez simplement sur P, et il n'y a plus de propriété affichée. Je voudrais animer la rotation de tous mes calques, donc je vais aller appuyer sur R pour afficher uniquement les propriétés de rotation. Ensuite, je vais animer le premier calque, donc Z5, et je vais l'utiliser comme base. Vous pouvez utiliser la couche inférieure comme base ou supérieure. Je vais utiliser le haut dans cet exemple. Ce que j'aimerais faire, c'est que j'aimerais animer la rotation en deux secondes environ. Allons zoomer un peu ici. Ce que nous allons faire maintenant, c'est que nous allons réduire notre zone de travail à deux secondes comme ça. Fantastique. Alors j'aimerais vous montrer ce qu'est la parentalité. Vérifie ça. Si je vais à la couche Z4 et que je choisis le parent pour être Z5, et pourquoi c'est vraiment cool, c'est que lorsque je fais pivoter Z5, vous verrez que la couche de Z4 tourne également. Je vais sélectionner le calque ci-dessus pour chaque calque en tant que calque parent. Ce qui rend cela vraiment cool, c'est que si je fais pivoter la couche 5 et que je fais pivoter la couche 4, vous verrez que tout en dessous fait également pivoter cette quantité. couche 3 est répertoriée dans la couche 4 et la couche 4 est répertoriée dans la couche 5. Vraiment cool. Avec cela à l'esprit, je vais ensuite animer juste la position de ce Z5, puis copier et coller cette rotation dans les calques. Ajoutons une image-clé ici. Réglons ça à 5 négatif. Allons à une seconde, passons à une image en arrière, réglons ça à cinq, puis à deux secondes à nouveau, mettons-le à cinq points négatifs. Cela signifie qu'en tant qu'endroit, nous obtenons cette légère motion de bascule. Ce n'est pas parfait, mais c'est un début. Vous verrez que tous les calques font également le mouvement de bascule sans que j'aie à ajouter des images clés à l'un des autres calques. Maintenant, ce qui est vraiment super cool, c'est si je clique sur Rotation et que toutes mes images clés deviennent bleues. J' appuie sur Commande C, puis je sélectionne tous mes calques et appuyez sur Commande V en le collant, vous verrez que maintenant, j'ai cette animation vraiment douce. Vérifie ça. Ce qui se passe ici, c'est que, bien sûr, couche 5 ou Z5 tourne par un négatif 5, même que Z4, mais alors ça va un autre négatif 5. Z3 va un 10 négatif, puis un autre cinq négatif, et ainsi de suite. Vous obtenez cet effet de rotation vraiment cool. Super, mais ce n'est pas parfait. Comment le rendre parfait ou plus proche d'être parfait ? Je voudrais ajouter un peu d'assouplissement à mon animation. La première chose que je voudrais faire est de sélectionner toutes les images-clés du calque Z5, cliquez avec le bouton droit sur Assistants d'images-clés, puis sélectionnez Easy Easy. Vous verrez que les images clés changent ensuite de forme. Maintenant, si vous devez les copier, sélectionnez à nouveau tous les calques, vous verrez que l'animation est légèrement plus lisse. Plutôt cool. Si nous voulions aller plus loin, nous pourrions alors sélectionner Z5 puis appuyer sur cet éditeur de graphiques. Sélectionnez simplement la rotation, nous pouvons voir le graphique de la vitesse de rotation. Cela montre les quantités de rotation au fil du temps, ce qui est vraiment cool. Inversement, si nous devions annuler, alors commande Z. Si nous devions regarder l'éditeur de graphiques maintenant, vous verrez que la rotation ou la vitesse ne change pas beaucoup. C' est à 10 degrés par seconde, et tout d'un coup ça devient négatif 10 degrés par seconde. Alors que si nous devions revenir en arrière, vous verrez que la rotation change maintenant avec le temps. Ce que nous pouvons faire maintenant, c'est que nous pouvons sélectionner un de ces éléments et vous pouvez les modifier manuellement, peu comme un outil de stylo dans Illustrator ou vous pouvez double-cliquer sur eux et modifier les paramètres tout à fait mathématiquement, ce que j'aime. Parce que c'est un GIF en boucle, cela signifie que je veux que les choses soient précises. Je vais changer ça à 50 % d'influence sur la vitesse entrante, et 50 % d'influence sur la sortie. Je vais faire la même chose pour chacun de ces points, donc 50, 50. Vous verrez que mon graphique commence à changer maintenant. Nous obtenons cet élan vraiment intéressant maintenant. Faites simplement glisser ceci vers le bas et appuyez sur la barre d'espace. Il se peut que vous ne puissiez pas le voir autant parce que nous n'avons pas copié et collé nos images clés. Faisons ça. Allons à toutes les couches et collons. Maintenant, quand nous jouons, vous verrez que l'animation est encore plus lisse. Il a vraiment l'impression qu'il est en train de bascule maintenant. Fantastique. C'est juste une chose que vous pouvez faire pour faire tourner cette forme de lettre vraiment intéressante. Il a l'impression qu'il bascule. Que pouvons-nous faire d'autre maintenant ? Il y a un tas de choses que vous pourriez faire, mais l'une des choses que j'aime faire est à peu près faire la même chose sauf avec une position ajoutée à elle. Avec le Z5 sélectionné, maintenez la touche Maj enfoncée et appuyez sur P. Cela va, montrons tout ce que nous montrons et positionnons. Mettons ensuite une image-clé là-bas, mettons une image-clé là-bas, et mettons une image-clé à deux secondes. Maintenant, ce que je vais faire, c'est que je vais dire à deux secondes, allons-y et moins 25x, et moins 25y. Je vais copier cette image-clé, puis coller cette image-clé. Puis au milieu, je vais dire plus 25x, et plus 25y. Maintenant, pour cet exemple, nous ne pouvons pas sélectionner la position, puis la copier et la coller, car la position de Z4 est en fait relative à la position de Z5. Si on doit aller changer P, tu verras que 615 et 615 sont quelque part loin. Si nous devons annuler, vous verrez que 0, 0 est une position par rapport à la couche Z5 ou par rapport à sa couche parent. On va faire la même chose ici. Nous changeons la position de 25 pixels chacun ici, donc moins 25, moins 25. Copions cette image-clé. Collons cette image-clé. Allons à celui-ci, et allons à 25 et à 25. Vous voyez ça maintenant, il y a un peu de mouvement. Voila, voilà. Si nous ajoutons ensuite un peu d'assouplissement facile à ces images clés, cela rend encore plus agréable. Allons à l'aise, et changeons à nouveau l'influence à 50 et 50. Faites la même chose pour toutes ces choses. C' est juste pour que nous obtenions une très belle animation à bascule lisse. Allons à ça par ici. Maintenant, quand nous jouons, vous verrez que seuls les deux couches supérieures animent leur position ainsi que leur rotation, et semble déjà assez bien. Revenons à zéro cadres et copions la position de Z4, puis sélectionnez nos trois couches inférieures et collez. Vérifiez-le maintenant. C'est vraiment cool. Il y a beaucoup de mouvements, beaucoup d'énergie, c'est fantastique. Ensuite, tout ce que nous avons à faire maintenant est de sélectionner tous nos calques, activer le flou de mouvement, et de vérifier que notre composition a activé le flou de mouvement, puis ils seront encore meilleurs. Fantastique. De là, nous pouvons l'exporter comme un fichier MOV sans perte. Ensuite, rappelez-vous, prendre Photoshop en faire un format GIF animé ou exportez-le en tant que mp4, et partagez-le. 19. La fin: C' est ça. J' espère que vous avez apprécié la classe et le matériel bonus. Publiez vos boucles dans votre galerie de projets et partagez-les sur les réseaux sociaux. Mentionnez moi, je suis @taptapkaboom. Surtout, amusez-vous à hypnotiser vos amis et vos adeptes. Au revoir pour l'instant.