Transcription
1. Bienvenue: Bonjour et bienvenue dans Looping animations dans After Effects. Pour quelque chose de satisfaisant à regarder et faire des animations en boucle, vous êtes-vous déjà retrouvé à regarder une animation pendant trop longtemps, réalisant
pleinement que vous voyez la même chose encore et
encore, mais n'étant toujours pas capable de regarder loin ? Les animations en boucle peuvent être hypnotisantes en tant que pièce autonome sur les médias sociaux. Mais l'utilisation de techniques de boucle dans des animations narrées
plus longues peut être une façon inefficace de travailler. Mais si vous avez déjà pensé à essayer de faire une boucle de scène animée entière, alors vous savez qu'il peut être écrasant d'essayer comprendre comment tout chronométrer correctement. Je suis Megan Friesth et je suis Explanimateur. J' ai peut-être inventé ce mot,
mais j'écris, illustrer et animer, des animations
éducatives principalement sur des sujets liés à la santé et à l'environnement. Dans ce cours, je vais vous montrer les techniques que j'utilise tout le temps pour travailler plus efficacement et réaliser des animations en toute transparence pour le web, médias
sociaux et les animations d'exploration. Bien que cette classe ait des instructions étape par étape dans After Effects, c'est bien plus que cela. J' ai expliqué le processus de pointe derrière les techniques que j'utilise pour vous aider à penser comme un concepteur de mouvement et vous permettre d'appliquer ces idées dans votre futur travail. Dans la première partie de la classe, nous parlerons du côté conceptuel de la création d'animations en boucle et discuterons des meilleures pratiques. Ensuite, nous allons plonger dans After Effects pour animer une scène sous-marine en boucle. Je vais vous fournir un fichier After Effects partiellement animé, afin que nous puissions nous concentrer sur la mise en boucle de ces animations. Nous utilisons différentes expressions de boucle pour rapidement dans les algues fluides et les poissons nageant, sans définir un tas d'images clés répétitives. Ne laissez pas le fait que nous utiliserons des expressions vous effrayer. L' expression de la boucle est comme le pool kiddie dans mesure où vous pouvez obtenir avec les expressions. Je vais vous montrer exactement ce que vous devez savoir pour
commencer à utiliser ces expressions dans votre travail. Ensuite, je vais vous montrer comment ajouter des actions qui se chevauchent pour rendre vos animations plus réalistes tout en restant parfaitement en boucle. Ensuite, nous ramènerons nos algues et nos poissons dans une scène sous-marine. Je vais vous montrer comment décaler différents éléments dans la scène pour créer une scène sous-marine stylisée, mais réaliste, qui se boucle de façon transparente. Ces techniques fonctionnent aussi sur terre, ou à peu près tout ce que vous voudrez peut-être animer. Ce cours est parfait pour les concepteurs de mouvements débutants à intermédiaires. Si vous n'avez jamais utilisé After Effects auparavant, consultez ma vidéo
d'orientation , que vous trouverez également le lien ci-dessous. Je vous recommande également de consulter l'un de mes cours de débutants en premier. À la fin de ce cours, vous avez les compétences et savez comment aborder des animations de boucle simples à complexes et comprendre quand utiliser différentes techniques pour travailler plus intelligemment, pas plus dur. Donc, si vous êtes prêt à créer une scène animée en boucle, commençons.
2. Projet de cours: Le projet de cette classe est de créer une animation en boucle transparente contenant plusieurs éléments qui se déplacent. Dans l'onglet Projets et ressources, vous trouverez un fichier de projet After Effects pour ma scène sous-marine que vous pouvez télécharger. Je vais utiliser ce fichier comme point de départ et vous
montrer comment faire chaque boucle d'élément animé. Dans ce fichier de projet, j'ai déjà défini des cadres clés pour animer les algues et les nageoires des poissons, mais rien ne bouge encore. Si vous téléchargez ce fichier de projet, vous pouvez suivre avec moi étape par étape. N' hésitez pas à télécharger cette scène sous-marine animée comme projet de classe ou à créer vos propres poissons et algues et à l'utiliser. Ou vous pouvez illustrer et animer votre propre scène qui n'implique pas de poissons ou d'algues. Votre scène n'a pas besoin d'être aussi complexe que la mienne, assurez-vous d'utiliser certaines des techniques enseignées dans ce cours. Je parlerai plus sur le rendu et l'affichage de votre projet dans une vidéo ultérieure.
3. Qu'est-ce qu'une boucle ?: Parfois, les termes boucle et GIF sont utilisés de façon interchangeable, mais ils ne sont pas en fait la même chose. Les animations mobiles sont souvent appelées GIF parce que les GIF ont tendance à être de courtes animations en boucle. Mais une boucle est toute animation qui boucle alors que GIF est en fait un format de fichier. N' importe quel format de fichier peut boucler, c'est juste au lecteur vidéo de le lire encore et encore pour vous, et à l'animateur de faire en sorte que l'animation ressemble à une boucle transparente. Les GIF, en tant que format de fichier, n'ont pas à boucler et ils n'ont même pas besoin d'être animés. Mais dans ce cas est juste comme une image, donc c'est comme quel est le but ? Les différences les plus importantes entre les vidéos et les GIF incluent le fait que les vidéos peuvent avoir du son, alors que les GIF ne peuvent pas le faire. Les GIF jouent généralement automatiquement sur les sites Web et dans les messages tels que les e-mails et les textes. Ensuite, c'est au lecteur vidéo qu'une vidéo soit ou non jouée encore et encore, alors qu'avec un GIF, c'est au créateur de décider. Vous décidez si vous voulez que le GIF bouclera pour toujours ou simplement jouer une fois. Puis enfin, les GIF ont un nombre plus limité de couleurs, et je parlerai plus à ce sujet dans une vidéo ultérieure. Cette classe se concentre sur la création animations en boucle
transparente qui peuvent être rendues sous forme de vidéo, de GIF ou les deux lorsque vous avez terminé. Comme il y a d'autres choses que vous voudrez considérer si vous savez que vous voulez créer un GIF, je vais le couvrir dans une autre vidéo. Mais d'abord, dans la prochaine vidéo, je vais aller plus en profondeur sur quand utiliser différents formats de fichiers et où.
4. Comment utiliser des boucles: Il y a de nombreux cas où une animation en boucle peut être utile. Certains cas sont plus évidents que d'autres. Passons en revue quelques uns. Puisque de nombreuses plateformes de médias sociaux comme Instagram et Facebook va automatiquement lire une vidéo à travers et ensuite immédiatement la lire à nouveau, ou en d'autres termes, faire boucle, est qu'il rend votre animation plus poli et professionnel pour le créer comme une boucle transparente. J' ai compilé le résumé des spécifications des sites de médias sociaux les plus récents. Puisque la taille ou le rapport d'aspect de la vidéo semble changer plus fréquemment, je ne l'ai pas inclus ici, mais c'est toujours facile à Google. Facebook prend en charge les GIF et les lectures automatiques et boucles de vidéos. Instagram ne prend pas en charge les GIF, donc MP4 sont les meilleurs. Si vous travaillez comme moi et que vous créez généralement un MOV à partir d' After Effects, puis que vous essayez d'AirDrop ce MOV sur votre iPhone, il ne sera pas enregistré dans les photos. Puisque vous ne pouvez publier sur Instagram que depuis un téléphone, même though.mov sont pris en charge par Instagram, il est difficile d'utiliser a.mov. Si vous utilisez simplement un MP4, vous pouvez AirDrop et télécharger sur Instagram sans problème. Sur Pinterest, les vidéos sont lues automatiquement lorsqu'elles sont dans le flux d'une personne, lorsqu'elles sont visualisées à 50 %, et la boucle lorsqu'elles sont dans le flux. Mais si l'utilisateur clique sur la vidéo pour la voir en gros plan, elle ne bouclera pas. Étrangement, les GIF ne seront pas automatiquement lus sur Pinterest, mais lorsque l'utilisateur clique sur le GIF pour le voir de près, il va boucler. Il vous suffit de peser ce que vous voulez que l'expérience soit avec votre animation en boucle, puis de choisir en conséquence. Les animations en boucle sont également utiles sur les sites Web. Les fichiers GIF seront automatiquement lus en boucle pour toujours. Vous pouvez également définir un fichier GIF pour qu'il soit lu une seule fois, et il le fera dès que le fichier se chargera sur la page Web. Je vais vous montrer comment vous pouvez définir cela lors de l'exportation de GIF via Photoshop dans une vidéo ultérieure. Avec les GIF, vous n'avez pas à charger l'animation sur un lecteur vidéo comme YouTube ou Vimeo. Vous pouvez simplement traiter un GIF comme s'il s'agissait d'une image, sauf que c'est une image en mouvement. Une autre chose parfois agréable à propos des GIF est qu'ils n'
afficheront pas un bouton de lecture ou de pause sur votre animation. Cela signifie également que le spectateur ne peut pas mettre en pause votre animation, alors essayez d'utiliser des GIF de manière à ne pas gêner ou distraire votre spectateur. Si vous utilisez trop de GIF sur une page, cela peut être un peu accablant pour l'appareil et votre visionneuse. Votre visualiseur peut voir un message d'erreur comme la page est lente ou quelque chose. Sois juste conscient de ça. Lorsque vous utilisez des GIF, vous devez faire attention à la taille du fichier car une trop grande taille d'un GIF peut ne pas être prise en charge. Par exemple, j'utilise webflow pour mon site Web et il me permet
uniquement de télécharger des GIF de moins de quatre mégaoctets. C' est une bonne règle à garder à l'esprit. Même si des GIF volumineux peuvent être téléchargés, ils peuvent prendre beaucoup de temps pour que l'appareil de la visionneuse le charge. Ensuite, en attendant, il peut jouer lentement, ou avoir l'air agité. Je parlerai plus des meilleures pratiques pour les GIF dans une vidéo ultérieure. Les GIF peuvent également être amusants pour envoyer des SMS ou envoyer des e-mails. Ils vont jouer automatiquement et faire une boucle dans les messages texte et les courriels, tandis que les vidéos afficheront un bouton de lecture et obligeront le spectateur à frapper la lecture. Une autre utilisation pour les animations en boucle est dans une animation plus longue. Cela peut être un énorme gain de temps. Vous pouvez boucler des animations au niveau d'une image-clé ou boucler des compositions entières. Je vais vous montrer plusieurs façons de faire les deux plus tard dans cette classe en utilisant le poisson vu comme un exemple. Si vous utilisez des images clés ou des compositions en boucle dans une animation plus longue et que vous décidez de modifier quelque chose, vous n'avez qu'à effectuer la modification qu'une seule fois. Alors que si vous aviez un tas d'images clés répétitives, vous devrez effectuer le changement plusieurs fois. animations en boucle peuvent être super efficaces. Je travaillais récemment sur une animation pour un programme éducatif que je créais. Je savais que j'allais avoir besoin d'un GIF en boucle pour la page Web, mais je voulais aussi utiliser la même animation dans une animation plus longue avec une voix off. Je ne savais pas combien de temps le segment aurait besoin pour l'animation avec la voix off. J' ai créé une animation en boucle qui peut être utilisée dans les deux cas. Puisque cette animation a bougé, je pouvais simplement boucler ce segment dans l'animation avec la voix off et cela fonctionnerait pendant tout le temps que j'en avais besoin.
5. Planifier votre boucle: Dans cette vidéo, je vais vous parler des choses à
penser avant de commencer à animer votre boucle. La première chose que vous devriez comprendre lorsque vous faites une boucle, ou vraiment n'importe quelle animation, est ce que l'objectif est. Sois intentionnel. Que voulez-vous que quelqu'un ressente ,
sait ou fasse après avoir regardé votre animation ? Ou l'objectif est-il juste de pratiquer vos compétences d'animation et de faire quelque chose de beau ? C' est un très bon objectif aussi. La première étape devrait vraiment être de conter votre idée. Oui, même si ce ne sera que quelques secondes. Si souvent, je trouve que lorsque j'essaie de mettre mes idées sur papier, elles ne sont pas aussi complètes qu'elles le paraissaient dans ma tête. Storyboard aide à faire sortir des idées avant d'entrer trop profondément dans l'animation et de réaliser que les choses ne fonctionnent pas. Il peut être aussi simple que de simplement esquisser une idée approximative, et cela vous aidera à comprendre le point numéro 2, qui est de considérer combien de temps la boucle sera. En général, il est bon d'utiliser le plus court
délai possible pour garder la taille du fichier petite, ce qui est surtout important si vous allez rendre un GIF. Mais trop court d'une boucle peut sembler trop répétitif, bien que cela dépend vraiment du contenu de votre animation. Par exemple, cette boucle ne dure que deux secondes, ce
qui, je pense, fonctionne bien pour ces pingouins dans la façon dont ils se déplacent. Si vous pouvez vous en sortir avec une courte boucle et que vous voulez afficher une vidéo, faites
attention aux exigences minimales de temps. Vous pouvez toujours mettre votre composition dans une autre composition et boucler le précomp quelques fois, ce que je vais vous montrer exactement comment faire dans une autre vidéo. Mais parfois, si vous avez plusieurs éléments différents dans votre animation, comme cet exemple, ce serait un peu ennuyeux et prévisible si tout se passait exactement en même temps. Juste pour que je puisse faire ce GIF court, comme disons, quatre secondes. La prochaine chose à considérer est si votre animation aura plusieurs éléments qui bouclent à différentes fréquences et combien de temps vous devriez faire votre animation, sorte que vous pouvez accueillir tous les différents éléments. Par exemple, sont scène sous-marine a plusieurs morceaux différents d'algues et de poissons multiples. Même si les algues ne sont pas synchronisées, elles sont décalées pour paraître plus réalistes. Ils prennent chacun huit secondes pour terminer un cycle complet ou une boucle complète. L' animation sur le corps, queue et les nageoires du poisson prennent une seconde, 10 images. Pour les petits poissons de l'école, un cycle prend une seconde. Les poissons et les algues sont en boucle à différentes fréquences. Comment ai-je décidé combien de temps pour faire cette scène dans son ensemble ? Comme les algues prennent le plus de temps à boucler, huit secondes, j'avais besoin de faire ma scène huit secondes. Assez simple. Mais j'aurais pu faire ma boucle d'algues dans le temps que je voulais, alors pourquoi huit secondes ? L' une des raisons était que huit secondes était une bonne quantité de temps pour un poisson pour traverser la scène. Une autre raison est que j'ai trouvé pour les scènes avec plusieurs éléments qui bouclent à différentes fréquences, choisissant un nombre pair entier qui est
divisé en deux est un autre nombre pair entier fonctionne bien. Permettez-moi d'expliquer ce que je veux dire par exemple. Prenons huit secondes. Ça prendra huit secondes pour que toute notre scène bouclette. Je peux évidemment avoir des éléments dans la scène qui prend huit secondes à boucler. Je peux également avoir des éléments qui prennent quatre secondes pour boucler, car huit divisé par 2 est 4. Ces éléments compléteront deux cycles au sein de la huit seconde scène. Je peux aussi avoir des choses qui prennent deux secondes pour boucler parce que 4 divisé par 2 est 2, et ainsi de suite. Je peux avoir des choses qui prennent huit secondes à boucler, à quatre secondes, deux secondes, une seconde. Il peut même descendre à 20 images, 15 images, 10 images, et ainsi de suite. Alors qu'un exemple pas si bon serait si vous choisissez un nombre comme sept secondes pour toute votre boucle, vous pourriez avoir des choses qui prennent sept secondes. Vous pourriez avoir des choses qui prennent 3 secondes et 15 images, et alors quelle est la moitié de ça ? Les choses deviennent désordonnées. Pour résumer, si vous avez une scène avec plusieurs éléments différents qui bouclent à des fréquences différentes, alors vous devrez choisir le
temps le plus long qu'un de ces cycles prend. Dans mon cas, pour la scène sous-marine, ça fait huit secondes parce qu'il faut
huit secondes aux algues pour terminer un cycle complet. Choisir un nombre pair divisé par deux est un autre nombre pair finit travailler bien avec les mathématiques afin que vous puissiez avoir plusieurs possibilités différentes pour la façon dont les choses peuvent boucler.
6. La fluidité: Vous m'avez entendu dire « sans soudure » quelques fois maintenant. C' est parce que cacher l'endroit où l'animation se termine, puis recommence, peut rendre votre animation plus polie et professionnelle. C' est comme une bonne conception de motif. Vous ne voulez pas que ce soit évident où se trouve le bord du motif. Il semble plus agréable lorsque les coutures sont cachées. Pour les animations en boucle, parfois il n'est pas possible de le faire et ce n'est certainement pas mal ou mal. Les animations koala et panda ici, vous pouvez probablement deviner quand l'animation se répète à nouveau. Mais ça marche avec le fait que ces gars mangent. Manger est un mouvement répétitif. Alors que dans la mer sous-marine, vous ne pouvez probablement pas deviner exactement où la boucle commence et se termine. Encore une fois, cela dépend simplement du contenu de l'animation. Ce qui n'est pas si bon, c'est d'avoir un saut évident. Remarquez comment sur cet exemple à gauche, la feuille que le Koala mange ne fait que surgir et sortir. Il mange la feuille, puis une autre apparaît juste dans cet écran. Vous pouvez voir que c'est la couture de ma boucle. Mais dans mon exemple transparent sur la droite, j'ai animé la feuille que le Koala mange en sortant de derrière une autre feuille et en
se déplaçant en place de sorte qu'elle ne se contente pas d'apparaître lorsque l'animation se boucle. Donc, lorsque vous planifiez votre boucle animée, pensez à la façon dont vous allez cacher les coutures, ou si c'est correct que ce ne soit pas caché. Assurez-vous simplement que vous n'allez pas avoir de sauts évidents lorsque l'animation se termine, puis recommence parce que si vous le faites, ce n'est pas vraiment une boucle transparente parfaite. C' est ce qu'est ce cours. Si vous effectuez un zoom avant dans une boucle, vous devrez effectuer un zoom arrière ou vice versa pour la faire boucler. Si vous effectuez un zoom avant et arrière rapidement dans votre boucle d'animation, sorte que cela se produit encore et encore, cela peut donner à votre spectateur le mal des transports. Donc, ma recommandation serait soit de ne pas zoomer ou de faire
votre boucle assez longtemps pour que votre zoom avant et arrière puisse être assez lent pour paraître bien ou avoir assez de temps entre le zoom avant et arrière, que cela ne va pas être choquant pour zoomer et sur un tas de fois rapidement dans une rangée. zoom avant et arrière peut également rendre plus évident où votre boucle se termine et recommence. C' est quelque chose à considérer. Travailler avec des positions ou des caméras panoramiques peut également être une histoire similaire. C' est pourquoi c'est une bonne idée de conter votre idée de planifier votre animation à l'avance. Pour faire la boucle, vous avez votre scène ou illustration, ou dans ce cas, un exemple très simple. Dans cet état au début, [inaudible] anime et retourne à l'état identique dans lequel il a commencé. Mais pour faire une boucle parfaite, vos premières et dernières images ne devraient pas être exactement les mêmes. Vos première et dernière images clés sont probablement les mêmes, mais vos première et dernière images doivent être séparées d'une image. Si elles étaient identiques, alors lorsque l'animation sera rejouée, vous aurez deux images identiques lues dos à dos, et ce n'est pas une boucle parfaite. Donc, ce que vous devez faire est de couper votre zone de travail un cadre avant la fin, sorte que cette dernière image ne va pas réellement jouer. Ils s'arrêteront ici et reprendront au début. De cette façon, nous ne verrons que ce 0, une fois à travers. Si je rejoue ça au ralenti, comme si je mettrai ça à la lecture à cinq images par seconde, alors nous pouvons voir comment les nombres comptent, mais nous ne voyons pas 0 deux fois. Vous remarquez également que cette composition est d'une image de plus de deux secondes. J' ai fait ça deux secondes en une seule image. La raison pour laquelle j'aime faire cela est pour que je puisse atteindre deux secondes avec ma tête de lecture et mettre une image clé là, et aussi cela fonctionne si je veux faire cette boucle de composition. J' en expliquerai plus tard. Mais lorsque nous lisons l'animation dans cette chronologie, nous voulons simplement nous assurer que la zone de travail, qui est cette barre grise, est coupée à deux secondes, donc quand elle est lue,
elle ne joue pas le dernière image.
7. Travailler avec des GIF: [MUSIQUE] Comme je l'ai mentionné
dans les vidéos précédentes, lorsque vous travaillez
avec des fichiers GIF,
vous devez réduire la
taille de votre fichier pour que votre animation se
charge et se déroule correctement. Mais vous souhaiterez tout de même que
votre animation soit belle. L'objectif est de trouver le juste équilibre entre la
qualité et la taille du fichier. Voici quelques
points à garder à l'esprit. Tout d'abord, plus l'animation est longue, plus
la taille du fichier est importante. Plus les dimensions sont grandes
ou, en d'autres termes, plus
le nombre de pixels est élevé,
plus la taille du fichier est grande. De plus, plus
la fréquence d'images est élevée, plus
la taille du fichier est importante. J'aime utiliser 30
images par seconde pour les animations rendues
sous forme de fichiers vidéo. Si j'ai un GIF court, je resterai à 30
images par seconde car j'aime l'
aspect fluide que cela produit. Mais si mon GIF est plus long ou si je veux qu'il ait un aspect plus
caricatural ou fait main, j'utiliserai 15 images par seconde. Plus
votre animation est colorée, plus
le fichier GIF est volumineux. Lorsque vous exportez votre GIF via Photoshop
ou
le plugin GifGun, vous pouvez choisir
le nombre de couleurs à inclure
dans votre fichier final. Si vous choisissez un
plus petit nombre de couleurs qui figurent réellement
dans votre animation, votre GIF ne sera pas très beau. Il est préférable de travailler avec
une palette de couleurs limitée lorsque vous travaillez avec des fichiers GIF. le même ordre d'idées,
les dégradés, les lueurs, les flous et l'animation de l'opacité d' objet
nécessiteront davantage de couleurs. Chaque nuance d'une couleur
compte comme une couleur différente. En général, ces effets ne
sont pas très bons dans les GIF , donc j'essaie généralement de les
éviter si possible. Les textures ajouteront également
plus de couleurs à votre GIF. Le design plat est
vraiment ce qu'il faut pour les GIF. Plus votre animation est complexe et
mouvante, plus votre fichier
GIF sera volumineux. Vous pouvez le considérer comme la
variation de chaque pixel. Si vous avez un
arrière-plan uni où une grande partie de vos
pixels ne changent pas, votre fichier sera
plus petit que si vous avez un
arrière-plan où plupart ou la totalité des pixels
changent souvent. Remarquez que ces deux GIF ont le même nombre de couleurs. Visez essentiellement la simplicité
lorsque vous travaillez avec des GIF. Ma scène sous-marine est un exemple terrible
d' animation à afficher
sous forme de GIF. Vous remarquerez que je n'ai suivi
aucune des directives de
cette vidéo pour transformer
cette scène sous-marine en cette vidéo pour transformer un petit fichier GIF. L'objectif de cette animation
était de démontrer les nombreuses
manières d'utiliser expressions
et des techniques en
boucle Je prévois
donc
dès le départ de la rendre sous forme de
fichier vidéo et non de GIF.
8. La visite du fichier de projet: Examinons le fichier de projet que j'ai fourni pour ce cours. Si ce n'est pas déjà
fait, assurez-vous d'aller le télécharger sous l'onglet Projets dans les ressources. Tout ce dont vous avez besoin, c'est ce fichier de projet After Effects, car tous ces graphiques ne sont que des calques de forme dans After Effects. n'y a rien de lié à Illustrator ou ailleurs. Vous remarquerez peut-être que dans mon animation finale, j'ai des textures sur les poissons et les algues. Mais dans ce fichier de projet que je vous donne, il n'y a pas de textures. Je l'ai fait parce que de cette façon je peux avoir tous
les calques dans After Effects et vous n'avez pas besoin d' un autre fichier Illustrator ou Photoshop qui relie ces graphiques et aussi parce que c'est beaucoup plus rapide à rendre sans les textures. Lorsque nous travaillons dans le fichier de projet, il sera plus facile de prévisualiser les choses car il n'y a pas de textures. Une fois que vous avez téléchargé et ouvert, allons juste faire un petit tour de ce que nous avons ici. J' ai organisé tous les différents éléments dans ces dossiers. La scène sous-marine principale va être dans le dossier Out parce que ce sera la dernière chose que nous rendons, donc j'aime toujours garder ça dans le dossier Out. Ensuite, nous avons des bulles, du poisson et des algues. Si vous ouvrez la composition de la scène sous-marine, vous pouvez voir qu'elle dure huit secondes. Si vous le rejouez maintenant, vous pouvez voir les algues bouger un
peu et nous avons ce poisson-souris bouger à travers l'écran. moment, dans ce fichier de projet, la seule chose qui est vraiment en boucle, c'est le pufferfish parce qu'il apparaît à une extrémité de l'écran et qu'il disparaît à l'autre bout de l'écran. C' est fondamentalement la façon la plus simple de faire quelque chose en boucle, c'
est de le faire apparaître puis de disparaître. Mais dans ce cours, je vais vous montrer un tas d'autres façons de faire boucler les
choses parce que si tout apparaissait et disparaissait, ce serait une animation plutôt boiteuse. Si vous cliquez dans la composition du poisson-gifle, vous pouvez voir que j'ai un jeu d'images-clés qui animent les nageoires et les lèvres qui s'ouvrent et se ferment,
et le corps se déplaçant d'un côté à l'autre. Mais rien ne bouclera. Il fait juste comme une rotation. On va faire cette boucle,
et il en va de même pour toutes les algues et les autres poissons. Je viens de définir quelques images clés pour nous faire gagner du temps, donc je n'ai pas à expliquer toutes les images clés que j'ai définies. On serait là pendant des heures. Espérons que cela le rend un peu plus efficace pour vous. Vous trouverez également que dans ce fichier de projet j'ai fourni cette petite composition appelée expressions de boucle. C' est comme une feuille de triche ou un guide sur la façon d'utiliser les différentes expressions de boucle et ce qu'elles font. Ce sont toutes des expressions en boucle que nous allons utiliser dans cette classe. Il y en a plus, mais je trouve que ceux-là sont ceux que j'utilise le plus. Je vais vous expliquer exactement comment les utiliser pour qu'ils ne soient pas intimidants du tout dans la prochaine vidéo.
9. Les expressions boucle: Jetons un coup d'oeil à certaines des différentes expressions de boucle et voyons ce qu'elles font. Mais d'abord, au cas où vous n'êtes pas familier avec les expressions, et que vous n'avez pas besoin de l'être, les
expressions sont de courtes lignes de code que vous pouvez appliquer à une propriété pour manipuler cette propriété. Parfois, les expressions modifient les images clés définies sur cette propriété. Dans notre cas, nous utiliserons des expressions pour répéter des images clés. Parfois, les expressions n'ont pas besoin d'images clés. Si ce n'est pas tout à fait clair, j'ai des exemples qui vous aideront. Jetons un coup d'oeil. Pour rappel, cette composition est dans le fichier de projet que j'ai fourni pour cette classe. Assurez-vous d'aller et de télécharger cela, si vous voulez explorer cette composition par vous-même. Si je devais jouer à cette comp, il y a beaucoup de choses qui se passent et ça peut faire tourner la tête. Passons juste à travers chacune de ces expressions une à la fois. Mais d'abord, regardons les différentes parties d'une expression de boucle. Cette version de l'expression de boucle est probablement la toute première expression que j'ai apprise et je l'utilise toujours tout le temps. Quelles sont les différentes parties d'une expression de boucle ? La première partie est la propriété. Dans cet exemple, nous avons LoopOut. Il y a aussi LooPin. La prochaine chose est le type. Dans ce cas, nous avons cycle. Cycle signifie simplement qu'il va lire les images clés à travers ,
puis il va revenir à la première image clé et la lire comme un cycle. Il va juste continuer à répéter vos images clés, quand elle arrive à la fin, elle remonte au début. Vous verrez à quoi ça ressemble en une seconde. Ensuite, la dernière pièce est un modificateur, et c'est facultatif. Je n'ai souvent pas besoin d'un modificateur. Si vous n'avez pas besoin d'un modificateur, vous pouvez simplement le définir à zéro ou vous pouvez simplement l'oublier, car zéro est par défaut. Aussi cycle est par défaut, mais je l'écris habituellement juste, juste pour que je sache que je l'ai fait intentionnellement. Revenons à notre composition After Effects, et regardons chaque expression de boucle. Regardons d'abord le cycle LoopOut. Laisse-moi zoomer dessus. Si je passe à ce calque, j'ai nommé tous les calques avec l'expression qui contrôle ses images-clés de position. Cette LoopOut, je vais appuyer sur P pour voir les images clés sur ma chronologie. Vous remarquerez que ces numéros de position sont rouges. Normalement, ils sont bleus, donc quand ils sont rouges, cela signifie qu'une expression les contrôle. Si je bascule juste, vous pouvez réellement voir l'expression. J' ai l'expression de cycle LoopOut ici. Je vais vous montrer comment définir une expression sur votre calque dans la vidéo suivante. Mais pour l'instant, sachez simplement qu'il y a une expression de cycle LoopOut définie sur cette forme de cercle. Comme vous pouvez le voir, j'ai quatre images clés ici. Ma première image-clé est en fait la même que ma dernière image-clé. Ça fait bouger ce cercle dans ce mouvement de triangle. Vous remarquerez que lorsque je passe ma dernière image-clé, le cercle est toujours en mouvement, et c'est parce que j'ai l'expression LoopOut dessus. La propriété LoopOut permet de répéter l'animation après la fin de la dernière image clé. Le cycle de type étant fait en sorte que lorsque la tête de lecture atteint la dernière image-clé, elle remonte et rejoue la première image-clé tout le long, et elle tourne simplement à travers les images-clés, comme ce que je viens de faire avec ma tête de lecture. Quand je rejoue cela, vous verrez qu'il n'y avait pas de mouvement avant d'arriver aux images clés, et c'est parce que j'utilise l'expression LoopOut. Mais alors, il va lire les images clés et après les images clés, il continuera à répéter ces images clés encore et encore. Maintenant, comparons l'expression LoopOut à l'expression LooPin, fois avec le type défini à cycle. Je vais sélectionner ma couche de cycle LooPin et appuyer sur P pour voir les images clés. Vous verrez que j'ai des images clés commençant à cinq secondes. Si je rejoue cela, vous remarquerez que j'ai un mouvement avant les images-clés, et c'est parce que j'utilise l'expression LooPin. L' expression LooPin bouclera vos images-clés avant que votre tête de lecture n'atteigne réellement les images-clés, tandis que l'expression LoopOut bouclera vos images-clés après la dernière image-clé. Dans les deux cas, le type est cycle, donc il va lire les images clés dans un cycle. Une fois qu'elle arrive à la dernière image-clé, elle revient à la première image-clé. Maintenant, regardons l'expression de la boucle avec le type défini sur pingpong. Laisse-moi zoomer dessus. Dans l'expression LoopOut, vous verrez qu'il n'y a pas de mouvement, jusqu'à ce qu'il atteigne les images clés. Ensuite, il joue les images clés. Ensuite, après les images clés, il va revenir en arrière et aller en arrière entre ces deux images clés. J' ai juste les deux images clés, et ça va juste aller et venir entre ces deux images clés. L' expression LooPin avec pingpong va
lire les deux images clés avant que j'arrive réellement aux images clés. Ensuite, après les images clés, ça restera immobile. Si vous jouez les deux en arrière, vous pouvez voir la différence. Fondamentalement pingpong, c'est comme le ping-pong sport, où il va et vient entre les images clés. Vous pouvez avoir plus de deux images clés. Il va juste passer par toutes les images clés, puis revenir dans la direction inverse. Il va juste d'avant en arrière entre toutes les images clés. Le dernier type d'expression que je vais couvrir dans cette classe utilise un modificateur. Examinons d'abord le cycle LoopOut avec un modificateur de trois. Laisse-moi zoomer. Basculez ça et voyons avec quoi nous travaillons. J' ai cinq images-clés ici. Le premier va commencer le cercle ici, loin de cette forme de triangle, puis il va descendre dans le premier point du triangle, puis se déplacer vers la droite et revenir au début du triangle. Ce que ce modificateur va faire, si je relie toute cette animation, vous verrez que le modificateur le fait de sorte qu'il
répète simplement le chemin du triangle. Après que le cercle tombe, il fait la forme du triangle. Ensuite, mon expression de boucle ne fait les images clés qui font bouger le cercle dans ce mouvement d'un triangle. Cette expression de boucle avec le modificateur de trois va répéter la dernière image clé et les trois images clés précédentes. Vous pourriez penser que ce devrait être un modificateur de quatre, mais c'est pourquoi, c'est parce que c'est la dernière image-clé et les trois avant cela. Une fois que la tête de lecture atteint la dernière image-clé, elle va revenir à cette image-clé, donc trois à partir de la fin, donc 1,
2, 3, à partir de la dernière image-clé. C' est pour ça que j'ai un modificateur de trois. Encore une fois, si on rejoue ça, je le rejouerai au ralenti pour toi. Il va descendre et ensuite se déplacer dans un triangle. Ensuite, la partie qui se répète n'est que ces quatre dernières images clés. C' est la dernière image-clé plus les trois avant cela, et c'est pourquoi vous avez un modificateur de trois. Cela me permet de faire cette animation unique qui boucle la partie triangle du mouvement, mais pas cette première image clé. Vous pouvez déjà imaginer comment cela pourrait être utile, et je vais vous montrer un exemple de la façon dont nous pouvons l'utiliser dans notre exemple de scène sous-marine plus tard dans cette classe. Jetons un coup d'oeil à un autre exemple qui utilise un modificateur. Pour cet exemple, j'ai l'expression LooPin avec le type de pingpong et un modificateur de un. Gardez à l'esprit que vous pouvez mélanger et assortir ces pièces. Ce ne sont là que deux exemples différents. Allons frapper P et voir avec quoi on travaille ici. J' ai trois images clés. s'agit d'une expression LooPin, il va
donc boucler la première image clé et celle après cela. C' est pourquoi j'ai un modificateur d'un, encore et encore, jusqu'à ce qu'il arrive aux images clés, puis il va jouer à travers les images clés, puis s'arrêter. Voyons à quoi ça ressemble. Il descend, il remonte, descend, haut, parce que c'est ce que sont cette image-clé et cette image-clé, puis elle se déplace vers la droite, puis elle s'arrête. Il a pingpongé entre ces deux images clés avant les images clés, parce que c'est une expression LooPin, parce que j'ai pingpong, et parce que le modificateur en est un. Encore une fois, le modificateur de l'un est parce qu'il boucle la première image clé dans ce cas et celle après cela. S' il s'agissait d'une expression LoopOut, elle bouclerait la dernière image-clé et celle antérieure. C' est comme ça que vous obtenez un modificateur d'un. Il s'agit toujours de la dernière ou de la première image clé, selon que vous avez une expression LooPin ou LoopOut, puis celle ou toutes les images que vous avez dans votre modificateur, avant ou après cela. C' est encore un peu floue et déroutant pour vous. Assurez-vous de télécharger ce fichier de projet et de jouer dans cette composition, il suffit de lire les choses au ralenti. Pense à ce qui se passe. Pensez à ce que l'expression dit à After Effects de faire avec les images-clés, et je pense que vous serez prêt à partir. Gardez à l'esprit que le modificateur, qui est ce nombre à la fin, est facultatif. Vous pouvez simplement le laisser éteindre si vous n'avez pas besoin de faire quelque chose de fantaisie, comme sauter certaines des images clés dans la boucle.
10. Appliquer les expressions boucle : les algues: Appliquons certaines de ces expressions en boucle
sur les algues et les poissons dans notre scène sous-marine. Vous verrez dans cette scène, certains de ces calques sont des compositions et d'autres ne sont que des calques de forme. Comme ce morceau de corail, il ne va pas être animé, donc c'est juste un calque de forme. Cette vigne ici, la vigne d'algues, c'est juste une couche de forme et nous allons l'animer comme une couche de forme. Mais alors d'autres couches ici sont en fait des compositions. Ce vin d'algues est une composition, donc je vais juste double-cliquer dessus pour entrer dans la composition, et vous verrez une autre composition dans cette composition. Mais dans cette composition des algues, j'ai ajouté un effet de pliage. Juste dans les Effets & Presets, j'ai ajouté CC bend sur toute cette composition, qui contient toutes les différentes pièces que vous utilisez actuellement dans la tige des algues. Dans cette composition algues vine1, j'ai ce virage, et j'ai déjà l'image-clé pour que tout cela puisse jouer à la flexion d'un côté en quatre secondes. Maintenant, je veux revenir à cette position dans les quatre secondes restantes de cette composition. Vous avez peut-être déjà deviné quelle expression je vais vouloir utiliser sur ces images clés. Je veux revenir à cette image-clé, donc je vais juste utiliser l'expression ping-pong. Je vais définir une expression en maintenant la touche Option ou Alt
enfoncée et en cliquant sur le chronomètre, et cela va ouvrir cette petite zone de frappe d'expression pour moi. Je vais juste entrer et taper boucle, et je vais utiliser LoopOut, alors assurez-vous que vous tapez avec un O majuscule pour sortir. Ensuite, After Effects est assez bon pour deviner ce que vous voulez dire, donc je peux juste appuyer sur Entrée et ça finira la LoopOut, et ça me donnera ces parenthèses. Ensuite, je vais utiliser les guillemets, et puis je peux choisir parmi cette liste des différents types d'expression que je peux utiliser, ou je peux juste commencer à taper et ensuite appuyer sur Entrée. Vous devez vous assurer que votre expression ressemble exactement à ceci lorsqu'elle est tapée. After Effects est vraiment bon pour vous aider et deviner ce que vous voulez dire, sauf si vous êtes sur une version vraiment arcade. Rejouons ça et voyons à quoi ça ressemble. Parfait. Donc nous avons fait notre première boucle, mais vous avez peut-être remarqué un petit saut à la fin quand il revient à zéro, et c'est juste parce que nous n'avons pas bouclé les feuilles. Alors allons dans cette composition et voyons ce que nous avons ici. J' ai un effet de pliage sur chaque feuille et j'ai aussi un effet de rotation ou juste des images clés sur la propriété de rotation pour chaque feuille et ces images clés ne sont pas en boucle. Ce que nous devons faire est d'appliquer une expression de boucle à toutes ces images clés. Encore une fois, pour ajouter une expression à une propriété, Option ou Alt, cliquez sur le chronomètre, tapez LoopOut, puis « pingpong ». Donc, en utilisant cette même expression, puis cliquez dessus, et maintenant cette feuille du haut va être en boucle pour le pli de la feuille, mais pas leur rotation, alors faisons-le. LoopOut et ensuite « pingpong », et maintenant cette feuille du haut va être en boucle, donc nous pouvons juste jouer ça juste pour vérifier très rapidement. La feuille supérieure a l'air bien, sauf que vous verrez qu'elle saute à la fin. C' est parce que nous avons ce cadre vide juste ici, et c'est parce que nos couches se terminent. Assurez-vous donc que nous étendons toutes nos couches jusqu'à la fin. Maintenant, ils sont encore visibles, mais cela soulève un autre point important. Si j'appuie sur « Commande K » pour voir les paramètres de composition, cette composition est de huit secondes et une image supplémentaire. Il y a une raison pour
laquelle j'aime accepter un cadre supplémentaire, et c'est parce que lorsque vous bouclez une composition, et c'est parce que lorsque vous bouclez une composition,que nous apprendrons à faire plus tard, cela aide à avoir ce cadre supplémentaire afin que vous n'ayez pas de choses disparaissent. Je vais couvrir ça de manière plus détaillée un peu plus tard quand on boucle des compositions. Mais sachez que maintenant j'ai cette compétition pendant huit secondes et un cadre supplémentaire. Donc, quand je rejoue
ça, ce ne sera pas une boucle parfaite parce que j'ai un cadrage supplémentaire ici. Ce que je vais faire, c'est juste prendre ma zone de travail et faire glisser à une image vers l'avant. Maintenant, ma dernière image devrait être à 7h29. C' est la dernière image qu'il va lire lorsque je prévisualise, de cette
façon, il bouclera parfaitement. C' est juste quelque chose à prendre en compte lorsque vous prévisualisez des animations. Cela aura un peu plus de sens plus tard, comme je l'ai dit. Si vous avez un message d'erreur parce qu'une de vos expressions est incorrecte, vous verrez probablement une petite barre orange juste ici. Il suffit de vérifier que vous avez tout saisi correctement et peut-être même simplement le supprimer et essayer à nouveau. Nous voulons appliquer cette expression Loopout-pingpong à toutes nos autres clés dans cette composition. Un petit conseil que nous pouvons utiliser pour gagner du temps est de sélectionner ces deux propriétés. Maintenez la touche Maj enfoncée pour sélectionner les deux. Toutes vos images clés doivent être bleues sur ce calque, puis accédez à Modifier, Copier l'expression uniquement, puis cliquez sur tous vos autres calques,
à l'exception de la tige, sur toutes les autres feuilles, puis appuyez sur Commande-V pour coller, et vous pouvez voir qu'il est collé toutes ces expressions sur tous ces calques. On n'a pas eu à le taper un tas de fois. Maintenant, si on joue ça, ça devrait être en boucle. Ça a l'air bien. Si nous revenons dans la composition principale de cette algue et que nous jouons le tout en arrière, nous devrions avoir une boucle parfaite où l'algue entière se plie et toutes les feuilles se plient un peu et tournent un peu sur leur propre. Juste une note rapide est que cette composition est de huit secondes.
11. Le chevauchement des actions: Nous avons notre première boucle de vigne d'algues, mais tout bouge en même temps. Les feuilles et la bande principale sur les algues se produisent tous soit à zéro cadres, quatre secondes ou huit secondes. Comparons cette algue avec l'algue que j'ai dans mon animation finale. Voici celui de mon animation finale sur la droite, vous pouvez le dire parce qu'il a la texture dessus, et à gauche nous avons l'algue que nous venons de faire boucle. Si je joue ça, voyez si vous pouvez remarquer la différence entre les deux. Dans l'algue à droite, j'ai ajouté l'action qui se chevauche. Vous pouvez également appeler ce suivi. Ce que cela signifie, c'est que tout ne bouge pas en même temps. Si je joue ça gentil et lent, on peut voir comment les algues principales se plient. Quand il arrive à sa position la plus courbée, qui est à peu près ici, les feuilles ne sont pas dans leur position la plus courbée. Ils sont un peu en retard, donc ils se déplacent toujours vers la droite. Même si l'algue dans son ensemble est tout le chemin virage vers la droite. Les feuilles vont encore, puis l'algue entière va commencer à se pencher vers la gauche, et les feuilles commencent à revenir vers la gauche. Maintenant, ils ont commencé juste un peu plus tard. Ce que j'ai fait ici sur cette algue à droite, c'est que j'ai décalé l'image-clé pour que tout ne se passe pas en même temps. Si vous regardez ces deux morceaux d'
algues animées et que vous ne voyez pas vraiment la différence dont je parle, ne vous battez pas à ce sujet. Il est tout à fait normal que vous preniez beaucoup de pratique et de temps pour pouvoir développer un œil pour l'animation afin que vous puissiez voir ces différences subtiles. J' ai créé cette illustration au milieu, j'ai chevauché deux algues et coloré celle avec une action qui se chevauche. C' est celui que vous voyez à droite. Je l'ai colorié avec du rouge. Maintenant, nous pouvons mieux voir la différence dans le calendrier des feuilles. J' ai décalé cette couche de sorte que
la courbure principale sur les algues principales se produise pour ces deux algues en même temps,
et aussi au cas où vous n'étiez pas sûr qu'il y ait une algue en dessous, et c'est celle sur la gauche. Rejouons ça, et voyons la différence dans les feuilles. Vous pouvez déjà dire ici et ici, tout comme sur les bords des feuilles, vous pouvez voir que les feuilles vertes, qui sont la version originale sans chevauchement action, sont un peu décalées par rapport au rouge feuilles. Quand je joue ça en arrière, vous pouvez voir que les feuilles rouges, qui sont celles avec une action qui se chevauche, sont un peu derrière ces feuilles vertes qui n'ont pas l'action qui se chevauche. Rendre cette animation offset comme ça, rend un peu plus naturelle et réaliste. Maintenant, allons dans cette algue et ajouter une action qui se chevauche. D' abord, je veux que le virage de toute l'algue se produise juste un peu plus tôt. Je vais juste sélectionner ces deux images clés et les faire glisser vers l'arrière ou vers la gauche, jusqu'à environ trois secondes pour cette dernière image clé. C' est normal que ma première image-clé ait disparu. C'est hors-écran. Parce que nous avons cette expression LoopOut que image clé est toujours en cours de calcul lors de la lecture. Si nous jouons ça maintenant, vous pouvez voir que c'est déjà beaucoup mieux. Les feuilles attendent déjà un peu avant de commencer à bouger. Parce que nous avons remonté la position de virage pour être plus tôt sur cette algue entière. C' était juste un petit changement et ça semble beaucoup mieux, beaucoup plus naturel. Il bouclait toujours parfaitement. Lorsque vous animez, vous devriez toujours
penser à pourquoi quelque chose bouge et qui vous
aidera à animer quelque chose pour le rendre plus réaliste ou naturel. Pour cette algue, la raison pour laquelle elle se plie avant en
arrière est à cause des vagues dans l'océan. Je peux ajouter un peu plus d'action qui se chevauche à cela pour le rendre encore plus intéressant. Si je vais dans mon pré-comp, je vais faire passer les feuilles sur le dessus avant les feuilles sur le fond. Parce que les feuilles du fond sont plus proches de
la tige ancrée dans le fond de l'océan, elles vont être un peu plus rigides et elles vont bouger un peu plus tard. Si vous imaginez que l'océan pousse les algues, il va pousser le haut d'abord parce que c'est le moins stable. Il est plus loin de l'ancre de la tige dans le fond de l'océan, donc il va bouger d'abord ,
puis quand
ça bouge, il va tirer le reste des algues. Le haut se déplacera un peu avant le bas. Faisons bouger ces feuilles supérieures un peu avant ces feuilles inférieures. D' abord, je vais juste appuyer sur U sur mon clavier quelques fois pour cacher ces expressions, puis montrer mes images clés, et je veux que mon congé supérieur bouge d'abord. On est doués avec ces images clés. Ensuite, je veux décaler les deux secondes par un cadre. Ça va être la feuille 8 et la feuille 7. Je vais sélectionner toutes ces images clés et simplement les faire glisser une image vers l'avant dans le temps. Ensuite, je vais prendre ces deux prochaines feuilles et faire glisser celles-ci, deux images vers l'avant. Ensuite, le prochain set va aller trois images en avant. Vous pouvez également maintenir la touche Option ou Alt enfoncée
, puis appuyer sur la touche fléchée Haut de votre clavier pour déplacer vos images clés. Ce sera là, et les dernières feuilles vont faire avancer quatre images. Rejouons tout ça. Cela semble beaucoup mieux avec l'action superposée que nous avons ajoutée simplement en décalant nos images clés. Les algues annulaires que vous trouverez également dans le dossier des algues vont fonctionner exactement de la même manière. Il a un virage sur toute l'algue, puis chaque petit segment ou bois comme je l'ai appelé, parce que c'était comme un bois, va avoir un virage dans une image-clé de rotation. Comme ça va marcher comme la vigne que nous venons de faire, vous pouvez aller de l'avant et passer à la prochaine vidéo ou si vous voulez un rafraîchissement, allez-y et continuez à regarder et je vous montrerai comment faire
ça encore une fois sur cette algue en bois . Les dernières algues en bois devraient ressembler à ceci.
12. Boucler la vague ; l'effet de déformation: Le prochain morceau d'algues que je vais animer est cette mauvaise herbe. Cette algue n'a pas vraiment d'animation dessus. Ce que je vais faire, c'est aller sur mon panneau Effets et Préréglages, et juste chercher l'effet de distorsion des vagues, alors assurez-vous que vous obtenez la distorsion des vagues et pas comme le monde des vagues. Ensuite, vous allez faire glisser l'effet de distorsion d'onde sur l'une de vos feuilles. Je vais commencer par cette feuille 3, parce que c'est de haut en bas et que ça va rendre plus facile de voir ce qui se passe. Je vais faire glisser cela sur ce calque, et maintenant dans votre panneau Options d'effet qui aurait dû s'ouvrir automatiquement, mais vous pouvez toujours trouver tout ce qui manque ici dans l'onglet Fenêtre. Ce que ça fait si je rejoue
ça, c'est transformer les algues en un mouvement vague. Résolvons juste celle-là pour qu'on puisse vraiment voir ce qui se passe. Ce n'est pas comme ça que je veux que cela soit animé, je veux qu'il ressemble à ce que les vagues poussent les algues d'avant en arrière. Ce que je vais faire, c'est ajuster d'abord la direction, ça bouge à 90 degrés, je vais le faire à zéro. Vous pouvez déjà voir que c'est plus l'effet que je voulais, quelque chose comme ça. Mais évidemment, le fond de l'algue ne bougerait pas autant comme il est maintenant, donc je dois épingler le bas sur le bord inférieur. Maintenant, il est ancré ici comme les algues le seraient dans la vraie vie. Mais c'est un peu trop ondulé, donc ce que je peux faire est d'aller et d'ajuster la hauteur des vagues. Je l'ai déjà fait, donc je sais que quatre semble bien, mais juste jouer avec des valeurs si vous
travaillez avec les différentes pièces d'algues ou si vous voulez un look différent. Maintenant, la dernière chose à ajuster est la vitesse d'onde, et c'est ainsi que nous allons faire la boucle d'animation. Regardons ce que nous avons en
ce moment, ça va un peu vite, donc je vais devoir le ralentir. Mais vous remarquerez que c'est déjà en boucle parfaitement, donc j'ai besoin de ralentir, mais je veux aussi le faire paraître encore. Voyons comment nous pouvons le faire sans gâcher la boucle, et la raison pour laquelle cela est en boucle est parce que la vitesse d'onde est définie sur un. Chaque seconde, cela va faire un cycle, si votre comp est une durée divisible par un, alors cela va boucler. Si je devais mettre ça à sept, vous verrez que cela va aussi boucler. Si je veux changer la vitesse, je dois juste être conscient que je mets la vitesse à un nombre qui est divisible par la longueur de ma composition. Dans ce cas, la vitesse est ce que nous ajustons, donc la vitesse est un cycle de cette vague, vous pouvez voir qu'une seconde est la même que zéro. Si je mets cela à 0.5, qui est une vitesse plus lente qu'un, cela va prendre deux secondes pour faire un cycle complet, donc vous verrez que deux images sont maintenant les mêmes qu'une seule image. Un nombre pair serait divisible par une vitesse de 0,5. Mais c'est encore un peu trop rapide pour ce que je veux, je vais avoir cette vitesse à nouveau, je vais descendre à 0,25, qui va doubler le temps qu'il faut pour terminer un cycle complet, donc maintenant ça va être à Quatre secondes. Si nous jouons ça, vous pouvez voir que zéro et quatre secondes sont les mêmes, et c'est divisible par huit secondes, nous ferons deux cycles dans les huit secondes. Si nous rejouons ça, ça va toujours se boucler parfaitement. Mais ça va beaucoup plus lentement, ce qui est plus réaliste pour ma scène. Maintenant, vous savez comment boucler l'effet de distorsion d'onde, il suffit de trouver une vitesse qui fait qu'un cycle complet d'une vague se produise dans une quantité de temps qui est divisible avec la longueur de votre composition. Dans ce cas, 0.25 va prendre quatre secondes pour faire un cycle complet de l'onde et quatre secondes est divisible par huit secondes, évidemment, c'est pourquoi cela va parfaitement boucler. Maintenant, appliquons cet effet de distorsion des vagues en boucle à toutes nos autres feuilles pour faire cette algue complète. Je vais juste copier l'effet de distorsion d'onde à partir du panneau Options d'effets, puis le coller sur mes trois autres feuilles. Si je rejoue ça, tu verras que tout est en train d'agiter en même temps, qui semble bien, et si c'est le regard que tu cherches, c'est tout à fait bien. Tu as fini, parce que ça va toujours boucler parfaitement. Mais si vous voulez le changer un peu et compenser le timing des vagues, vous pouvez le faire aussi. Allons-y, et tu n'as pas besoin de tout ça, je suis désolé. Une chose que je veux faire est d'ajuster un peu la direction de l'onde, parce que ces feuilles sont tournées. Sur cette première feuille, je vais juste prendre la direction de l'onde et l'aligner plus étroitement à la rotation de cette vague, et ensuite je vais faire la même chose avec la feuille 2, peut-être quelque chose comme ça et la feuille 4 va être comme que, si déjà cela est à la recherche un peu plus varié entre les feuilles. Une autre chose que je peux faire est d'ajuster la phase et la phase ne va pas affecter la façon dont cette boucle. La seule chose qui affecte vraiment la façon dont ces boucles est la vitesse, donc je peux ajuster la phase à mon goût, c'est juste là
que la vague va commencer, et puisque la vitesse le fait commencer et se terminer au même endroit, vous êtes C'est bon d'y aller. Je vais juste changer la phase à quelque chose de différent pour rendre ça plus varié, peut-être quelque chose comme ça, et nous ferons la même chose pour les autres feuilles. J' aime la feuille 1 comme ça. Rejouons ça. Vous pouvez continuer à ajuster la phase et la direction de la vague jusqu'à ce que vous soyez satisfait de l'apparence de vos algues, mais je vais laisser la mienne ici. C' est ainsi que vous bouclez l'effet de distorsion d'onde. Assez facile.
13. Animer d'autres algues: Si vous travaillez avec le fichier que j'ai fourni et suivi avec moi, vous devriez avoir une partie de vos algues maintenant animées dans la composition de la scène sous-marine. Mais nous avons encore un peu d'algues à animer, alors faisons-le maintenant. La première sur laquelle je vais travailler est cette vigne 2, et vous en avez quelques différentes dans cette composition et ce ne sont que des couches de forme. Si vous appuyez sur U sur votre clavier pour voir toutes les images clés, vous verrez que cette couche a déjà quelques images clés de rotation
dessus , mais nous devons faire boucler ces images clés de rotation. Il suffit de cliquer sur le chronomètre, et nous allons utiliser pingpong, donc ce sera LoopOut puis pingpong. Maintenant, la rotation va boucler, et nous nous concentrons sur cette algue juste ici. Je vais juste en solo pour que tu puisses voir sur quoi on travaille. Maintenant, cette rotation subtile va être en boucle, mais ajoutons aussi l'effet de distorsion des vagues à cette algue pour qu'elle ait un peu plus de mouvement. J' ai déjà cela tiré vers le haut dans mon panneau effets et presets, et je vais juste faire glisser l'effet de distorsion d'onde sur ce calque. Déjà, ça a l'air un peu étrange et c'est parce que nous avons besoin d'ajuster la direction des déformations des vagues. Je vais faire ce zéro, et c'est évidemment trop ondulé. Pour rendre ce côté moins ondulé, je vais en fait ajuster la hauteur de l'onde à trois, puis j'ajusterai la largeur de l'onde pour ajuster le nombre de vagues qui s'adaptent à ce morceau d'algues, donc seulement porter cela à 60. Maintenant, c'est juste un couple d'un côté à l'autre plutôt que autant que nous en avions avant. Voyons à quoi ça ressemble. Ça a l'air plutôt bien. J' ai besoin d'ancrer le fond de mes algues, donc je vais utiliser l'épinglage et régler ça sur le bord inférieur, puis je vais aussi ajuster la vitesse. Comme l'autre herbe de fantaisie, je vais juste utiliser 0,25 et ça va faire une vague en quatre secondes,
puis dans ma composition de huit secondes au total, ça va agiter en deux cycles complets. Ça va aller à la même vitesse que ma fougère, ce qui a du sens parce qu'ils sont tous dans la même scène sous-marine. Ils devraient aller à peu près à la même vitesse. Ça a l'air bien. J'ai encore
quelques exemples de la vigne 2 algues dans cette composition. Je vais juste annuler le solo et aller trouver ces autres instances, et m'assurer que je boucle les images-clés en définissant cette expression de ping-pong en boucle, et aussi copier et coller cet effet de distorsion d'onde. Je vais d'abord sélectionner la déformation des vagues, appuyer sur la commande C pour la copier, puis je vais sélectionner mes autres algues. Je pense que ce sont les trois, et ensuite je vais appuyer sur la commande V pour coller. Vous devriez remarquer qu'il apparaît dans votre contrôle d'effets afin que vous sachiez que vous l'avez collé. Mais vous pouvez aussi, avec une de vos vignes que vous venez de coller sur sélectionnée, appuyer sur E sur le mot-clé et cela fera apparaître tous les effets que vous avez sur cette couche. J' ai une distorsion d'onde, donc je sais que cela a été copié et collé avec succès. Maintenant, je vais sélectionner la rotation. Accédez à Modifier et copier l'expression uniquement. Assurez-vous que vous copiez l'expression de l'algue réelle sur laquelle vous définissez l'expression, puis je vais sélectionner à nouveau ces autres algues, et appuyez sur « Commande V » pour coller cette expression. Si j'appuie sur U sur le clavier, vous pouvez voir que mes numéros sont rouges, cela signifie
que l'expression a été collée là-dedans. Maintenant, les algues de la vigne 2 sont bonnes à partir. Ensuite, je vais animer cette vigne 3 avec l'effet de distorsion des vagues. Je vais le sélectionner ici, puis pour trouver cela sur ma chronologie très facilement, un raccourci utile que vous pouvez utiliser est la touche X de votre clavier, puis je vais juste faire défiler votre timeline pour que la couche supérieure être le calque que vous avez sélectionné. Cela peut être super pratique lorsque vous avez une composition avec beaucoup de couches dedans. Ce que je vais faire avec cette vigne 3, c'est juste faire glisser l'effet de distorsion des vagues sur. Parfois, lorsque vous essayez de faire glisser un effet sur et que vous avez un tas de calques, la chronologie commence à défiler et vous manquez le calque. Ça m'est arrivé un tas de temps tout à l'heure, et je vais éditer tout ça. Tu n'as pas à me regarder me battre. Mais ce que vous pouvez faire, je viens de découvrir, c'est que vous pouvez réellement faire glisser l'effet de distorsion d'onde sur votre composition, sur le calque, ce qui le rend beaucoup plus facile. Peut-être que ce petit pourboire t'aidera, ça m'a sauvé. Je vais ajuster la hauteur de l'onde à quelque chose comme cinq, et la largeur de l'onde aussi comme 80. Résolvons ça pour voir avec quoi nous travaillons, et j'ai oublié que je devais changer la direction à zéro. Ça a l'air plutôt bien. Je vais aussi épingler le fond comme toujours, et changeons la vitesse d'onde 2.25. Maintenant, vous n'avez pas besoin d'utiliser les mêmes paramètres que moi, vous pouvez les ajuster à votre goût. Ça me semble plutôt bien. Je n'ai pas de rotation là-dessus, donc la distorsion des vagues est la seule chose dont je dois m'inquiéter. Copiez cette distorsion d'onde et trouvons d'autres instances de cette algue, et collez l'effet de distorsion d'onde, et il y en a une derrière. Je crois que je les ai tous, donc on devrait être bien d'aller avec ce morceau d'algue. La dernière à faire est cette algue cahoteuse juste ici. Je vais juste appliquer aussi l'effet de distorsion d'onde à cela, et pour celui-ci, les paramètres que je vais utiliser sont deux et 100, puis la direction de zéro à nouveau, vitesse de 0,25 à nouveau. Je sais que les boucles et l'ancrage du fond. Ça va être un effet très subtil. Je ne sais pas si c'est un vrai morceau d'algue, mais dans mon imagination, ce morceau d'algue ne bouge pas autant. Juste quelque chose de très subtil. Je vais juste copier et coller cet effet sur toutes les autres instances de l'algue cahoteuse. Maintenant, nous devrions avoir toutes nos algues animées. Je ne vais pas animer ce corail ou ce corail parce que j'ai regardé une référence de corail et ils sont assez raides, donc je ne pense pas qu'ils ont vraiment besoin d'animation. J' ai juste donné ça une seconde pour courir l'aperçu et maintenant nous pouvons jouer nos algues et regarder tout s'animer. Tout va très bien en boucle. Mais une chose que vous remarquerez est que tout se passe exactement en même temps. Je vais vous montrer comment décaler vos algues pour rendre la scène un peu plus réaliste dans une autre vidéo. Si vous êtes vraiment observateur, vous remarquerez peut-être aussi que cette algue va à droite, tandis que cette algue et cette algue vont à gauche. La raison en est que j'ai inversé la direction juste
en prenant l'échelle et en la mettant à 100 négatif dans la direction X. La raison pour laquelle j'ai fait cela est juste pour ajouter rapidement et facilement un peu plus de variété à ces morceaux d'algues sans avoir à les recréer.
14. Appliquer l'expression boucle : le poisson-ange: Dans cette vidéo, nous allons passer au poisson et les faire boucler. Le premier poisson avec lequel je vais travailler est le poisson-ange. Si j'appuie sur « U » sur le clavier, vous verrez les images clés que j'ai déjà définies. La première chose que je veux faire est juste de faire tout cela en boucle. La première clé de cette nageoire va d'une rotation de zéro dans les trois directions. Vous remarquerez que ce sont des couches 3D parce que ce poisson va aller de l'avant et de l'arrière dans l'axe z. C' est vers nous et loin de nous parce que c'est comme ça qu'
un poisson manoeuvrait dans l'eau. Même si ce sont des couches plates, ce ne sont que des couches 2D. Je les ai fait des couches 3D en cochant cette petite boîte ici, et cela va le rendre un peu plus réaliste tout en utilisant toujours des couches 2D. Pour faire boucler ces images clés sur la fin, je vais utiliser l'expression de boucle de cycle. Vous pouvez voir que ma première image clé est zéro, mon image clé du milieu est tournée, puis ma dernière image clé est zéro. Vous vous demandez peut-être : « Pourquoi vous embêter à définir ces images clés ? Si je reviens à zéro, je ne pourrais tout simplement pas avoir ces images clés et ensuite faire une expression de ping-pong entre ces deux. » qui est vrai, mais si vous sélectionnez ces images clés et regardez dans l'éditeur de graphiques, vous remarquerez que l'accélération de ces images clés n'est pas la même. Quand le poisson recule la nageoire vers son corps, c'est comme d'ici quand il est tourné vers ici, je veux qu'elle se déplace un peu plus rapidement à mesure qu'elle se rapproche du corps parce que c'est comme si le poisson poussant l'eau et tirant cette nageoire rapidement dans son corps pour la propulser vers l'avant. Je veux que la motion reflète
ce qui se passerait dans la vie réelle ou de plus près du moins. Donc, j'ai une facilité différente comme vous pouvez le voir ce gros graphique ici sur ces deux images clés. Au lieu d'utiliser le ping pong, qui irait juste d'ici d'avant en arrière, je vais utiliser la boucle, qui va aller d'ici et d'ici, puis revenir au début et à travers. De cette façon, je peux utiliser un assouplissement différent entre ces trois points plutôt que d'avoir seulement deux points à travailler. Je vais cliquer sous l'éditeur de graphique et revenir en arrière, puis appuyez sur l'option et le chronomètre pour taper mon expression. Ça va être LoopOut, puis maintenant faire le cycle. Je peux simplement copier cela en cliquant dessus et en le sélectionnant ici, puis coller et coller. Maintenant, nous allons boucler la rotation sur le corps. C' est un peu plus difficile à voir parce qu'il vient vers nous et loin de nous. Pour mieux voir cela, si vous allez juste ici où il est dit une vue et descendez à deux vues, vous verrez une vue descendante. Ce poisson est juste des couches 2D, comme je l'ai mentionné, mais vous pouvez voir la ligne de la couche à partir de la vue de dessus. Vous pouvez voir comment cela est tourné. Le bas de l'écran va être vers nous, et le haut de l'écran va être loin de nous. Ce poisson est incliné avec sa tête plus proche de nous. Ensuite, si vous faites glisser sur ces images clés, vous pouvez voir l'animation où le poisson se déplace d'un côté à l'autre pour nager, et la queue fait comme si le poisson était incurvé. Cette pièce est la queue ici. Nous devons faire la queue et la boucle du corps. Nous allons utiliser l'expression LoopOut avec pingpong pour les deux. Je vais juste option-clic, LoopOut et ping pong, et même chose. Si vous faites glisser votre tête de lecture sur les images clés, vous pouvez la voir animée avec la vue descendante et aussi la vue normale. Si nous lisons cela avec l'aperçu de la RAM, vous pouvez voir qu'il est en boucle de façon transparente. Maintenant, nous pouvons rendre cela un peu meilleur en compensant les différentes images clés pour le faire que le poisson nage plus comme un vrai poisson le ferait dans la vraie vie. Bien que cela soit stylisé, et il va être petit, donc il n'a pas besoin d'être parfait. Ce que je vais faire est juste d'appuyer sur « U » sur le clavier pour fermer tous mes calques, puis U à nouveau juste pour voir les images clés. La première chose que je vais faire est de sélectionner toutes ces images clés et de les déplacer à environ une seconde. De cette façon, je peux facilement les faire glisser sans qu'ils ne sortent de l'écran par ici. Si vous animez votre propre poisson ou quelque chose de différent de moi, alors vous allez devoir jouer avec cette étape pour voir ce qui semble bon. Mais comme je l'ai déjà fait une fois, je sais ce qui a l'air bien, donc on peut juste accélérer ça. Je vais ramener ces images clés de fin, deux images en arrière dans le temps. Ils commencent à 28 images. La nageoire va commencer à animer d'abord, puis le corps. Ensuite, je veux prendre les images clés de queue et décaler ces quatre images vers la droite. Quand je rejoue ça, essayez de remarquer la différence subtile entre la version originale où toutes les images clés sont alignées et celle où les images clés sont un peu décalées. Rappelez-vous, remarquer ces minuscules détails dans le mouvement prend un certain temps pour développer un œil. Si vous regardez la vue de haut en bas et que vous lisez simplement cela au ralenti, vous pouvez voir que la queue s'anime un peu après le corps. Il est un peu à la traîne. C' est comme cette animation d'action qui se chevauche que nous avons fait sur les algues. Une queue va juste un peu après le corps et la nageoire va un peu avant les deux. Si nous lisons ceci avec l'aperçu RAM, vous remarquerez qu'il y a un écart avant que l'animation ne commence, et nous ne voulons évidemment pas que ce soit le cas. Ce que nous devons faire, c'est ramener toutes ces images clés en place. Mais si je devais simplement les faire glisser comme ça, techniquement, il y aura quatre images ici et deux images sur ce calque, mais il n'y aura pas de mouvement. Techniquement, c'était le cas avec nos algues, mais ce n'était pas tellement perceptible que je ne l'ai pas évoquée. Ici, c'est un peu plus visible, donc ce que je vais faire est vraiment facile. Je vais juste faire glisser mes images clés vers la gauche jusqu'à ce que la dernière image clé à démarrer, qui est celle-ci juste ici, soit à zéro image. Mes images clés ont disparu, mais c'est correct parce que j'ai ces expressions de boucle sur ces images clés. Il continuera à jouer encore et encore, et il va parfaitement boucler. Par exemple, je peux juste aller à zéro seconde, puis huit secondes. Je n'ai vu aucun mouvement dans ma composition, ce qui signifie que ces cadres sont exactement les mêmes. Souviens-toi, cette composition est de huit secondes en une seule image, ce que je n'ai pas encore expliqué, mais je le ferai. Ensuite, pour rejouer cela comme une boucle parfaite, j'ai besoin de couper ma zone de travail de composition juste un cadre vers l'avant afin que lorsque je la rejoue, elle s'arrête à 7:29. De cette façon, je ne verrai pas la dernière image puis la première image, qui sont les mêmes, cela signifierait
que deux images sont les mêmes dans une rangée, et ce ne serait pas une boucle parfaite. Maintenant, rejouons ça. Il devrait être en boucle parfaitement avec une action qui se chevauche.
15. Appliquer l'expression boucle : un autre poisson: Faire le poisson papillon et la boucle de poisson soufflant va être vraiment similaire au poisson ange. Je vais aller un peu plus vite à travers ça. D' abord, nous avons une rotation sur la nageoire. Je vais juste faire ce
cycle de boucle et même pour la rotation z. La raison pour laquelle il s'agit d'un cycle avec trois images clés, même s'il passe de zéro à un état pivoté de retour à zéro, est que si vous regardez l'éditeur de graphique, l'accélération est différente entre les images clés. Ensuite, pour le corps, ça va être boucle et ping-pong. La même chose avec la queue. Puis la nageoire, cette nageoire est derrière le poisson et vous voyez
juste pour quelques cadres à quelques endroits. C' est très subtil, mais je l'ai juste là juste pour être un peu plus réaliste et ça va avoir le même cycle de boucle que la nageoire supérieure. Très bien, si on remet
ça, ça devrait être en boucle. Encore une fois, tout se passe en même temps. Décalons cette animation pour une action qui se chevauche ou suivons. Je vais juste frapper U sur le clavier deux fois et ensuite juste apporter
momentanément ces jusqu'à comme une seconde. Alors je veux que les nageoires, les deux nageoires arrivent en premier. Je vais faire glisser cette animation comme deux images vers la gauche afin qu'elles commencent à s'animer d'abord, puis le corps ira ensuite. Alors peut-être que cinq images après, nous aurons la queue commencer à s'animer. Si on joue juste ça, a l'air un peu plus naturel. Encore une fois, vous pouvez aller dans vos vues d'outil pour mieux voir les lignes qui représentent la vue descendante de ce poisson et vous pouvez le voir aller et venir. Ensuite, nous devons déplacer ces cadres clés pour que nous n'ayons aucune zone ici où rien ne se passe, donc je vais juste les sélectionner et le déplacer pour que la dernière image clé pour commencer, qui est ce gars ici va être à zéro cadres. Juste comme ça. Maintenant, cela devrait être une boucle transparente et aussi avec cette animation qui se chevauche. Une dernière chose que je vais faire est d'ajouter un effet de distorsion d'onde à cette nageoire inférieure. Je vais juste faire glisser l'effet de distorsion des vagues sur. Ensuite, je vais ajuster la hauteur de l'onde à une et ensuite je vais faire la largeur de l'onde un peu plus grande, comme 80. Je vais rendre ça négatif 90. De cette façon, ça va aller dans la direction que le poisson nage. Ensuite, je vais juste épingler le bord supérieur et je vais laisser la vitesse à une. Cela ajoute juste un peu plus de quelque chose au poisson papillon. Le poisson soufflé a quelques couches de plus que nos autres poissons. Il a aussi des lèvres qui vont s'ouvrir et se fermer. Si nous lisons ce que nous avons jusqu'à présent, vous verrez que les lèvres s'ouvrent près. Je veux juste que ça arrive deux fois et je vais vouloir l'aligner avec mes bulles. Je ne vais pas m'inquiéter de boucler les expressions sur ces lèvres même si je pourrais les utiliser. Ça n'arrive que deux fois. Ce n'est pas comme beaucoup d'images clés et ce sera plus facile à ajuster quand cela arrive à
aligner avec des bulles et je pourrais vouloir changer le timing en fonction du reste de ma scène plus tard. Je vais juste les laisser tels quels. Je vais juste les fermer pour rendre ça un peu plus propre. Ensuite, le masque sur le corps va avec les lèvres juste pour
le faire pour que
la bouche puisse s' ouvrir de sorte que nous n'avons pas besoin de nous en soucier non plus. Cela va avec l'animation des lèvres, même avec le masque sur le dessus du corps. Donc, tout ce qu'on a à travailler, c'est la queue. Sur le dessus du corps, nous avons quelques cadres clés de rotation pour faire aller et venir les poissons, comme vers nous et loin de nous, tout comme nos autres poissons. Sur tous ces éléments, nous allons utiliser l'expression de ping-pong en boucle. Je vais juste y aller et faire ça très vite. Si nous appliquons ça, nous avons nos poissons animés. Ça a l'air plutôt bien. Maintenant, il est décalé nos images clés pour ajouter une animation qui se chevauche. Je vais juste fermer mes couches et montrer celles dont j'ai besoin à nouveau. Ça va juste rencontrer ces cadres clés. Je vais vouloir que la nageoire aille d'abord comme d'habitude
, puis le corps va aller comme deux cadres plus tard et la queue va aller comme quatre cadres plus tard. Voyons à quoi ça ressemble. Je pense que ça a l'air plutôt bon. Alors je vais prendre toutes mes images clés. Ensuite, je vais les faire glisser vers la gauche pour que la dernière image clé à commencer, qui est celle-ci, soit à zéro image. Maintenant, nous allons juste nous assurer que cette boucle. Ça a l'air bien.
16. Les expressions boucles avancées: Si vous avez déjà vu des poissons nager auparavant, alors vous savez qu'ils ne nagent pas aussi régulièrement que nous les avons animés. Nous les avons animés pour être comme robotiques, ils se déplacent parfaitement régulièrement mais dans la vraie vie, ils se déplacent plus lentement, vite,
si vite, puis ils glissent un peu. Si vous n'avez pas accès à l'océan ou à un aquarium, je vous encourage à aller sur YouTube et
à regarder la référence des poissons nageant pour avoir une idée de ce à quoi ils ressemblent. C' est ironique parce que c'est une classe sur les animations en boucle, mais pour mon poisson ange de nager plus réaliste et d'aller lentement, puis vite, j'ai pensé qu'il serait préférable de ne pas utiliser expressions de boucle et juste d'image-clé tout l'animation. Cette composition réelle n'est pas incluse dans le fichier de projet que vous pouvez télécharger pour cette classe, mais fondamentalement tout ce que j'ai fait, c'est que je n'ai pas utilisé expressions de boucle et que j'ai juste copié et collé les images clés encore et encore, mais je les espace différemment. Vous pouvez voir ici les images clés sont proches les unes des autres, donc il va se déplacer rapidement ici. Puis plus tard, les images clés ou plus espacées, donc il va se déplacer un peu plus lentement. Jetons un coup d'oeil à ce que ma dernière animation était. Dans ce cas, j'avais juste besoin de m'assurer que mes images clés de départ et mes images clés de fin le rendaient parfaitement. Puis, pour le poisson papillon, j'ai trouvé un moyen d'utiliser des expressions en boucle pour me faire gagner du temps, mais quand même le faire nager sporadiquement. Laisse-moi te montrer comment j'ai fait ça. C' est mon poisson papillon fini qui n'est pas inclus dans votre dossier de projet. Ce que nous allons devoir faire, c'est aller au poisson papillon, et c'est celui que nous venons d'animer de façon constante. Pour nager constamment, nous allons devoir
dupliquer cela en frappant la commande D. Ensuite, je
vais juste le renommer sporadique pour savoir que c'est le poisson qui ne nage pas systématiquement. Espérons que cela dit à la fois sporadique. Alors, je vais juste ouvrir celui-là. La première chose que nous devons faire est de supprimer toutes ces expressions de boucle. Vous pouvez simplement basculer vers le bas et appuyer sur supprimer. La première chose que je vais faire est de sélectionner toutes mes images clés
en sélectionnant la rotation et vous pouvez voir comment cela sélectionne toutes les images clés. Je vais juste les traîner pour commencer à environ deux secondes. Vous avez peut-être remarqué que certaines de mes images clés se cachaient avant le début, donc ça va les rassembler tous. Pour faire nager ce papillon avec des vitesses variables, ce que je vais faire est d'utiliser une boucle dans l'expression pour lui faire répéter ces images clés dès le début et raconter ces images clés. Ensuite, après les images clés, je vais copier et coller les mêmes images clés, mais les espacer différemment pour qu'il finisse par nager à un rythme différent. Peu importe l'ordre dans lequel vous effectuez ces deux étapes, soit en ajoutant la boucle et l'expression, soit en copiant et en collant des images clés, mais je vais d'abord copier et coller les images clés. abord, ce que je veux faire est de les rendre un peu plus proches ensemble pour faire nager les poissons plus vite. Je vais avoir les images clés juste 10 images à part au lieu de 20. Je vais juste les rapprocher. Ensuite, je vais les faire commencer à ralentir. La prochaine série de cadres clés va commencer à 310. J' ai besoin de copier et coller toutes ces images clés, mais si je devais simplement les sélectionner toutes et appuyer sur Commande C, Commande V, vous le savez peut-être déjà, mais, il va copier et coller tous vos calques, pas seulement le comme vous le souhaitez. Pourquoi j'ai un plug-in pour cela qui s'appelle Motion 3. Je peux simplement sélectionner toutes les images clés, placer ma tête de lecture où je veux les coller et appuyer sur Clone. Maintenant, Motion 3 est un plug-in que vous devez
payer et j'aurai le lien ci-dessous cette vidéo. Je ne vais pas obtenir d'argent en vous disant ça, mais je trouve ça vraiment utile, donc si vous pensez que ça vous serait utile, alors allez-y et vérifiez ça. Si vous ne disposez pas d'un plug-in pour copier et coller des images clés, il
vous suffit de sélectionner vos images clés couche par couche et de cliquer sur Copier puis coller. Vous ne pouvez tout simplement pas faire plusieurs couches en même temps. Une chose que nous devons corriger tout de suite est que si vous regardiez ces images clés, regardons la nageoire dans l'éditeur de graphique, vous remarquerez que nous avons un cycle de la nageoire et puis un cycle de la nageoire, et ce n'est pas ce que nous voulons. Mais cela s'est produit parce que nous avons copié et collé les mêmes images clés exactes, mais ces images clés sont un cycle. Ils passent de zéro à un état rotatif de retour à zéro. Ce que nous avions vraiment besoin de faire était de copier le deuxième ensemble de cadres clés comme ceux-ci. Une façon de corriger cela est juste de prendre toutes ces images clés et de les placer
dans ces images clés parce que cette image clé ici est zéro,
celle-ci est zéro, celle-ci est zéro, et celle-ci est zéro, et celle-ci est zéro, et ainsi ces quatre. Cela ne changera aucune de l'animation,
mais maintenant, si je regarde mon éditeur de graphes, j'ai deux traits continus de la nageoire. Maintenant, si je devais juste faire glisser toutes ces images clés sur 310, donc 20 images écartées. Alors il va ralentir gentiment. Ensuite, je veux faire glisser ceux-ci à 20 images ou faisons un peu plus de 20 images pour le faire ralentir un peu plus. Nous devons copier et coller des images clés pour le corps et la queue qui vont avec ces images clés minces. Nous devons les copier parce que rappelez-vous que nous essayons de faire tout ça. Je vais vouloir coller ces images clés sur la queue et le corps deux images après les images clés fin, parce que c'est comme ça qu'elles sont toutes décalées. Je vais juste frapper Clone et ensuite réduire la chronologie. Je vais faire un autre clone de ces images clés parce que rappelez-vous que c'est tous les autres ici à 520. Puis, un dernier clone ici. Ça va être ces images clés qui vont là-bas. Maintenant, rejouons ça. Il nage vite et puis il ralentit. Maintenant, ajoutons la boucle dans l'expression pour répéter ces images clés dans cette section juste ici, mais je ne veux pas boucler toutes ces images clés. C' est là que ce numéro de modificateur va être très utile. Si vous vous souvenez que de la leçon d'expressions de boucle, je vais utiliser la boucle dans mais avec le cycle et un modificateur. Pour la nageoire, laissez entrer et faire de la boucle. Ensuite, je vais utiliser le cycle parce que rappelez-vous que la nageoire sort et puis de retour dans, mais l'assouplissement entre ces deux images clés est différent. C' est pour ça que nous utilisons le cycle. Ensuite, assurez-vous d'aller à droite du devis, puis d'utiliser une virgule, et c'est là que nous allons mettre dans le modificateur. Voyons quel numéro nous avons besoin pour le modificateur. Il va automatiquement faire la première image clé, puis la première,
deux après c'est ce que nous voulons. Je vais utiliser deux pour le modificateur. Maintenant, ça va répéter ces trois images clés dans cette section. Je vais vouloir faire la même chose avec la rotation z. Je vais juste copier ça et le coller et la même chose sur cette nageoire inférieure. Ensuite, pour le corps et la queue, on va et vient entre deux images clés. Je vais utiliser le loopin avec pingpong, loopin, puis pingpong, puis flèches et puis m'assurer que vous faites la virgule. Ensuite, pour comprendre le modificateur, nous allons faire le premier, c'est automatique et ensuite celui après ça et cela va simplement répéter ces deux images clés. Le modificateur est un, et ce sera la même chose sur la queue. Maintenant, rejouons ça et voyons à quoi ça ressemble. Cela semble plutôt bien, mais si vous remarquez, quand il arrive à la fin, les rotations à la dernière image et à la première image ne sont pas les mêmes. Si je positionne ma tête de lecture au début, vous pouvez regarder les numéros de rotation et cela
vous indiquera quelles sont vos valeurs de rotation au début. Ce que je veux faire comme une solution facile à cela est juste de faire une image clé à la toute fin qui utilise ces mêmes numéros de rotation. Tout est nul sauf la queue et le corps. Je vais juste passer à huit secondes et définir une image clé. En fait, ces images clés sont nulles, je vais juste les déplacer. Alors cette image-clé n'est pas en fait cinq au début, c'est 4.4. Je vais juste taper 4.4 ici. Ensuite, cette image clé glisse un peu, est négative 10.2 au début, donc je vais juste taper négatif 10.2 ici. Alors ceux-ci seront nuls. L' image-clé est déjà zéro, donc je peux simplement les faire glisser. Maintenant, les rotations à la dernière image et à la première image sont les mêmes. Maintenant, si je joue ça à travers, il devrait boucler sans problème. Il devient comme une joie au début, ce qui est en fait assez naturel pour les poissons si vous regardez une référence d'eux nager. J' aime comment ça s'est passé. Une autre chose à faire est d'ajuster cette distorsion d'onde sur la partie inférieure de la nageoire. En ce moment, la déformation des vagues qui se déplace constamment, mais nous allons définir la vitesse des vagues. À partir de zéro, il va voyager à une vitesse d'un. Ensuite, à deux secondes, nous allons juste déplacer ce 2.5 pour le ralentir. Il va définir ces images clés entières, mais l'animation de la vague va toujours s'animer en douceur. Cela semble beaucoup mieux parce qu'il est plus cohérent avec la vitesse du poisson.
17. Les compositions en boucles : les algues: Maintenant, nous sommes prêts à commencer à rassembler toutes les pièces dans notre scène sous-marine et à faire cela cela impliquera de boucler des compositions entières. Si vous remettez ce que nous avons maintenant avec nos algues, vous remarquerez que toutes les algues se balancent exactement en même temps. Mais nous pouvons rendre ce look un peu plus naturel en faisant glisser les compositions d'algues autour afin qu'elles ne soient pas toutes dans la même position en même temps. Pour ce faire, nous allons devoir boucler toute la composition. Je vais juste commencer avec cette algue juste ici. vigne d'algues 1, c'est la couche 12 et je vais en solo pour qu'on puisse se concentrer dessus. Pour faire en boucle cette composition, je vais ajouter un remap temporel. Pour ce faire, je vais cliquer avec le bouton droit sur « Le calque », aller à « Temps », puis « Activer la reprogrammation temporelle ». Cela va ajouter la propriété de remap temporelle et il va également ajouter une image clé à zéro image pour le temps à zéro seconde et zéro image. Fondamentalement, le remap temporel vous permet de définir le moment de cette composition dans la compétition que c'est dans la scène sous-marine. Vous pouvez réellement ajuster le temps pour l'accélérer ou le ralentir, en encadrant simplement le remap temporel. Vous remarquerez également qu'à la fin de ma composition, j'ai une image-clé que je ne peux pas réellement atteindre, mais elle est réglée pendant huit secondes à huit secondes dans ma composition. Mais comme il s'agit d'une composition de huit secondes, je ne peux atteindre mon jeu qu'à 729. C' est une bonne chose parce que cela fera boucler
ma scène sous-marine parfaitement parce que toutes mes couches ont la dernière image clé sur huit secondes pour être la même image que la première image clé à zéro, et je ne veux pas que ces deux images clés soient joué dos à dos sur aux boucles, parce qu'alors j'aurais deux des mêmes images clés dans une rangée et ce ne serait pas une boucle parfaite. Pour faire la boucle de composition, je vais opter pour cliquer sur le « Time Remap Chronomètre », puis utiliser mon LoopOut, boucle expression. Je n'ai pas besoin de taper quoi que ce soit dans les parenthèses parce que je veux juste ce soit cycle et je n'ai pas besoin d'un modificateur et c'est donc par défaut, ou je pourrais aussi taper dans le cycle pour que je sache
que, c'était intentionnel de l'avoir le cyclisme. Maintenant que cette composition est en boucle, je peux faire glisser le calque pour en décaler le timing. Je vais juste la glisser, donc cette image-clé est à sept heures. Maintenant, cette algue est un peu décalée par rapport aux autres types de la même algue. Allons aussi compenser cette algue par ici. Nous allons devoir faire la même chose et boucler la composition. Je peux simplement copier cette fois remap réellement et le coller sur les algues, pour rapidement faire cette composition également boucle et garder à l'esprit qu'il va coller les images clés de remap du temps où votre tête de jeu est. Ensuite, je peux simplement faire glisser le calque pour le décaler. L' image clé sera à six secondes, puis faites-le glisser. Maintenant, tous ces éléments sont décalés, un peu plus. C' est comme si une vague venait à travers cette scène. Je peux faire les mêmes étapes pour rendre l'algue en bois et aussi la vigne 1 algue qui sont à l'arrière. Si je joue ça, ma vigne et mes
algues en bois sont maintenant toutes décalées et ça semble un peu plus naturel. Une chose que je remarque, c'est que cette algue que j'ai retournée va mal. J' imagine qu'il y a une vague qui traverse ma scène, et c'est ce qui pousse les algues. Celui-ci se plie dans la direction opposée, ce qui n'a pas beaucoup de sens avec ma vague. Ce que je vais faire est juste aussi faire cette boucle. Donc, je vais ajouter le temps remap, puis le cycle LoopOut. Ensuite, je vais le faire glisser jusqu'à ce qu'il se penche plus vers la gauche, ce qui est plus en ligne avec le reste de la scène. Nous devrons aussi le faire avec cette algue ici, parce que celle-ci a aussi été retournée. Celui-ci est déjà en boucle, donc je vais juste le faire glisser et m'assurer que vous ne faites que glisser
vers la gauche parce que si vous faites glisser vers la droite, c'est l'expression LoopOut, et donc il n'y aura pas d'animation sur le début avant le remappage temporel des images clés. Je pense que quelque chose comme ça a l'air assez bien. Il y a encore quelques algues à compenser. La vigne n'a pas encore été compensée. Cela a une image clé de rotation sur elle, ainsi que l'effet de distorsion d'onde. Je pense que l'avoir plié vers la gauche d'abord est bon, mais alors peut-être que nous voulons que la distorsion des vagues se plie dans l'autre direction. Je peux juste aller jusqu'aux « Contrôles d'effets » et compenser la phase de ceci. Résolvons juste ça. Vous pouvez voir avec quoi on travaille. Quand j'ajuste la phase, elle va toujours boucler, parce que vraiment la seule chose qui détermine si elle boucle ou non est la vitesse. Je peux ajuster la phase à tout ce que je veux, alors peut-être quelque chose comme ça. Alors je peux faire la même chose sur mes autres. Celui-ci est un peu plus au centre de la comp donc la vague, si elle vient de la gauche atteindra celle-ci un peu plus tard. Peut-être que je vais juste faire glisser cette composition vers la gauche pour que la rotation soit un peu décalée. Peut-être quelque chose comme ça et alors
assurez-vous de traîner le reste de la composition. Cela devrait toujours fonctionner parfaitement parce que nous avons la propriété de boucle sur la rotation et ensuite je peux entrer. Je pense que ma distorsion d'onde est plutôt bonne pour celle-là, donc je ne vais pas l'ajuster. Ensuite, j'ajusterai la rotation. En faisant glisser ce calque, je vais le faire tourner comme ça, puis le faire glisser. Réglons la distorsion des vagues. Peut-être que la phase sera quelque chose comme ça. Nous pouvons également ajuster l'algue cahoteuse et cette vigne 3 algues en ajustant simplement la phase sur l'effet de distorsion des vagues.
18. Les compositions en boucle : le poisson: Ajoutons le reste de nos poissons à la scène. Je vais commencer par le papillon. Maintenant, j'ai déjà ajouté le pufferfish à la scène, et il est en boucle automatiquement parce qu'il démarre hors écran à droite et se termine hors écran à gauche. Mais si tous nos poissons ont fait ça, soit ont commencé hors écran à droite ou à gauche, alors ils aimeraient tous croiser en même temps au milieu. Nous aurions un cadre vide au début et à la fin, et ça ressemblerait à une race de poissons bizarre ou quelque chose comme ça. Au lieu de cela, nous voulons faire en sorte que certains de nos poissons soient déjà à l'écran quand cela commence, sorte que nous avons toujours du poisson à l'écran et que nous avons toujours des poissons hors écran. Avec ce papillon, la première chose que je vais devoir faire est de faire la boucle de composition et je vais le faire la même façon que j'ai fait ma vigne une algue. Je vais juste faire un clic droit, aller à l'heure, activer le reprogrammation de temps. Ensuite, l'option cliquez sur le chronomètre, puis faites la boucle. Tu peux faire du vélo. Vous n'avez pas à le faire parce que c'est par défaut. Alors rappelez-vous plus tôt dans cette classe, j'ai mentionné que toutes mes compositions pour le poisson étaient en fait huit secondes et un cadre, un cadre supplémentaire. Il y a une raison derrière ça, et maintenant je vais vous montrer cette raison. Lorsque je bouclerai ceci, si je fais simplement glisser le reste de ma composition, la dernière image où le remap temporel est défini, n'est en fait rien. Le poisson a disparu. Ce que nous devons faire, c'est de prendre notre tête de lecture une image sur la gauche, où vous pouvez voir le poisson est maintenant réapparu. Le temps sera de huit secondes. Nous allons appuyer sur ce petit bouton diamant pour ajouter une image clé pendant huit secondes ici, et ensuite nous pouvons supprimer cette image clé pendant huit secondes en une seule image. Maintenant, cela va se boucler parfaitement. Avant que nous ayons ce cadre manquant,
donc chaque fois qu'il jouait dessus, le poisson disparaissait pour un cadre, ce qui peut vraiment dessiner et évidemment nous ne voulons pas que cela se produise. Cela va toujours être en boucle parfaitement parce que lorsque vous bouclez l'expression de remap temporelle, elle recommence sur l'image 1 au lieu de l'image 0. J' ai donc huit secondes, ce qui est le même que mon image 0 dans cette composition. On peut vérifier ça ici. En ce moment, sur le cadre A, plus étroit sur le cadre 1, ils sont exactement les mêmes. Quand je joue ça, il va jouer à l'image 8, puis à l'image 1, et puis ça va continuer. De cette façon, j'ai fait une boucle parfaite sans répéter un cadre clé à la fin de ma composition et sans faire disparaître mon poisson pour un cadre. C' est pourquoi j'ai fixé la composition du poisson à huit secondes et un cadre supplémentaire. Ensuite, j'ai fait ce petit tour pratique où j'ai mis une image clé, une image à gauche pendant huit secondes, puis j'ai supprimé l'image clé pendant huit secondes dans une seule image. Maintenant, je peux faire glisser cette composition et si je l'étend, je peux faire démarrer ce poisson et m'arrêter n'importe où dans ma scène. Partout où je
la glisse, la première image et la dernière image seront toujours séparés d'une image, sorte que lorsque je joue ça à travers, c'est une boucle. J' ai une flexibilité totale de la façon dont je fais glisser cette composition autour. Maintenant animons ce poisson qui nage à travers la scène. En fait, je voulais prendre plus de huit secondes pour qu'il nage tout le long de la scène. Donc, pour rendre cela plus facile, je vais simplement prolonger temporairement cette composition, afin que je puisse voir où je mets mes cadres clés. Je vais juste faire 28 secondes pour l'instant. Ensuite, je vais aller et insérer un cadre clé de position à zéro pour que ce poisson soit tout le chemin de l'écran vers la gauche. Ensuite, je vais passer à environ 16 secondes, et je vais définir un cadre clé pour que ce poisson soit tout le chemin de l'écran vers la droite. Je peux y aller et ajuster ces poignées sur la trajectoire de mouvement pour le faire ne pas nager en ligne droite. Mais si vous prévisualisez cette animation, vous remarquerez que le poisson a l'air un peu bizarre parce que le corps du poisson ne tourne pas quand il se déplace vers le bas ou vers le haut. Donc, ce que nous pouvons faire est un clic droit sur la couche de poisson, monter pour transformer, puis orienter automatiquement, puis vérifier l'orientation le long du chemin. Alors de cette façon, il tournera dans la direction qu'il se déplace, soit vers le haut, soit vers le bas. Maintenant, nous pouvons revenir en arrière et faire notre composition huit secondes à nouveau. Quand on prévisualisera ceci, vous remarquerez qu'il n'arrivera qu'à environ le milieu de l'écran dans la composition en huit secondes. Ce qu'on doit faire, c'est faire un double de ce poisson, et je vais utiliser un marqueur pour savoir où le poisson finit à la fin de cette scène. Sur un Mac, ce raccourci de mot clé est contrôle huit pour définir un marqueur. Ensuite, vous pouvez déplacer ce marqueur une image vers la droite afin qu'il soit en fait sur huit secondes, puis je vais appuyer sur la commande D pour dupliquer ce calque. Je vais le faire glisser vers la gauche, sorte que mon marqueur soit maintenant sur l'image 0. La raison pour laquelle je voulais que ce marqueur soit
sur huit secondes est pour que je puisse faire une boucle parfaite, sorte que le poisson ne sera pas au même endroit sur l'écran pour deux images d'affilée. Maintenant, jouons ça et nous avons un poisson, celui-ci, notre original, qui va nager de gauche au centre de l'écran. Ensuite, j'ai un autre poisson qui va commencer au centre de cet écran où notre poisson original s'est arrêté, à la fin de la composition, à la fin de la composition,
et il va nager du centre de l'écran, vers la droite. Maintenant, nous avons deux poissons, mais c'est bon parce que je veux beaucoup de poissons dans ma scène. De cette façon, il fait en sorte qu'il bouclage parfaitement. Ce concept de faire en sorte qu'un poisson finisse là où l'autre poisson s'est arrêté est un concept important à comprendre. Laissez-moi le montrer encore une fois en utilisant le poisson-ange. Je vais traîner le poisson-ange sur ma composition, et ensuite je vais devoir le faire boucler. Je vais aller au temps, activé le reprogrammation de temps. Option cliquez, puis boucle hors cycle. Ensuite, je vais juste faire glisser ça pour que je puisse atteindre la dernière image clé. Je vais aller une image avant cela, définir une image clé pendant huit secondes, puis supprimer cette image clé pendant huit secondes dans une image, puis je peux étendre cela. Rendons notre compétition plus longue pour une seconde. Maintenant, je vais définir un cadre clé de position pour que le poisson-ange soit tout le chemin de l'écran à gauche à zéro seconde. Allons-y à 12 secondes. Je vais mettre un autre cadre clé de position pour que le poisson soit tout le chemin de l'écran vers la droite. Je vais ajuster la poignée pour que ce poisson ne se contente pas de nager. Quelque chose comme ça peut-être. Je vais faire un clic droit sur la couche, aller à transformer Auto-Orient pour qu' il semble un peu plus naturel quand le poisson nage. Maintenant, je vais ramener ma composition à seulement huit secondes. Donc je veux que ce poisson-ange ne démarre pas de l'écran, donc je vais juste faire glisser le calque peut-être à environ ici. Ensuite, je vais voir où le poisson-ange finit à la fin de ma composition. Ce n'est pas tout à fait hors de l'écran, donc ce que je vais faire est d'appuyer
sur Contrôle huit pour faire un marqueur, et je vais juste faire glisser le marqueur un cadre et je vais juste faire glisser le marqueur un cadrevers la droite pour qu'il soit sur huit secondes. Ensuite, je vais dupliquer cette composition et la faire glisser vers la gauche, sorte que ce marqueur soit sur zéro. Maintenant, j'ai un poisson qui va nager d'ici à là, c'est cette première couche. Ensuite, j'ai un poisson qui va nager, donc vraiment il n'est pas visible pendant beaucoup de temps du tout. Il part juste d'ici et puis tout le chemin. Mais ce ne sera pas encore une composition en boucle. Comme vous pouvez le voir si cela bouclait, ce poisson serait juste entrer. C' est parce qu'il commence déjà à l'écran, donc nous devons faire est de faire un autre poisson qui anime de l'écran à gauche à cette position. Sur ma couche d'origine de poisson-ange, je vais définir un marqueur pour zéro seconde. Ensuite, je vais dupliquer cette compétition à nouveau, et maintenant je vais faire glisser cette composition, sorte que ce marqueur soit à huit secondes. Assurez-vous d'appuyer sur un chemin d'image où votre tête de lecture peut atteindre, et maintenant remettons-la. Je vais juste au poisson-ange solo pour qu'on puisse se concentrer sur eux. Ça a l'air bien. J'aime penser à cela comme la technique de duplication de marque et de diapositive. Si vous avez un poisson qui commence à l'écran, et qui ne le fait pas tout à fait hors de l'écran à la fin de la composition, alors vous devrez marquer la fin de la composition et apporter ce marqueur dans un calme dupliqué au puis vous allez également avoir besoin de marquer le début de la composition et de la dupliquer, puis amener ce marqueur à la fin de la composition. Donc, vous finissez par avoir trois poissons pour faire le travail d'un seul poisson, mais vous verrez plusieurs poissons à l'écran à la fois, qui fonctionne vraiment bien pour cette scène sous-marine de toute façon. Maintenant, ce poisson-ange est en fait celui qui nage vraiment constamment, et je veux vraiment utiliser mon poisson-ange qui ne nage pas si régulièrement. Je veux utiliser ce sporadique. En fait, je vais juste supprimer ces trois anges pour l'instant. Je voulais juste montrer à nouveau comment utiliser cette technique de marquage, de
duplication et de diapositives.
19. Les compositions en boucle : le poisson sporadique: Vous pouvez ajouter vos autres poissons à la scène la même manière que nous avons ajouté le poisson papillon à la scène,
mais qu'en est-il des poissons qui ne nagent pas systématiquement ? Nous devons animer spécifiquement la position de ces poissons animant à travers l'écran afin qu'elle corresponde à la vitesse à laquelle leurs nageoires battent. Je vais le faire avec le poisson ange, donc je vais juste l'amener dans ma composition,
et la première chose que je dois faire est de faire cette boucle de composition, et ensuite je vais juste la traîner vers la gauche pour pouvoir atteindre cette image-clé, et puis je veux une image clé à huit secondes, puis je vais supprimer celle à 801.Maintenant, je dois rendre ma composition plus longue afin que je puisse voir toutes les images clés que je vais définir sur ce poisson. Allons au début, et je vais juste avoir le zéro premier de cette composition commence à zéro. Maintenant, je vais mettre en place une image clé de position pour que le poisson soit tout le chemin hors écran à gauche à l'image zéro, et je vais en faire un bon nombre négatif 150, puis je vais à huit secondes, et je vais pour faire passer le poisson aux trois quarts de ma composition. Faisons comme 1 300. Ensuite, je vais passer à 16 secondes, et je vais faire bouger le poisson à la même distance et il s'est déplacé entre ces deux images clés. Ça va être 1 300 plus 1 300 plus 150. C' était négatif à la première image clé. Si je regarde mon éditeur de graphique pour ces images clés, vous pouvez voir si vous allez au graphe de vitesse que la ligne est juste à plat. Nous savons que tout cela va à la même vitesse. Permettez-moi d'expliquer pourquoi cela aura du sens. Maintenant, je vais sélectionner toutes mes images clés, cliquez avec le bouton droit de la souris, « Assistant d'images clés, facilité d'entrée ». Maintenant, si je vais dans mon éditeur de graphiques, je peux voir que la vitesse va être rapide sur la position de ce poisson au début, et ensuite ça va ralentir. Ça va ralentir jusqu'à un arrêt ici parce que ma vitesse atteint zéro pixels par seconde. On vient de voir ce poisson pour qu'on puisse se concentrer dessus. C' est proche de ce que je veux. Je veux que le poisson bouge rapidement, puis ralentisse parce que si vous vous souvenez de cette composition, ces images clés sont rapprochées, il se déplace rapidement ici, puis il ralentit vers la fin. C' est la raison pour laquelle j'ai ajouté une image-clé au centre et ensuite j'ai fait une facilité facile parce que cela me rapproche du mouvement rapide et
lent que je veux. Mais maintenant, je vais devoir aller et ajuster l'éditeur de graphiques. Je vais juste sélectionner toutes ces images clés et les faire passer de zéro parce que je ne veux pas qu'il s'arrête complètement. Je vais juste les faire glisser, et voyons si ça a l'air mieux. Ça a l'air mieux. Il tire rapidement ici à la deuxième fois à travers son animation où il commence à boucler, donc je vais cliquer sur le côté pour désélectionner toutes mes images clés, puis pour rendre ça plus subtile, je vais juste faire baisser ce point et donc maintenant il va augmenter plus progressivement. Je veux aussi que le poisson va un peu plus lentement à ce point, donc je peux juste ajuster cette poignée, probablement vouloir la même chose sur celui-ci.Vous allez juste avoir besoin de jouer dans votre éditeur de graphique en ajustant les poignées pour obtenir le poisson de se déplacer avec le moment que vous voulez. Rejouons ça et voyons à quoi ça ressemble. Ce n'est pas mal, alors je vais rester avec ça pour l'instant. Je vais fermer sur mon éditeur de graphes.Ce poisson nage très droit, donc je vais juste entrer et ajuster les poignées sur la trajectoire de mouvement. J' ai aussi besoin de cliquer avec le bouton droit de la souris, d'aller à la transformation, auto-orienter et de m'assurer que mon poisson est orienté le long du chemin, puis ce que je vais faire est de revenir à une composition de huit secondes. À huit secondes, ce poisson ne fait qu'arriver ici dans la composition. Je vais définir un marqueur sur mon calque en appuyant sur le contrôle huit, puis je veux juste faire glisser le marqueur d'une image, donc c'est à
huit secondes, puis je peux appuyer sur la commande D pour dupliquer le calque. Je vais prendre le duplicata et déplacer le marqueur à zéro image. Maintenant, j'ai un poisson qui va passer de la gauche à environ trois quarts du chemin à travers la composition, puis un autre poisson qui va nager des
trois quarts du chemin à travers la composition hors de l'écran. Rejouons ça. Ça a l'air assez bien et mon Fischer bouclait. Si vous le souhaitez, vous pouvez même prendre une partie des poissons et
les déplacer derrière une partie de la couche d'algues afin qu'ils nagent entre les algues. Si vous voulez ajuster les images clés de position qui sont déjà définies, alors disons que je voulais prendre ces poissons papillon et les déplacer vers le bas dans mes algues, je vais sélectionner les deux poissons, appuyer sur P sur le clavier, puis sélectionner les deux positions, et assurez-vous que ma tête de jeu est au-dessus de l'une des images clés de position. Peu importe lequel. Ensuite, je vais faire glisser la valeur y pour l'image-clé que vous avez survolée, cette couche vers le bas à l'endroit où vous le voulez, puis les deux poissons auraient dû bouger. Maintenant, vous pouvez prendre vos calques dans votre chronologie, il suffit de les déplacer sous quelques algues. Peut-être que c'est un peu fa. Peut-être quelque chose comme ça. Regardons ce que nous avons. Maintenant, vous avez tout ce que vous devez savoir si vous voulez ajouter plus de poisson à l'utilisation, pour utiliser la même technique que je vous ai montré dans cette vidéo.
20. Ajouter des détails finaux: Cette vidéo est totalement facultative si vous souhaitez ajouter des détails supplémentaires à votre scène. On a ce poisson gonflé qui lui ouvre la bouche. Ce que je vais faire, c'est ajouter des bulles qui sortent de sa bouche. Maintenant, je l'ai déjà animé pour vous dans cette composition de bulles. Juste ces cinq bulles qui remontent après leur apparition. Je vais retourner dans ma scène sous-marine et ensuite je vais traîner ma bulle pour que la petite croix ici au centre de ma souris soit juste près de la bouche de poisson bouffant. Je vais aussi au début de cette composition pour commencer ici où ma tête de jeu est là où sa bouche est ouverte, puis ces bulles vont remonter et il ouvre aussi la bouche juste là. Je vais reprendre la composition des bulles et le faire glisser là-bas et m'assurer
qu'il commence là où se trouve ma tête de jeu. Maintenant, ces bulles
ne sont pas tout à fait terminées s'animant au moment où la composition se termine, donc quand on recommence à zéro, les bulles vont juste disparaître. Ce que nous devons faire, c'est refaire cette petite technique de marquage. Je vais appuyer sur « Contrôle A » pour faire un marqueur. Ensuite, déplacez le marqueur sur une image à huit secondes, puis dupliquez cette composition et faites-le glisser pour que le marqueur soit à zéro. Maintenant, cela va faire une boucle parfaite. J' ai aussi inclus ces autres bulles si vous voulez les
faire sortir de l'algue ou quelque chose comme ça. Si vous voulez ajouter du poisson, l'arrière-plan de votre scène comme je l'ai fait ici, je vais vous montrer comment faire ça maintenant. On peut en fait dupliquer certains des poissons que nous avons ici. Je vais sélectionner mes deux poissons papillon, et je vais juste appuyer sur « Commande D » pour les dupliquer et puis je vais les faire glisser sous
les autres poissons papillons et ensuite je vais prendre ces compositions et il suffit de les glisser vers la gauche sur ma chronologie. Je vais aussi frapper S sur le clavier pour ramper la propriété de l'échelle et juste les réduire un peu, donc maintenant j'ai comme un bébé poisson papillon. Je veux aussi les colorer plus sombres pour qu'ils aient l'air d'être en arrière-plan. Je vais passer à mes Effets et Presets et chercher remplissage, puis je vais prendre cette propriété Fill et la faire glisser sur un de mes petits poissons. Ensuite, pour la couleur, je vais juste goûter le fond de l'océan à l'arrière pour ce poisson et je peux juste copier l'effet de remplissage et le coller sur les autres poissons. Je veux aussi les déplacer derrière toutes mes algues corrélées. Je vais juste les traîner jusqu'ici et ils sont difficiles à voir là-bas. Je veux les élever un peu. Je vais juste appuyer sur P sur mon clavier pour faire apparaître la position et je vais trouver une de ces images clés de position pour que je puisse mettre ma tête de jeu dessus et ensuite je vais juste sélectionner les deux positions. Sur le calque que j'ai, l'image-clé sur laquelle ma tête de jeu est sur, je vais faire glisser la position y, donc il déplace ces poissons vers le haut. Quelque chose comme ça. Maintenant, une autre chose à noter est que parce que nous avons juste dupliqué notre poisson avant pour faire ces poissons d'arrière-plan est qu'ils sont les images clés de
position sont les mêmes et qu'ils vont avoir la même trajectoire de mouvement. Ils vont être comme monter et descendre comme ça. Mais nous avons compensé le calendrier d'entre eux, ce qui ajoutera un peu de variation. Mais si vous ne vouliez pas qu'ils aient la même trajectoire de mouvement, le moyen le plus simple est probablement de faire glisser
un nouveau poisson à partir de votre panneau de projet, puis de faire toutes les étapes pour le colorer, pour dupliquer la composition, et de le faire nager à travers l'écran, et de cette façon, vous pouvez définir une trajectoire de mouvement différente et que je vais juste ajouter un peu plus de variété à votre scène. Une dernière chose, c'est qu'on a juste besoin de vérifier pour s'assurer que ces gars sont en boucle. Je vais juste les glisser et jouer ça à travers. Ce poisson vient de surgir, donc ils ne bouclent pas et c'est parce que nous avons glissé ça, donc nous allons avoir besoin d'un poisson de plus qui va de l'extérieur à cette position. Je vais juste appuyer sur « Command 8" pour faire un marqueur sur ce calque, « Command D » pour dupliquer, puis faire glisser ce calque dupliqué pour que le marqueur soit sur huit secondes, et maintenant nous devrions avoir une boucle parfaite. Maintenant, si vous le souhaitez, vous pouvez ajouter n'importe quel type de poisson de fond à votre scène.
21. Animer le banc de poissons: L' exposition artistique efficace, nous avons une école de petits poissons que vous pouvez ajouter à votre scène. Nous devons faire la queue et la nageoire de notre minuscule boucle officielle en utilisant
l' expression de boucle de ping-pong Loop Out. Je vais copier ça et utiliser la même chose sur le corps, ça va bien. Allons dans notre école. Vous verrez que j'ai encadré la position de ces poissons pour qu' ils aient un peu plus de variation pendant qu'ils nagent. Mais comment il est maintenant tous les poissons sont synchronisés dans leurs coups avec leurs queues. Je vais juste boucler ces compositions pour que je puisse les faire glisser pour compenser certains poissons. Je vais choisir un des poissons. Cliquez avec le bouton droit de la souris, passez à l'heure, activez la reprogrammation temporelle, puis cliquez sur le chronomètre et utilisez l'expression boucle de sortie et boucle de cycle. Je peux faire glisser celui-ci pour décaler un peu dans lequel vous étendez la comp. Mais je veux que les cadres clés de position restent au même endroit qu'ils étaient. Je vais les ramener en place. Maintenant, ce poisson va nager exactement la même chose. Sa queue pointe de cette façon maintenant, alors que tout le monde pointe de cette façon. Nous pouvons le faire avec quelques-uns des autres poissons. Vous n'avez pas à compenser tous les poissons. Mais si vous le faites assez loin, il semblera qu'ils sont tous un peu hors du rythme, ce qui aura l'air un peu plus réaliste. Rappelez-vous que vous pouvez rapidement copier cette expression de boucle en allant jusqu'à modifier, copier l'expression uniquement, puis simplement la coller sur certains poissons. Une fois que vous avez compensé assez de poissons pour qu'ils air qu'ils ont assez de variété pour vous, alors vous pouvez ajouter cette école de composition de poissons à votre scène sous-marine. D' abord, traînons la petite école de poissons dans notre scène. Il va falloir que nous réduisions ça. Peut-être comme ça, alors faisons cette boucle. Parce que cette petite école de poisson est une composition avec un tas d' autres compositions dedans et que cette composition ne dure que huit secondes, nous n'avons pas besoin de faire cette astuce où nous faisons une nouvelle image-clé pendant huit secondes et supprimerons celle qui est pour 8:01, donc ce que nous pouvons faire est juste d'aller directement dans la définition de l'image clé de position. Je vais mettre un cadre clé de position pour que ces poissons soient tout le
chemin de l'écran à gauche à zéro seconde. Ensuite, faisons en sorte qu'ils prennent un peu plus de huit secondes pour traverser tout le chemin. Rendons notre composition plus longue pendant une seconde. Nous pouvons voir plus de notre chronologie et nous allons leur faire prendre environ 14 secondes pour franchir tout le chemin. Je vais les traîner à travers. Assurez-vous qu'ils sont complètement hors de l'écran et ensuite on peut revenir en arrière, régler notre composition à huit secondes à nouveau. Je vais faire glisser la couche vers la gauche parce que je veux que ces poissons commencent peut-être juste ici dans un bel espace vide ouvert et puis, voyons où ils atteignent à la fin de la composition. Ils ne sont pas tout à fait loin, donc nous devons régler notre marqueur, le
déplacer à huit secondes. Dupliquez cette composition, faites glisser le doublon afin que le marqueur commence à zéro. Puisque ces poissons commencent à l'écran, nous devons également définir un marqueur sur zéro seconde et faire un autre duplicate et le glisser afin que ce marqueur soit à huit secondes. Je veux que mon école de poissons soit derrière tous mes autres poissons, donc je vais juste les sélectionner et les amener sous
les autres poissons et maintenant nous avons ajouté une école de poissons à notre scène.
22. Créer une vidéo: Lorsque vous avez terminé avec votre scène, décidez du format de fichier que vous voulez afficher votre animation. Si vous avez besoin d'aide pour décider, revenez à la vidéo sur les formats de fichiers. La première façon d'exporter votre fichier est en tant que fichier MOV. Je vais aller à Composition,
Ajouter à la file d'attente de rendu, puis m'assurer que vous avez Apple ProRes 422 ici. Vous pouvez le choisir avec les options de format et cela ne sera applicable que si vous êtes sur un Mac. Ensuite, appuyez sur « OK », puis sortie vers, vous pouvez choisir où sur votre ordinateur pour l'enregistrer puis appuyez sur « Enregistrer », puis appuyez sur « Rendu ». Ensuite, vous pouvez naviguer jusqu'à l'endroit où vous l'avez enregistré sur votre ordinateur, puis vous pouvez l'ouvrir, qui si vous êtes sur un Mac, il s'ouvrira par défaut dans QuickTime et si vous voulez voir cette lecture comme une boucle, puis accédez à Afficher, puis Boucle, puis appuyez sur « Jouer ». Vous voudrez peut-être afficher votre fichier en tant que a.MP4 car c'est plus universellement accepté et c'est aussi un format de fichier plus petit. Je suggère d'abord de rendre un fichier MOV, puis déposer le fichier MOV dans Media Encoder, plutôt que de passer d'After Effects et d'aller Composition, ajouter à Media Encoder tout de suite et je vais vous montrer pourquoi en une seconde. Une fois que vous déposez votre fichier MOV dans Media Encoder, assurez-vous que vous avez H.264 ici. Si vous ne le faites pas, cliquez dessus et assurez-vous de le choisir dans cette liste
déroulante , puis appuyez sur « OK » et appuyez sur le bouton de lecture pour afficher. J' ai fait une petite expérience juste pour te montrer. C' est mon MOV et cela a certainement les couleurs vives les plus vives. C' est mon MP4 que j'ai rendu via Adobe Media Encoder directement à partir d'After Effects et c'est un MP4 que j'ai rendu via Adobe Media Encoder en déposant ce fichier MOV dans Media Encoder. Celui-ci semble beaucoup mieux en déposant le fichier MOV dans Media Encoder que celui-ci ne le fait. Je recommanderais de faire cela, c'est une étape supplémentaire, mais pour moi, c'est beaucoup mieux.
23. Créer un GIF: Voyons maintenant comment exporter un GIF. J' aime utiliser un plugin appelé GifGun pour rendre mes GIF, parce que je rend beaucoup de GIF et cela me fait gagner beaucoup de temps. C' est un plugin payant et je ne vais pas être payé pour vous en parler, mais je trouve cela utile donc je voulais vous faire savoir si vous pensez que ce serait utile pour vous. Si vous n'avez pas de GifGun, vous avez encore deux options différentes sur la façon dont vous pouvez exporter un GIF. Le premier est d'aller à la composition,
ajouter à Media Encoder File d'attente. Mais tout comme les fichiers MP4, j'ai trouvé que si vous exportez votre fichier MOV abord, puis déposez simplement votre fichier MOV dans Media Encoder. Il est préférable de déposer le MOV plutôt que le fichier MP4 dans Media Encoder parce que le MOV est de meilleure qualité. Ensuite, à partir d'ici, vous voulez changer le format en GIF animé ,
puis choisir l'endroit où vous voulez enregistrer ceci et appuyer sur le rendu. Vous pouvez lire votre GIF en appuyant simplement sur la barre d'espace. Maintenant, ça a l'air un peu agité si vous regardez de très près. La raison pour laquelle cela est, est que dans Media Encoder, vous avez seulement la possibilité d'exporter à 25 images par seconde, et si vous essayez de le changer ici, 30 n'est pas une option et c'est pourquoi nous utilisons un After Effets. Je ne le savais pas avant, juste maintenant parce que je n'utilise jamais Media Encoder j'utilise toujours GifGun. Cela aurait été quelque chose qui serait bien de savoir au début, mais ils n'ont pas non plus 15, ce qui serait ma deuxième visite, donc je ne sais pas pourquoi. Mais tu pourrais y aller avec 20, 25 ou même 10 si tu voulais être vraiment caricature. Si vous ne souhaitez pas utiliser Media Encoder, il existe une autre option. Vous pouvez également exporter des GIF via Photoshop. Si vous passez à la composition, ajoutez à la file d'attente de rendu, vous voulez changer le module de sortie en séquence PNG, puis appuyez sur OK, et cela va exporter un dossier d'images PNG. Choisissez simplement l'endroit où vous voulez enregistrer ce dossier, puis appuyez sur Rendu. Ensuite, dans Photoshop, vous allez ouvrir, puis ouvrir le dossier dans lequel vos images ont été enregistrées, puis sélectionnez
la première image, puis vérifiez la séquence d'image et appuyez sur Ouvrir. Il va vous demander quelle fréquence d'images vous voulez. J' utilise 30 images, donc je vais garder cela à 30 images mais le changer si vous
n'avez pas utilisé 30 images, puis appuyez sur OK. À partir de là, vous allez accéder à Exportation de fichiers, Enregistrer pour le Web. Cela pourrait prendre une seconde pour s'ouvrir. Ensuite, une fois que cela s'ouvre, vous pouvez voir combien de couleurs sont dans votre scène,
ce qui, si vous vous souvenez d'un peu plus tôt dans la classe détermine la taille de votre GIF. Ceci est automatiquement réglé sur le nombre maximum de couleurs et c'est un GIF vraiment gros, 27 mégaoctets. Je n'ai jamais vraiment voulu que ce fichier soit un GIF. Je pensais qu'il serait sauvegardé en tant que MOV ou MP4, donc je n'ai pas prévu en conséquence de faire de ce GIF un GIF de bonne taille. Mais démontrez également comment vous pouvez exporter un GIF via Photoshop avec ce GIF. Vous pouvez également choisir sous Options de boucle pour boucler cela une fois ou pour toujours. Une fois si vous téléchargez cela sur un site Web va juste jouer lorsque le site Web se charge et puis il va arrêter de jouer après qu'il joue une fois à travers ou pour toujours va jouer automatiquement et continuer à boucler encore et encore pour toujours. Si vous avez besoin de réduire votre GIF, vous pouvez ajuster les tailles d'image ici ou avec le pourcentage, puis pour exporter votre GIF, vous allez simplement cliquer sur Enregistrer, et vous pouvez le nommer et choisir où vous voulez l'enregistrer. Cela peut prendre une seconde pour l'enregistrer et j'ai eu dans le passé des problèmes où j'ai créé des GIF beaucoup trop gros pour économiser dans Photoshop et ils ne fonctionnent tout simplement pas. Assurez-vous de suivre toutes les meilleures pratiques pour que vos GIF ne soient pas trop gros. J' ai fait une petite comparaison ici. Il s'agit d'un GIF que j'ai exporté directement d'After Effects dans Media Encoder. Pour celui-ci, j'ai d'abord exporté un fichier MOV, puis mis le MOV dans Media Encoder. Pour celui-ci, j'ai passé par Photoshop et pour celui-ci j'ai utilisé GifGun.
24. Synthèse: Félicitations d'être arrivé à la fin de ce cours. N' oubliez pas de télécharger votre projet de classe. Dans l'onglet Projets et ressources sous cette vidéo, vous pouvez publier votre projet en tant que GIF à l'aide du bouton Image. Ou si votre scène animée est un peu trop complexe pour fonctionner comme un GIF, vous pouvez la poster sur YouTube ou Vimeo et coller le lien ici. Comme il ne jouera pas comme une boucle de cette façon, vous voudrez peut-être rendre hors de votre scène en jouant pendant
quelques temps afin que nous puissions dire qu'il boucle. S' il y avait quelque chose avec lequel vous avez eu des difficultés ou un commentaire spécifique sur, ajoutez une note à votre projet de classe pour me le faire savoir. C' est ça. Merci beaucoup d'avoir regardé. J' espère que vous vous êtes amusé à animer une scène en boucle et que vous avez de nouvelles techniques à utiliser dans des projets futurs. Cliquez sur mon nom pour accéder à ma page de profil et consulter les autres cours que j'enseigne. Assurez-vous de me suivre sur Skillshare, afin que vous soyez averti quand j'ai un nouveau cours. Vous pouvez également trouver des liens pour me suivre sur les réseaux sociaux, et si vous publiez votre projet sur Instagram, assurez-vous de me marquer @explainimated. Jusqu' à la prochaine fois, animation heureuse.