| Lottiefiles

1. Intro: Bonjour à tous. Je suis Bold Bt et bienvenue dans le guide d'interface utilisateur avancé pour créer des animations d'interface utilisateur. J'espère que vous allez apprendre beaucoup de choses nouvelles dans ce cours. Et dans ce cours, nous allons essentiellement examiner plusieurs nouveaux aspects. Il s'agit du cours Advanced Lotti files, reprend là où s' arrête le cours intermédiaire. À l'intérieur, vous travaillerez avec des plugins complexes, apprendrez à résoudre les erreurs d'exportation et de rendu qui endommagent réellement les fichiers de production et à animer les masques proprement Une partie de mon expérience est que j' ai créé plusieurs projets Lotti Animations, et à part cela, j'ai créé plus de 100 animations qui sont en direct sur mon profil Latifis que vous pouvez consulter Je suis également un créateur d'animation certifié Latifitore, expert en Webflow, Framer Aftereffects, Figma et également Framer Aftereffects, Figma donc hâte de créer quelque chose d'incroyable ensemble, et je vais également vous montrer un excellent travail que j'ai réalisé pour des clients. Ce cours s'adresse aux animateurs qui connaissent déjà principes fondamentaux des fichiers Lotti ou qui ont terminé le cours intermédiaire et qui souhaitent passer à un travail de production adapté aux besoins du client. Alors bonne chance à tous, et commençons. 2. 01. Plugins complexes: Hey, bon retour. OK, alors bienvenue au premier cours de ce cours. Bien, dans ce cours, nous verrons quels sont les plug-ins que nous allons utiliser dans ce cours. Et tout comme les cours précédents, ils sont là pour vous faire gagner du temps. Vous pouvez suivre le cours dans son intégralité sans en acheter aucun. OK, alors allons-y maintenant. OK, donc le premier plugin que nous allons utiliser est GifGun Two L'un d'eux sera AEUX. OK. Vous devez cliquer sur ce lien GitHub, cliquer dessus ou vous pouvez simplement cliquer sur celui-ci pour en télécharger un OK. Et pour commencer, vous pouvez simplement regarder cette vidéo et découvrir à quoi elle sert. D'accord, mais nous l' apprendrons dans le prochain cours. Donc, nous allons simplement ignorer cela. Hum, vous pouvez simplement le télécharger. OK. Et après cela, le processus d'installation est là, d'accord ? Ce plugin est pour deux logiciels, en gros, d'accord. Et l'un d'eux est un sketch, et l'autre est After Effects. Et le troisième est Figma. OK. Et nous établirons un lien entre Figma et After Effects. Pourquoi faisons-nous cela ? Il se peut que vous rencontriez des problèmes en travaillant dans Illustrator ou que vous n'ayez pas les moyens d'acheter Illustrator, disons simplement, et que vous n'avez accès qu' à After Effects, vous pouvez simplement utiliser Figma à la place D'accord, et ce plugin est également gratuit. Vous devez l'utiliser afin d'accélérer votre flux de travail et d'éviter certaines erreurs dont nous parlerons. Bien, passons à autre chose, et avant que je passe , regardez ce tutoriel, et vous devez juste garder à l'esprit que vous vous assurez installer ce plugin fois dans After Effects et dans FiCMA pour qu'il fonctionne parfaitement car il créera alors un pont entre deux logiciels, puis nous pourrons importer OK, passons à autre chose, après avoir installé en utilisant cette méthode, vous pouvez simplement continuer et acheter celui-ci également. Ce sera une copie facile, et cela vous aidera également beaucoup. C'est un produit vraiment bon marché, vous fera gagner beaucoup de temps, et il n'est pas seulement bon pour de nombreuses animations. Il vous aidera dans tous les projets d'After Effects. Je te le garantis. OK. Et un autre plugin que nous utiliserons sera un plugin intégré à Figma, qui est get waves Si vous voulez vérifier cela, il vous suffit de taper wave dans la section plug in et vous obtiendrez des vagues. OK. Et vous pouvez simplement l'utiliser pour créer des animations de vagues. Et comment entrer dans le détail ? Nous aborderons également ce sujet très bientôt dans le prochain cours. D'accord, nous allons donc utiliser ce plugin. Alors allez-y et téléchargez ces plugins sur votre PC et nous serons prêts à partir. Merci beaucoup 3. 02.Résolution des erreurs: OK, donc nous sommes de retour. Passons aux effets secondaires, et commençons à travailler. D'accord. Dans ce cours, nous aborderons donc les problèmes fondamentaux, savoir la surcharge du branchement. D'accord ? Et c'était un plug-in de paiement, comme vous le savez peut-être. C'était donc 55$, c'est vrai. Et cela peut parfois causer des problèmes. Allons-y et laissez-moi vous montrer type de problèmes que cela peut causer. OK, nous sommes donc dans After Effects. Maintenant, allons-y et vérifions notre design. D'accord. Et ouvrons-le simplement dans Illustrator. D'accord. C'est donc un fichier SVG qui m'a été fourni par le client, d'accord ? Et ils avaient besoin de cette animation. Maintenant, sélectionnons-le et intégrons-le dans After Effects, mais vérifions simplement la taille 1920 par 1920. Créons simplement une nouvelle composition et faisons-en 1920. D'accord ? Et intégrons simplement ces couches dans After Effects. D'accord. Donc, si vous remarquez qu' il y a un petit problème, d'accord ? Comme vous pouvez le constater, le dégradé de la couche ne correspond pas au dégradé ici, n'est-ce pas ? Le dégradé se trouve ci-dessous, et ce dégradé n' est pas non plus correct. Celui-ci a les cheveux verts, mais en fait, il en a ici. Le célèbre uTuber Austin Bowens de Ray V Studio a donc résolu ce problème modifiant simplement le dégradé dans After Effects, et cela résoudra Nous pouvons évidemment le faire. Mais que passerait-il s'il s'agissait du logo d'un client , n' est-ce pas, et que vous étiez censé fournir une animation parfaite de son logo ? Et si vous modifiez leur dégradé de la mauvaise façon et si vous avez créé une version légèrement incorrecte de leur logo en gâchant simplement leur dégradé ? Ce n'est donc pas vraiment conseillé, non ? Nous ne devrions donc pas modifier les thèmes de couleurs et les dégradés des clients, Donc, dans ce cas, nous devrions trouver un moyen animer exactement comme ils sont Une autre façon qui pourrait vous venir à l'esprit est que nous pouvons peut-être utiliser le fichier Illustrator à la place. Allons-y et appuyons sur Enregistrer sous. Revenons ici, copions ce chemin, puis collons-le ici , et nous l'appellerons, nous le convertirons en un fichier AI illustrator, et nous appuierons simplement sur Enregistrer. D'accord. Frappons simplement. D'accord. Et maintenant allons-y et essayons de réintégrer cette animation dans le fichier. Donne-moi juste une minute. Je pense qu'il n'est pas enregistré au bon endroit. Oui, il y a eu une erreur. OK, nous allons en faire un logo, une bague. D'accord. OK, le fichier est donc enregistré. Maintenant, fermons-le et minimisons-le également. Utilisons-le plutôt. Allons-y dans After Effects et essayons de l'utiliser. Si nous utilisons un système de couches ou une couche de métrage, cela n'a pas d'importance, en fait, car lorsque nous le faisons glisser ici, comme vous pouvez le voir, nous avons besoin qu'il soit converti en couche de forme pour qu'il puisse fonctionner. Hum, pour que ça fonctionne dans le dossier Lottie. Mais chaque fois que vous convertissez les calques, cela devient gris car les dégradés ne peuvent pas être convertis en utilisant les calques Adobe After Effects et en les convertissant en calques A After Effect Cela ne créera pas le dégradé. Elle applique uniquement la couleur du champ. C'est ça Les couleurs des champs plats s'appliquent uniquement. Il n'applique pas le dégradé. Alors, que faisons-nous maintenant ? Eh bien, il existe une solution, heureusement, et nous allons la découvrir maintenant. OK, allons-y et ouvrons Figma, d'accord ? Et ce que nous allons faire maintenant, c'est faire glisser ce SVG ici Et si votre design n'est pas déjà au format SVG, vous pouvez simplement ouvrir votre fichier AI fourni par votre client et simplement l'enregistrer, enregistrer sous, convertir en SVG et rester en sécurité C'est ça. Et je garde juste version 1.1 et elle fonctionne parfaitement. Mais si dans certains cas cela ne fonctionne pas parfaitement, vous pouvez évidemment ajuster ces paramètres et essayer de le comprendre également. D'accord. Nous avons donc maintenant le SVG. Alors intégrons-le à la Figma, non ? C'est ici. Et comme vous pouvez le constater, les dégradés sont exactement les mêmes qu' ils devraient être, n'est-ce pas ? Je vais donc juste le réduire un peu. Après cela, je vais juste cliquer avec le bouton droit de la souris et aller dans les plugins, puis aller dans la section développement , puis appuyer sur les plugins AEUXPlugin, Et ça va apparaître. D'accord. Ensuite, je vais simplement sélectionner ces couches. Il est important que les couches soient à l'intérieur d'un cadre. S'il n'y a pas de cadre, créez-en un et cliquez simplement sur ce bouton. OK, il est dit trois couches et deux. OK, alors passons maintenant à AE. D'accord. Comme vous pouvez le constater, les dégradés sont maintenant parfaits et il faut garder à l'esprit certaines choses qui sont vraiment importantes car cela pourrait vous déranger Des couches supplémentaires seront également importées lorsque vous importez des actifs depuis FIGMA Maintenant, pourquoi cela se produit-il ? Je ne sais pas vraiment, mais je sais vraiment que ce sont des couches guides, vous suffit donc de les sélectionner et de les supprimer, et cela ne fera rien, aucun dommage à votre fichier. D'accord. Et puis il y a aussi cette couche vide. Vous pouvez également supprimer celui-ci. Il n'y a donc plus que deux couches maintenant, d'accord ? Et maintenant, notre dégradé est parfait. Maintenant c'est vraiment incroyable. Et maintenant, c'est vraiment incroyable que ce plugin gratuit fonctionne mieux qu'un plugin payant qui coûte 55$ Mais l'utilisation de la surcharge présente évidemment des avantages, car elle offre bien plus, en fait, et vous pouvez travailler dans After Effects et Illustrator dans les deux sens. Et il est également beaucoup plus important de savoir que Lister est un logiciel de conception, pas un logiciel de conception d'interface utilisateur, en fait. Il offre donc beaucoup plus d'outils, et vous pouvez concevoir beaucoup plus librement dans Lister, Mais en fin de compte, si vous ne pouvez pas vous le permettre, vous pouvez simplement convertir vos actifs en SVG, puis les transférer dans Pigma, puis les convertir en Ailiers comme celui-ci. OK, vous devez donc garder cela à l'esprit qu' il y aura des reflets. Une autre chose très importante que vous devez garder à l'esprit est la taille du cadre deviendra en fait la taille de la communication. De plus, lorsqu'un client vous envoie un dessin et qu'il contient trop d'images, After Effects convertira chaque image en une précomposition. Comme vous l'avez dit, il y avait plus de cadres, n'est-ce pas ? Il y avait un autre cadre ici. Essayons simplement ceci, peut-être que cela fonctionnera ou peut-être que cela ne fonctionnera pas. Alors laisse-moi aller de l'avant et essayer ça. Je clique simplement sur la sélection Santo. Ensuite, comme vous pouvez le voir, il a créé ce cadre, puis il y a ce cadre. Et puis, comme vous pouvez le voir, j'ai créé un autre cadre, non ? Il y a aussi ce cadre. D'accord ? Les couches se trouvent donc à l'intérieur. Donc, le nombre de cadres en cours de conception créera des cadres et des cadres à l'intérieur après effet. Maintenant, cela peut devenir très compliqué lorsque vous travaillez sur une conception d'interface utilisateur d'AP peut-être parce qu'il y aura tellement de cadres, n'est-ce pas ? Donc, dans ces situations, vous allez simplement sélectionner les cadres, puis vous allez simplement faire ces situations vous allez simplement sélectionner les cadres, réagir les éléments hors de ces cadres, d'accord ? Ensuite, vous pouvez simplement supprimer les couches. Et si le concepteur a réellement utilisé la mise en page automatique, n'est-ce pas ? Ainsi, lorsque vous retirez les éléments du cadre, ils se déplacent ici et là. Vous devez donc simplement désactiver la mise en page automatique, en fait. Ou une autre chose que vous pouvez faire est de simplement utiliser tous ces actifs. D'accord, dans After Effects, disons simplement , écrivons encore une fois. Sélectionnons-le et faisons-le une fois de plus. D'accord ? Les couches sont maintenant envoyées. D'accord. Maintenant, ce que tu peux faire c'est ouvrir la maquette, OK. D'accord, les couches ne sont donc pas à l'intérieur du cadre, comme vous pouvez le voir. Ils n'ont donc pas été exportés. Faisons-le encore une fois. Supprimons tout d'abord tout cela. D'accord. Et partons simplement d'un nouveau départ. Cliquons ici. OK, quatre couches sont envoyées ici, d'accord. Il y a une composition d'images, puis à l'intérieur il y a une composition d'images, et puis il y a des couches intérieures, n'est-ce Donc, ce que vous pouvez faire, c'est simplement supprimer les couches de guidage, puis vous pouvez utiliser cette composition, en fait, Control C, puis simplement les fermer toutes, puis créer une nouvelle composition et la coller D'accord ? Et cela fonctionnera parfaitement. Vous pouvez utiliser cette méthode pour éviter les images supplémentaires, les couches supplémentaires et l'ATC. D'accord. Nous avons donc compris ce plug-in, en fait. Alors, à quoi ça sert réellement, non ? Passons donc au plug-in suivant, qui est celui-ci, le Ease Copy, n'est-ce pas ? Et ce que fait ce plugin, c'est ça, allons-y et je vais ouvrir l'animation maintenant. OK, eh bien, appuyez simplement sur Ne pas enregistrer. OK, donc ce que nous allons faire maintenant, c'est que je vais vous montrer un tas d'exemples de projets, en fait. D'accord. Jetons-donc un coup d'œil à ceux-ci. D'accord, voici quelques animations que j'ai faites pour notre client. D'accord. Et comme vous pouvez le constater, il existe plusieurs animations, d'accord, non ? Et nous avons animé les parties qui s'y trouvent en fait. D'accord, comme vous pouvez le voir, les dents ne sont pas belles et puis elles sont réparées. Si nous isolons la couche, vous pouvez mieux la voir. Voyons en solo, non ? Et puis la couverture les recouvre et l'effet se termine, en fait. Comme si le chevauchement des mâchoires le recouvrait et le fixait. D'accord. Et allons-y, comme vous pouvez le constater. OK, supposons que j'ai envoyé une animation au client, et qu'il ait tout aimé, non ? Et le client veut que j'utilise exactement la même facilité, le même type de sensation sur toutes ces icônes, n'est-ce pas ? Alors, qu'est-ce que je vais faire pour le bien ? Nous devons garder quelque chose à l'esprit à ce sujet, à savoir que nous sommes à la hauteur de l'assouplissement, n'est-ce pas ? Donc, ce que nous pouvons faire, c' est simplement dire que c'est l'icône que j'ai créée pour le client. Hum, d'accord ? C'est l'icône que j'ai créée pour le client. Et ce moment est parfait. Il dit qu'il adore ça, non ? Je veux donc égaler l'assouplissement. Supposons simplement qu'il s'agisse d'un assouplissement personnalisé comme celui-ci. D'accord. Je veux animer tous les autres et en copier l'allégement D'accord ? Pas les valeurs de position, mais uniquement l'assouplissement. Alors, comment s'y prendre ? Nous ne pouvons pas le faire avec les fonctionnalités natives d'After Effects. Nous utilisons donc des plugins pour ce genre de choses. Donc, ce que nous allons faire, c'est maintenant cliquer sur le bouton de copie, puis il y a deux options sur le panneau de collage, en fait. OK, ce que nous allons faire, c'est cliquer sur celui-ci, puis je vais suivre cette couche. Comme vous pouvez le voir, je l' ai déjà utilisé, je pense que je vais sélectionner ces deux-là, et je vais appuyer sur Es. D'accord ? Ce projet dure donc en fait trois ans. J'ai réalisé ce projet il y a trois ans, alors peut-être que je n'utilisais pas de mauvais plugins à l'époque. Donc oui, maintenant c'est vraiment bon de revoir mon travail et voir à quel point j'ai apporté des améliorations. Et comme vous pouvez le constater, cela sera désormais plus beau et cohérent sur toutes les icônes de leur site Web, n'est-ce pas ? Le client sera donc probablement plus heureux. OK, donc nous pouvons également ajuster cet assouplissement, non ? Et rejoue celui-ci. C, non ? Ce plugin est donc vraiment utile en ces termes. Et l'autre chose que vous pouvez faire, c'est que vous pouvez également valoriser les copies. Disons simplement que nous voulions une autre couche. Dupliquons simplement celui-ci. D'accord. Et il n'y avait aucune image-clé sur celui-ci Et c'était une autre couche, quelques problèmes, disons simplement, d'accord ? Il y avait donc une cavité à l'intérieur. D'accord, réduisons également l'échelle, peut-être par ici. D'accord. Et ajustez également le chemin, car il s'agit d'une cavité. Alors, ruinons le chemin. D'accord. C'est ma faute. Je viens de le réparer maintenant. OK, non ? Il existe donc deux manières. En fait, nous pouvons créer la couche comme nous l'avons appris dans le cours précédent. Mais disons simplement que pour une raison quelconque, ou peut-être que je souhaite ajouter un certain décalage à l'animation. C'est pourquoi je ne veux pas que la couche soit également parentée. Donc, ce que je pense, c'est qu'il devrait peut-être y avoir une certaine compensation. Vous pouvez donc simplement sélectionner cette couche. Copie. Il a en fait copié l'assouplissement et la valeur à la fois, mais il collera ce que nous lui demanderons de coller. D'accord ? Donc ce que je vais faire maintenant, c'est appuyer sur P sur mon clavier , appuyer sur Keyframe et simplement cliquer sur la valeur D'accord ? Maintenant, il est indiqué que si vous copiez et collez plusieurs ess, vous devez sélectionner le même nombre ou un nombre multiple de cadres à copier D'accord. Je vais donc simplement créer deux images-clés. D'accord. Et sélectionnons simplement celui-ci, appuyons sur Copier, sélectionnons-les, et je vais appuyer sur valeur. Tu vois, j'ai copié la valeur maintenant, d'accord ? Le vieillissement n'a pas été copié. Maintenant, je vais aussi appuyer sur Es. Alors maintenant, le vieillissement a également été appliqué. D'accord. Alors maintenant, je veux ajouter un peu, disons simplement offset. Nous allons donc le faire maintenant. D'accord. OK, donc ça fonctionne parfaitement, non ? C'est donc l' utilisation principale du plugin. Et maintenant, c'est vraiment une estimation d'utilisation très simple. Mais comme vous le savez, dans le cours précédent, nous avons correctement créé une scène complète d'animation de personnages. Dans les situations où nous animons plus de 150 couches , nous pouvons simplement animer une couche et perfectionner son assouplissement, puis copier cet assouplissement et le placer partout ailleurs, n' est-ce pas ? Nous n'avons tout simplement pas à parcourir les 150 extrémités des couches , à les sélectionner puis à les assouplir manuellement. se peut alors que certaines couches soient désélectionnées ou désélectionnées pendant le processus Ce que nous pouvons faire, c'est simplement appliquer l'assouplissement sur une couche , puis la copier les sélectionner toutes , puis appuyer sur Ease. C'est donc l' utilisation principale de ce plugin. D'accord. Maintenant, nous allons regarder un autre exemple d'animation et utiliser un autre plugin. Alors allons-y et faisons-le maintenant. Nous allons juste clore ce projet, et je vais juste créer une nouvelle composition. D'accord. Ensuite, je vais juste le faire 1080 par 1080. OK, il suffit de le nommer bebe. Et maintenant je vais continuer et créer une ellipse. Ça va en faire un cercle maintenant. D'accord. Je vais juste en faire une couleur bleue. J'aime bien celui-ci, non ? Euh, plutôt une violette. D'accord. Nous l'avons fait, et maintenant je vais juste faire en sorte que le coup soit zéro. Et je vais juste de l'avant. Maintenant, disons qu' il y avait une flèche dedans, d'accord. Et je voulais que ce soit animé. Hein ? Allons-y et créons une flèche très rapidement. D'accord. Je vais juste y aller et y arriver. D'accord. Maintenant, ce que je vais faire, c'est suivre le chemin, puis je vais juste contourner, en fait, comme ça. D'accord. Alors je vais juste dupliquer celui-ci. Je vais juste le faire pivoter de 190 degrés. D'accord. Alors je vais juste ouvrir la voie à celui-ci. Je vais juste appuyer sur G. Mettons-le juste au centre. Tout d'abord, cela fonctionnera mieux. OK, comme ça. Je vais prendre le bain, il va appuyer sur C et sur mon clavier, il va toucher le point d'ancrage ici. D'accord. Notre bouton est donc maintenant créé. D'accord. Alors maintenant, ce que je vais faire c'est que je veux cette animation de vagues. Je veux que le bouton souligne qu'il y a eu beaucoup de chargement ou de téléchargement en fait. Donc, une animation de vague devrait y figurer, d'accord ? Donc avant cela, cela ne fera aucun contraste, en fait, n'est-ce pas ? Je veux donc qu'il y aussi un coup sur le bouton . Alors, faites-en 20. Et faisons-en également une couleur plus claire. Comme ça. D'accord. Ensuite, je vais juste continuer et allonger celui-ci comme ça, non ? Ensuite, nous devons créer l'animation intérieure, non ? Par exemple, nous voulons que ce cercle soit animé. OK, nous allons simplement désactiver notre sensation sur la couche ci-dessus. Ce que vous pouvez faire, c'est cliquer sur ce bouton ici, puis il disparaîtra. Je vais juste passer d'une option à l'autre, et maintenant nous sommes vides D'accord. Nous sommes maintenant vides dans le champ. OK. Alors maintenant je vais juste l'éteindre, l'éteindre, non ? Et comme vous pouvez le constater, il n'y a qu'un seul coup, donc je vais juste le verrouiller et verrouiller ceux-ci également. Nous devons maintenant créer une animation de vague. Maintenant, ce que nous pouvons faire, c'est que nous ne pouvons pas utiliser effet de distorsion des vagues parce que Inside Late ne fonctionne pas, n'est-ce Nous devrons donc utiliser autre chose car nous ne pouvons pas utiliser cette méthode. Il existe une autre technique avancée que je voudrais souligner, nous pouvons utiliser, mais elle n'est pas recommandée, en fait. Ce que nous pouvons faire, c'est d' en faire un precom d'abord, afin que je puisse vous expliquer Contrôlons simplement celui-ci en Z. Non OK, allons-y et préparons celui-ci Wave Circle, appelons-le simplement. OK, et ça va aller de l'avant et le tracer automatiquement. Passons à la couche suivante. Je vais appuyer sur Auto Trace. OK, je vais juste le rendre Alpha, et vous pouvez également ajuster les paramètres, c'est juste pour vous dire ce qu'il peut faire. OK, je vais juste le faire 1 seconde avant de commencer. Mon logiciel n'a donc pas à subir la misère d' animer et de corriger ce 1/32 Je vais juste faire en sorte que ça s'applique, d'accord ? Maintenant, comme vous pouvez le voir, il y a plusieurs points sur le chemin, à droite, et il est animé. Maintenant, ce que je peux faire, c'est créer un rectangle, en fait, et je vais juste donner impression qu'il va laisser tomber le trait. Et je vais juste copier le masque d'ici. OK, et je vais juste le coller ici. Je vais juste me mettre dans le masque. Désactivons-le, et je vais le faire ajouter, non ? C'est et je vais juste aller dans le rectangle, en fait, le chemin du rectangle, et ça va le faire glisser vers le bas. OK. Alors maintenant, jouons et voyons. Tu vois ? L'animation est désormais compatible avec Lottie car Lottie supporte les masques, mais, mais, mais il y a un problème Actualisons simplement cette liste. D'accord ? Ce n'est pas du ping pour une raison quelconque OK, donc d'accord, je vais juste continuer et enregistrer le chemin, en fait. Nous l'appellerons simplement animation. Peut-être que cela fera fonctionner le fichier. OK. Eh bien, en fait, c'est aussi un conseil de pro : si votre fichier n'est pas enregistré, cela arrive aussi parfois, que le plugin pudimn ne fonctionne pas OK, vous devez donc vous assurer que votre fichier est enregistré. De plus, cela gâche parfois les fichiers de rendu. Il est donc préférable de sauvegarder le fichier. OK. Alors maintenant, je vais juste continuer , le sélectionner, puis passer ici. Ensuite, je vais simplement copier le chemin et le coller ici. Et je vais juste l'appeler V test. Je vais juste appuyer sur le rendu. OK, donc c'est rendu, et maintenant je vais juste vérifier le fichier Path. Comme vous pouvez le constater, il fait 2,2 Ko en fait pour le moment, n'est-ce pas ? Passons simplement à notre calque After Effects, et allons-y et prévisualisons-le. OK. OK, il y a donc eu une erreur, en fait. En fait, j'ai rendu le mauvais. Revenez en arrière et créez la bonne composition. Je le fais juste comme nous le testons. Je vais juste le remplacer. OK, donc c'est fait. Vérifions simplement la taille du fichier maintenant. C'est 82 Ko, non ? OK, maintenant je reviens à nos After Effects et voyons un aperçu de l'animation ici. OK. D'accord. Comme vous pouvez le constater, l'animation est parfaite, non ? Et la taille du fichier est de 82 Ko pour le moment. Et cela ne dure qu'une seconde en fait. Et j'ai testé cette méthode avec plusieurs couches et plusieurs projets, mais elle n'est pas idéale car elle pourrait fonctionner dans une situation idéale comme celle-ci où vous devez animer l' animation pendant une seconde seulement Maintenant, vous pouvez évidemment en créer des clones, mais une image-clé individuelle crée en fait plus Je ne recommande donc pas vraiment cette méthode. Mais évidemment, s'il n' y a pas d'autre choix, vous pouvez certainement l' essayer si votre client n'est pas satisfait de la méthode que nous allons essayer maintenant. Alors allons-y et appliquons l'autre méthode, en fait, d'accord ? Je vais donc continuer et dupliquer celui-ci à nouveau. Je vais juste déverrouiller la partie supérieure. Je vais juste faire en sorte que le coup zéro et que c'est un échec. Et je vais juste le sélectionner. Je vais juste le sélectionner et copier la couleur. Sauvegardons également le fichier tout au long du travail. Supprimons simplement ce fichier. OK. Et maintenant, je vais juste ouvrir le plugin et cliquer les plugins Getaways Maintenant, je vais juste créer une nouvelle vague. OK. Vous pouvez ajouter de la variation à la vague. Tu peux le faire comme ça. D'ailleurs, vous pouvez également créer des bâtiments comme celui-ci. Et vous pouvez également créer des pointes comme celle-ci. Vous pouvez également utiliser ce bouton aléatoire pour randomiser le motif, mais je vais juste m'en tenir à la vague De plus, celui-ci contrôle réellement les longueurs d'onde du dessin, et ce bouton vous indique où il dessinera l'onde sur la partie supérieure ou sur la partie inférieure de la couche Ce plugin est vraiment utile pour créer des imions WV Même à l'intérieur du prototypage, cela vous aidera vraiment à réaliser le prototypage très facilement Je trouve que celui-ci est vraiment agréable. Je peux aussi appuyer sur le randomiseur, mais je trouve que celui-ci est beau Je vais aussi changer de couleur maintenant. Cela me semble donc parfait. Maintenant, ce que je peux faire, c'est que je vais simplement sélectionner cette couche. Je vais passer au développement du plugin. Appuyez sur AEX et insérez cette couche dans After Effects. Maintenant, il est dit que la couche doit être à l'intérieur d'un cadre. Maintenant que cette couche se trouve en dehors du cadre, il suffit de relâcher le cadre, faire glisser le calque dans le cadre Maintenant, cliquez dessus, et intégrons-le dans le. D'accord, comme vous pouvez le voir, ddt également le cadre. Laissons donc le cadre, copions-le, reprenons-le dans notre décompte principal, et le voici. Maintenant, c'est à vous décider comment vous allez travailler avec cela. C'est un choix totalement libre pour vous. Maintenant, je suis juste en train de réduire cette vague, en fait, d'accord ? Et je vais juste l'animer maintenant. OK, alors allons-y et animons ça. Tout d'abord, je vais sélectionner le chemin is. Je vais juste le convertir en chemin de Bézier. OK, je vais juste cliquer sur Path, créer une image clé, et il va sélectionner mon chemin WV maintenant. Il va appuyer sur Pentool et sélectionner cet outil ici, qui masque les couches Sélectionnez-le, ajoutez un point, contrôlez V pour le coller. Et maintenant, je vais juste le sélectionner et l' apporter ici. OK. Maintenant, je vais simplement le modifier jusqu'à ce qu' il réponde parfaitement à mes besoins. Bon, maintenant je vais le faire, je vais juste appuyer sur Ajouter un masque, OK, je vais juste désactiver cette couche. Nous allons maintenant animer cela. Et comment allons-nous animer cela ? Maintenant ? Eh bien, il existe différentes méthodes, mais essayons celle-ci. Je vais juste donner la position à Frame, et je vais juste continuer. 12 cadres Je vais faire monter la vague comme ça. OK. Je vais juste reprendre le chemin et allonger cette partie inférieure , car elle fonctionnera mieux alors. Sélectionnons-le et faisons-le glisser vers le bas comme ceci. OK, parfait. Maintenant, ce qui se passe réellement c'est que nous allons le réparer très rapidement, et ça va vous taper sur mon clavier. Je vais juste créer une autre image-clé sur mon masque, puis la sélectionner puis la faire glisser vers le bas. Tout simplement. C'est ça C'est ce que je dois faire. Allons-y et diffusons l'animation. Comme vous pouvez le voir, c'est assez plat, en fait, non ? Donc je le ramène juste en bas et mon masque restera debout. OK. Et maintenant je vais juste avoir ma couche en dessous, non ? Donc je vais juste le faire bouger de cette façon. D'accord. Et maintenant je vais juste faire glisser mon masque comme ça. OK. D'accord. Essayons donc ceci maintenant. Vous voyez, évidemment, l'animation est très courte, en fait. C'est pourquoi ça n' a pas l'air bien. Mais essayons simplement cela sur une plus longue période. Hé ! OK, donc ça a l'air mieux, non ? Ça a l'air mieux. OK, il n'y a donc pas encore d'animation. Créons simplement une image-clé sur la position ici et faisons-la glisser jusqu'en arrière comme ceci OK, il y a donc une erreur maintenant, non ? Il va falloir réparer le masque, en fait. Vérifions-le maintenant. OK, donc ça marche, d'accord. Mais il y a un petit problème, que cela devrait être, je pense, par ici, n'est-ce pas ? Donc, la vague devrait avoir l'air de se déplacer très très vite. OK, donc je vais juste le faire glisser ici. C'est juste sec maintenant. OK, tu vois, c'est parfait. Maintenant, nous pouvons créer plusieurs couches également en créer plusieurs couches et créer une autre variation de vitesse. Nous pouvons également ajuster l'assouplissement, non ? Nous pouvons nous frayer un chemin comme bon nous semble, n'est-ce pas ? Cela concerne notre liberté créative. Le choix est en fait la façon dont nous utilisons cette approche, et essayons simplement d'en faire quelque chose. OK, comme vous pouvez le voir, il y a une petite variation dans la vague, non ? Cela donne donc l'impression que c'est liquide, en fait. Tu vois, non ? Il s'agit donc de contourner ce problème et créer une animation de vagues devient vraiment facile et simple. Vous pouvez évidemment utiliser l'effet de guerre des vagues et créer des animations de vagues en l'utilisant également. Mais je ne le recommande pas vraiment, car je pense que cette approche est vraiment meilleure et que vous pouvez modifier la couche plus facilement, en fait, parce que disons simplement que vous devez modifier la vague, il vous suffit de procéder à quelques ajustements dans le bon chemin. Mais si vous utilisiez Waver, vous devrez procéder au réglage de l'effet, puis le retracer, le tracer à nouveau automatiquement, puis le réappliquer à nouveau à la forme Je pense donc que cette méthode fonctionne mieux et qu'elle réduit également la taille du fichier, en fait. Voyons donc simplement la taille de notre latifle. Hum, je vais juste essayer celui-ci. Au fait, cela comporte également deux couches maintenant, donc peut-être que la taille du fichier sera supérieure, mais vérifions-le maintenant. Appuyons sur OK. Alors allons-y et vérifions notre fichier exporté pour voir sa taille. D'accord, comme vous pouvez le voir, la taille du fichier est de neuf Ko maintenant, n'est-ce pas Vous pouvez donc voir l'énorme différence entre les fichiers. C'est vraiment énorme. C'est vraiment énorme, non ? Comme vous pouvez le constater, la taille du fichier sera vraiment très petite si nous utilisons cette approche. Cela augmente la taille du fichier de dix fois. Il était aux alentours de 90 ans lorsque nous utilisions Wave Work, et maintenant il n'y en a plus que neuf. C'est donc une énorme différence, non ? Voici donc les principales raisons pour lesquelles ces plugins vous aideront à améliorer les animations créatives , à optimiser votre animation et à vous démarquer de la foule. OK, c'est tout pour ce cours. Je te retrouverai dans le prochain. 4. 03.Lottie as Service: Bonjour à tous et bon retour. Avant de passer à la leçon suivante, il y a quelque chose que je voulais souligner, en fait, qui a été omis dans le cours précédent, ce dernier plugin, qui est également GifGun Il s'agit donc essentiellement de vous aider à créer des gif ou des animations cadeaux rapides afin que vous puissiez les envoyer au client, en fait. Ce plugin ne présente pas vraiment d' avantages, sauf que si vous créez des animations cadeaux, en particulier pour les clients, cela vous fera gagner beaucoup de temps et créera également des tailles de fichiers très optimisées. Et il y a très peu de paramètres dans le plugin, en fait, et vous pouvez également les parcourir. Il peut également vous faire utiliser des dégradés dans vos animations, alors il ne créera pas de cadeau aussi incroyable en raison de la limitation de 256 couleurs offerte par le format cadeau OK, alors gardez cela à l'esprit, et il y a quelques paramètres que vous pouvez ajuster ici. Donc, oui, une fois que vous avez sélectionné la composition, puis que vous avez appuyé sur le bouton cadeau M, elle affiche l'ensemble de l'animation, puis elle la rend, puis vous pouvez simplement double-cliquer dessus et vous pouvez la prévisualiser Tu vois ? Hein ? C'est parfait. OK, c'est donc la seule utilité de ça, et c'est 188 Kws. OK, donc je vais juste le regretter, et maintenant nous allons passer au cours suivant, qui est un projet client, en fait, ce que j'ai fait par le passé, mais qui vaut la peine d'être examiné, en fait Le client a en fait demandé que le fichier final soit réellement l' animation gif. C'est pourquoi, tout au long du projet, vous remarquerez qu' il n'y a pas de couches ha. Mais au lieu de cela, le design se trouve dans une liste ou dans des fichiers Photoshop. OK. Comme vous pouvez le voir, c'est la composition principale. Au lieu qu'Alpha le mette avec le téléphone, j'aurais pu utiliser j'aurais pu utiliser la simple technique du masque, d'accord ? Ce n'est pas vraiment grave, en fait. Donc oui, mais comme les exigences du client étaient liées à l'animation Jif, je n'ai pas vraiment pris la peine de créer un masque, en fait OK, donc je vais juste ouvrir la composition principale. Nous allons maintenant parcourir les diapositives et je vais vous dire que cette animation aurait peut-être également pu être réalisée dans Lotti Et c'était il y a très longtemps que j'ai réalisé ce projet, en fait. Mais si je réalisais ce projet aujourd'hui, je l' améliorerais évidemment. Et aussi, je suggère à mon client et très probablement je le forcerais à prendre la décision d'utiliser un Lotti au lieu d' utiliser une animation cadeau OK. Passons donc en revue les diapositives maintenant. Voici la première diapositive. OK. Et voici les couches de l' illustrateur. Et comme vous pouvez le constater, les designs sont un peu compliqués, disons, comme vous pouvez le voir ici, d'accord ? Il existe une alternative à cela, et comme nous l'avons indiqué dans le cours précédent, nous pouvons également importer les images. Hein ? Nous pourrions donc certainement les convertir également en PNG , puis les exporter également. Ensuite, nous pouvons les intégrer ici pour réduire la taille du fichier féminin S'il y a plus de 100 couches dans ce design, vous pouvez certainement le faire pour optimiser la situation car il existe plusieurs modèles comme celui-ci. Peut-être serait-il préférable d'en utiliser des PNG plutôt que des SVG , car il y a tellement de couches Peut-être que le PNG sera moins grand que le SVG en fait Alors maintenant, passons simplement en revue nos communications. OK, donc je vais juste ouvrir celui-ci, et ouvrons notre première diapositive. OK, donc en ce qui concerne les mouvements du corps et le branchement, nous pouvons simplement continuer et rouvrir le corps à emménager. OK, comme vous pouvez le voir, il y avait une option dans le plugin dont nous n'avions pas parlé auparavant, c'était cette option. En fait, cette option est très utile dans ces cas, car disons simplement que cette conception alourdit l'ensemble du latte en l'ensemble du latte raison de la complexité des couches Donc, ce que nous pourrions faire, c'est retourner dans notre fichier Illustrator. Il suffit de voir quel fichier est sélectionné par ce pays, non ? Ouvrons simplement notre fichier de sélection de pays. OK ? OK, notre dossier est maintenant ouvert. Et maintenant, comme vous pouvez le constater, il y a beaucoup plus de couches, n'est-ce pas ? Donc, ce que nous pouvons faire, c'est simplement créer cette couche en solo. C'est en fait en solo pour le moment. suffit donc de cliquer dessus et de commencer toutes les couches ou nous pouvons simplement passer à l'interface Copiez celui-ci au dossier, goûtez-le ici. Nous n'avons pas besoin de le redimensionner en fait, car si nous augmentons la taille du fichier, cela augmentera également la taille du fichier de l'image, ce que nous ne voulons pas vraiment faire car nous allons utiliser un PNG, ce qui affectera notre optimisation et notre taille Je l'enregistre juste pour contrôler tous les quarts de travail. Je vais juste en faire un PNG. Je vais appuyer sur Enregistrer, et maintenant je vais voir le chemin. Maintenant, je vais l' appeler Singapour. OK, Singapore PNG. OK. Alors maintenant, ce que je peux faire, c'est que je peux simplement rechercher Singapour ici. Il n'est pas exporté ici. Ça doit être une erreur. D'accord, Singapour est maintenant exporté. Allons-y et faisons-le glisser dans les After Effects. OK, maintenant ce que nous allons faire, c'est simplement le faire glisser ici et le faire correspondre. Je vais appliquer l'effet de remplissage, et maintenant je vais juste dire OK, donc ça a l'air parfait. Je vais juste supprimer l'effet. Et je vais juste éteindre celui-ci. Et maintenant, je vais juste m'en sortir avec celui-ci. Donc, étant donné qu'il s'agissait d'un projet d'animation Latty, cela nous aidera vraiment à réduire les tailles antérieures. En fait, et aussi à optimiser la taille des fichiers au lieu d'utiliser un SVG, nous pouvons utiliser un NG Ensuite, ce que nous pouvons faire, c'est que dans le panneau Actifs, nous pouvons choisir l'option Inclure dans JSN, et elle inclura également l'image Je peux laisser la compression à 80 %. Cela fonctionne presque bien à chaque fois. S'il y a des problèmes de taille de fichier ou l'animation ne correspond pas vraiment au design, vous pouvez certainement ajuster ces valeurs de compression, puis vous pouvez l'exporter à nouveau. Et cela inclura également l'image, et appliquera également la compression à l'image. Donc oui, c'est comme ça que ça marche. OK. C'est donc une façon d'optimiser vos fichiers, en fait. Il s'agit de trouver la bonne solution à votre problème et de prendre la bonne décision, afin d'augmenter la flexibilité de votre fichier et de réduire sa taille. Il fonctionne donc parfaitement dans les situations les plus optimales et les plus parfaites. OK, alors passons à la diapositive suivante maintenant. qui est OK, alors regardons d'abord l'animation de celui-ci. OK, donc toutes ces couches sont animées sur cette couche nulle. OK ? Donc, en gros, c'est que c'est juste fait à partir de l'image pour le moment, nous pouvons également le parenter comme ça. Tu vois, je crée essentiellement un effet de clic, en fait, non ? C'est ainsi que cela fonctionne car ce projet a été créé il y a très longtemps, comme vous pouvez le constater, il y a quelques erreurs ici. OK. clique donc sur ce bouton , puis on passe à la diapositive suivante, comme vous pouvez le voir ici La diapositive suivante arrive. Qu'arrive-t-il à la diapositive précédente ? Comme vous pouvez le voir, il glisse avec la position. OK. Et l'écran suivant est séparé de l'écran précédent, sorte que lorsqu'il sort de l'écran, il fait glisser celui qui se trouve derrière lui Et le même principe est appliqué sur l'ensemble des écrans. Comme vous pouvez le constater, lorsqu' un écran passe, il entraîne l' autre derrière lui OK. Alors continuons, d'accord ? Ce ne sont que deux simples cadres clés de position, donc pas grand-chose à expliquer à ce sujet. Ouvrons donc celui-ci et jetons-y un coup d'œil. OK. Ces quelques couches sont donc associées à ce zéro et cela crée un effet de clic Comme vous pouvez le voir, j'étiquette simplement les couches qui m'étaient nécessaires, puis j'ai simplement ajouté une animation à l'échelle, comme vous pouvez le voir ici. OK. Et ce qui se passe ensuite, c'est qu'il y a une diapositive suivante, d'accord ? Puis il défile vers le bas. OK. Comme vous pouvez le constater, la composition est en fait plus grande à l'intérieur, il y a trop de données J'ai donc simplement appliqué les cadres de position K en tant que parent et tout le reste. Maintenant, comme vous pouvez le constater, il y a quelques erreurs de conception , en fait, parce que dans le passé, je ne pensais pas vraiment au design et je ne m'y concentrais pas vraiment. Mais maintenant que je me suis amélioré, si je recommençais le projet, je corrigerais certainement moi-même ces petites erreurs pour améliorer le design. OK. Passons à autre chose, ce qui se passe réellement dans cette diapositive, c'est qu' on clique sur le même bouton de la même manière que dans la diapositive précédente Comme vous pouvez le voir, tout cela peut être Latty en fait, non ? Le texte est peut-être en retard. Tout peut être en retard au lieu de se contenter de l'image. Nous pouvons certainement exporter un fichier PNG et l'importer ici, et le reste de l' élément peut être converti en couches de forme, n'est-ce pas ? OK. Donc, pour passer à ce qui se passe réellement, c'est que l'on clique sur ce bouton , je pense que oui On clique sur ce bouton. Maintenant, l'effet de remplissage est évidemment appliqué, mais nous pouvons également appliquer les mêmes images clés à la propriété de couleur s'il s'agissait d'une couche de forme. Donc oui, c'est également compatible très tard. Et comme vous pouvez le voir, clique dessus, on clique dessus avec le bouton droit de la souris, puis il devient violet OK. Ensuite, passons à la diapositive suivante. OK, voici donc la diapositive suivante. OK, donc ça se transforme en couche d'ondes, en fait. Donc, en gros, l'application dit que vous pouvez envoyer des cadeaux à n'importe qui et également attacher un nœud vocal de 30 secondes. Donc ça convertit, d'accord. Regardons simplement l'animation. Comme vous pouvez le voir, ça s' aplatit, d'accord ? C'est une animation très simple. Il ne se passe rien de vraiment difficile. C'est juste animé à l'échelle. C'est ça, non ? OK. Et le micro interne est également réduit. Oui, non ? Comme vous pouvez le voir, une fois que nous l'avons tapé, il s'agrandit, puis il diminue. Et puis cette ligne arrive en fait. Maintenant, il est très important de le remarquer, comme vous pouvez le constater, il existe un fichier audio, en fait, qui a été créé à ce sujet Maintenant, trouvons simplement cette couche. Il s'agit d'une couche de visualisation. En fait, comme vous pouvez le constater, un effet de spectre audio est ajouté à cela. Il a donc été animé comme le fait l'étau. OK. Allons simplement dans le dossier et jetons un coup d'œil. Comme vous pouvez le voir, la voix s'anime ici, n'est-ce pas ? OK. Alors, comment faire ça en fin de compte ? Eh bien, il existe un moyen simple, et allons-y. OK, il y a donc deux façons, en fait. Passons simplement en revue les deux. OK. Je vais créer com. Appelons-le simplement test voice. OK. Maintenant, ce que je vais faire, c'est créer une ligne. OK, comme ça, non ? Je vais juste faire dix pixels. Maintenant, je vais juste aligner le centre. Maintenant, nous pouvons faire deux choses. Nous pouvons ajouter des pièces de garniture, en fait. OK. Allons-y et essayons ça. Faisons en sorte qu'il y en ait 50, et les 149 autres. OK, pour qu'il y ait un peu de point. OK. Et maintenant, ce que nous allons faire, c'est arrondir les angles. Ça aura l'air mieux, je pense. Tu vois ? Ça a l'air mieux. OK. Je vais donc créer un keyframe à la fois. Je vais zoomer un peu. Et essayons simplement de l'animer. Faisons-le aller ici, faisons-le aller ici, ici, dans l'autre sens. Deux images plus tard, l'une d'elles arrive ici. L'autre va ici. OK. Ensuite, vous pouvez simplement les parcourir, puis le faire un petit peu, puis vous pouvez simplement cloner les images clés comme nous l'avons fait dans le cours précédent. OK. D'ailleurs, j'ai expliqué ces plugins dans le cours précédent. Donc, si vous avez besoin de comprendre comment les utiliser, vous pouvez simplement consulter les cours précédents. Ok, tu peux voir, ok, ça marche, non ? OK. Et vous pouvez simplement l'utiliser et allonger le chemin, en fait, comme ça. Et puis, comme vous pouvez le constater, vous pouvez simplement utiliser la même méthode et le faire plusieurs fois. OK ? Et puis continuez. C'est ça. Ensuite, vous pouvez tout recréer et aussi, faisons-en trois Il y a donc aussi de petites lignes entre eux si vous le souhaitez. OK. Et jouons-y. Hein ? Maintenant, évidemment, vous pouvez également décaler les images clés. Mais essayons simplement ça. Il va y arriver. Apportons-le ici. Et maintenant, je vais le rendre aléatoire. Et je vais juste passer à l'étape dix, puis appuyer sur la séquence et voir ce que nous allons obtenir. OK, il y a donc eu une erreur. Ce sera un, mais le décalage sera de dix. OK, c'est mon erreur. OK. Allons-y et jouons à ça. OK, alors jouons à ça. Hein ? Il semble donc que la voix soit envoyée ou qu'elle soit jouée. OK. Mais une autre méthode que nous pouvons essayer, qui est beaucoup plus simple et facile. Maintenant, cela peut affecter un peu la taille de votre fichier, mais il est beaucoup plus facile à modifier et vous pouvez également appliquer les révisions du client très facilement. OK, j'ai créé ce chemin. OK, même méthode. Je vais en faire dix, afin que nous puissions le voir clairement. Je vais tout faire. Encore une fois, autour des casquettes. OK. Et maintenant, ce que je vais faire c'est ne pas ajouter de pièces de jante. Au lieu de cela, je vais cliquer sur ma propriété d'échelle, et je vais ajouter une expression. OK ? Et le fonctionnement des expressions est fondamentalement compliqué à expliquer, mais c'est juste que si vous connaissez les expressions, elles seront faciles à comprendre. Mais si vous débutez dans le domaine des expressions, je vous recommande vivement de consulter un didacticiel de base à ce sujet sur YouTube. OK. Je vais donc simplement saisir quelques valeurs maintenant. Je vois juste à quoi ça ressemble. OK, comme vous pouvez le voir, ça a l'air, ça marche, je pense, non. Ce que nous pouvons faire, c'est atteindre 80, non ? OK. Essayons simplement de calculer la valeur de mise à sac, 200 et voyons ce qui va se passer OK. Comme vous pouvez le constater, cela ne semble pas réaliste. Alors ramenons-le à 20 et faisons en sorte que ce soit 1800, voyons ce que cela va faire, n'est-ce pas ? On dirait que la voix est jouée. OK. Et revenons à 50 pour voir la différence. OK, donc ce que vous pouvez faire, c'est créer plusieurs copies, d'accord. Vous pouvez également les agrandir, ou vous pouvez simplement définir le chemin et l'allonger des deux côtés, n'est-ce pas ? Et si vous devez ajuster les longueurs d'onde, vous pouvez simplement modifier l'expression C'est ça. C'est tout ce que tu as à faire. Il suffit de copier le même calque encore et encore. Ensuite, ce que vous pouvez faire c'est simplement modifier l'expression de la fille. Tu vois, ça a l'air plus réaliste, non ? Il y a une certaine randomisation dans chaque couche. Et pour les petits nœuds ou nœuds de la voix, vous pouvez simplement sélectionner ceci et les réduire, ou en faire un petit puis le copier, n'est-ce pas ? Ensuite, vous pouvez créer une vague à partir de ça comme ça. OK. Désolée, c'est ma faute. OK, essayons de jouer à ça. Je vais y consacrer 2 secondes, et jouons-y. Tu vois, ça a l'air plus réaliste. Évidemment, vous pouvez faire descendre certaines couches encore plus loin, mais vous comprenez ce que je veux dire. Maintenant, comment exporter cette animation ? OK, c'est vraiment important. Maintenant, que faisons-nous maintenant ? Je vais juste, euh, sélectionner notre composition Vice de test. Je vais juste entrer dans les paramètres, et comme vous pouvez le voir, aucune option supplémentaire n'est sélectionnée. Maintenant, essayons juste de l'exporter et laissez-moi vous dire que cela ne fonctionnera pas, d'accord ? OK, alors testez Voice, Non. OK, c'est donc une animation de prévisualisation. Comme vous pouvez le constater, cela fonctionne, mais il y a encore quelque chose à garder à l'esprit. Avant d'envoyer le fichier au client, vous devez vérifier le latte, et il se peut qu'il ne fonctionne pas sur mobile ou sur le Web Donc, avant de l'envoyer, il vous suffit d'accéder aux paramètres, passer dans le paramètre Scroll down, d' accéder aux options d'expression et de sélectionner Convertir les expressions en image-clé Appuyez sur Enregistrer, puis vous pourrez revenir ici. Comme vous pouvez le constater, la taille est de 20 Ko. Remplaçons-le simplement. C'est le hit render. Et vérifions à nouveau la taille du fichier. OK. Comme vous pouvez le constater, la taille de la voix est désormais 89 Ko car toutes les valeurs ont été converties en images-clés OK, donc oui, cela fonctionnera également de la même manière dans le plug in des mouvements du corps. Mais si vous effectuez le rendu de l' animation avec cette méthode, elle fonctionnera parfaitement sur toutes les plateformes. OK. Revenons donc à nos études. Donc oui, vous pouvez ajouter l' animation en utilisant cela. Et puis après cela, le bouton est cliqué sur le bouton suivant, en fait, non ? Et ce qui se passe, c'est que la voix joue un petit peu ici, puis passe à la suivante, n'est-ce pas ? OK, donc ce qui se passe ici, c'est ouvrons celui-ci. OK, il ne s'agit donc que d'une couche de texte, essentiellement d'une couche de forme, et nous utilisons un masque pour révéler le nom. Et puis il y a une couche de chaque ligne qui est masquée. OK, donc tout n'est qu'une seule couche, je pense que oui. Il y a trois masques sur le même calque. OK. Donc oui, cela fonctionnera également parfaitement tard, mais je vous recommande vivement de choisir une ligne pour un masque, puis de dupliquer cette même couche. N'utilisez pas quatre masques sur la même couche, car si le masque s'interrompt, le dernier risque de se bloquer ou de ne pas fonctionner parfaitement OK. Pour revenir à la composition principale, après la révélation du message, le bouton suivant est à nouveau appuyé, et vous êtes sur la page de paiement, vous faites défiler la page vers le bas Comme vous pouvez le voir à l'intérieur. Désormais, toutes les couches sont associées à une seule couche, qui est la cinquième couche, la dernière Et puis parce qu'il n'était pas nécessaire d'ajouter un objet, c'est pourquoi il est animé de cette façon. OK ? Il défile donc vers le bas. Appuyez sur vous comme vous pouvez le voir, voici l'animation à l'échelle du bouton. OK. Maintenant, qui vous l'avez envoyé, puis il passe à l'écran d'accès, puis vous pouvez voir comment il y a une animation de chat. Nous avons déjà vu des animations de chat dans le cours précédent. Maintenant, celui-ci ne s'anime pas très bien si on le compare à ceux-là. Maintenant, cela s'explique par le fait que l'utilité de l'animation de texte et du but du chat est très moindre, car nous avons présenté l'idée complète de l'application. Hein ? L'interaction entre deux personnes n'est donc pas vraiment aussi importante car notre produit n' est pas basé sur leur interactivité Maintenant, si vous animez des discussions avec des chatbots basés sur l' IA, est l'interactivité qui compte le Mais dans ce cas, la productivité, le produit, l'entreprise, ce que fait l'entreprise sont les plus importants, ce qui a déjà été montré dans l'animation précédente. C'est pourquoi nous l'avons animé très rapidement et à la hâte, n'est-ce pas Comme vous pouvez le constater, la notification parvient à la personne, puis elle dit « Merci ». Et puis sur la dernière diapositive, lorsque la personne clique sur ce message, en fait, voyons voir, je pense qu'elle est cliquée dessus Non, ça ne l'est pas. OK. Donc oui, celui-ci s'ouvre, puis ce qui se passe, c'est que les nœuds vocaux sont joués. C'est vraiment facile. s'agit simplement d'une couche de forme d'onde, et c'est une couche blanche à l'intérieur, comme vous pouvez le voir, de sorte que toutes les couches sont séparées, en fait Euh, j'aurais pu simplement utiliser la fusion, mais je ne pense pas avoir eu ce plugin auparavant. Sinon, je n'aurais pas à créer de pré-composition à ce sujet. Vous pouvez donc voir que ce genre de choses peut vous faire économiser une pré-composition complète, n'est-ce pas ? Vous pouvez donc simplement masquer une couche au lieu de la précompiler. J'aurais pu juste le masquer au lieu de retourner dans cette maquette. Ouais. Cela fonctionnera donc de manière plus propre, je pense, si nous devons trouver des idées ou changer de couleur, en fait. Vous pouvez simplement écrire le calque et changer de couleur au lieu de retourner à l'intérieur et de changer de couleur. OK, donc ça se joue, puis ils reçoivent mon bouton, ils cliquent et l'animation se termine C'est ainsi que nous aurions pu réaliser la même animation en utilisant également l'animation artistique. C'est pourquoi il était très important de vous montrer comment vous pouvez également créer ce type d' animations en important ou en utilisant les options d'exportation permettant d'inclure les images dans vos animations à l' aide de cette fonctionnalité, et également en utilisant des expressions lorsque cela est nécessaire pour certaines couches, comme la version vocale présentée dans la diapositive précédente. OK, donc c'est tout pour ce cours dans le prochain. 5. 04. Étude de cas du projet.: Bienvenue dans le cours. OK, donc j'ouvre un projet client, et je vais essayer de vous montrer autant d'exemples que possible de la façon dont je projets clients et façon dont je crée leurs animations, parce que l'essentiel et l' objectif principal de ces cours sont vous apprendre à créer des animations pour vos clients, n'est-ce pas ? C'est donc une animation que j'ai créée pour un client il y a quelques mois, d'accord. Et ce qu'ils voulaient , en gros, c' était créer un logiciel d' IA qui aide les étudiants à créer leur place dans l'éducation des enfants et des étudiants. OK, alors sans plus attendre, parcourez simplement notre dossier. Revenons-en à notre composition principale. C'est donc notre composition principale. OK, il y a deux coms principaux. Nous avons donc également une composition, en particulier celle-ci, qui est réellement rendue Ce n'est pas celui-ci, en fait. C'est celui-ci, celui du rendu. Le client a finalement demandé que l' animation complète soit affichée sur un ordinateur de bureau, car il s'agissait de la version de bureau de son IA. J'ai donc pris cet ordinateur de bureau sur un site Web boursier gratuit, puis ce ne sont que des joueurs de partage. OK, j'ai juste utilisé la surcharge et je l'ai saisie ici en utilisant la surcharge. OK. Et maintenant, ce qui se passe, ce qui se passe ici, c' est allons-y. OK, c'est donc l'animation principale. Passons simplement au premier com. D'accord, comme vous pouvez le voir, il y a cet avatar. Tout d'abord, nous ne pouvons pas transformer cet avatar en SVG. Il s'agit donc simplement d'un avatar AI, et ceci est une image PNG. Et j'utilise la même option que celle que je vous ai montrée dans le cours précédent en saisissant et en gardant l'option image disponible, n'est-ce pas ? Sélectionnez celui qui inclut les images matricielles dans le fichier JSON, puis cette image est parfaitement rendue. OK, donc c'est juste de l'animation très simplement. OK. Il s'agit donc essentiellement de réfléchir et de guider. C'est la devise de ces trois cadres clés que nous essayons de montrer. OK, revenons à notre composition principale. Alors, heu, appuyons sur U sur notre clavier pour voir. OK, c'est donc la première couche qui s'anime. Ça prend de l'ampleur, d'accord. Et puis il y a cette couche de texte. Et j'ai utilisé la première option ici dans le réglage, l'option Glyphes OK, cochez celle-ci et vous pouvez simplement continuer à modifier le texte, et il le convertira tout rendant le fichier en lecteur de partage. OK. Donc, la première ligne s'anime en utilisant un masque, un masque très simple, d'accord. Et il y a deux images-clés sur le masque qui se révèlent. Maintenant, il y a quelque chose d' important à souligner ici, savoir que quelqu'un pourrait penser que ce n' est pas une façon professionnelle d'animer peut-être parce que les gens veulent l'effet d'écriture apparaisse lettre par lettre, n'est-ce pas ? Vous pouvez y parvenir en le convertissant en lecteur de partage , puis en le décalant d'une image clé, comme nous l'avons fait dans le cours précédent. Mais ce n'est pas très conseillé dans cette situation, car au fur et à mesure que nous examinons ici, des tonnes de texte s'animent réellement Il faudra donc beaucoup de temps pour prendre une image-clé pour chaque lettre, car ce chiffre deviendra alors deux ou trois fois plus élevé Cela prendra encore plus de temps, en fait, non ? C'est en train de prendre. Voyons juste combien de temps cela prend. Cela prend environ 6 secondes, non ? Ensuite, l'animation prendra environ 18 secondes. Nous ne voulons donc pas vraiment que l'utilisateur s' ennuie à cause de l'animation, car il s'agit d'une animation tocas, n'est-ce pas ? Cela signifie que si vous regardez l'animation, vous pouvez complètement comprendre ce que l' IA est capable de faire pour vous. Notre travail consiste donc à créer une animation qui dépeint le sens en très peu de temps. OK. Donc toutes ces formes ne sont que des formes, des formes simples, n'est-ce pas ? Il y a donc juste une échelle d'animations. Les points d'ancrage sont déplacés sur ce site à l'aide de ce plug-in, dont nous avons parlé dans le cours précédent. C'est très simple. Et ce ne sont que les couches fiscales utilisant la même technique de masque. Tout cela est révélé, non ? OK. Donc, lorsque tous ces éléments sont animés et que ce bouton se révèle, accord, il se révèle, puis le clic se produit sur le bouton d'envoi. OK. Et puis ce qui se passe, c'est que nous entrons dans la deuxième composition. OK. Frappons-nous sur notre clavier. Comme vous pouvez le constater, il se positionne dans le sens supérieur. D'accord, vous pouvez également vérifier l' assouplissement ici. OK, ça va aussi dans le sens supérieur avec l'opacité, donc ça s' estompe en gros, non Et puis le A commence à générer la réponse. Passons à cette maquette. Et avant de continuer, je vais simplement ouvrir l' illustrateur pour vous montrer le fichier de design que le client m'a effectivement envoyé. Alors laisse-moi te le montrer très rapidement. OK, c'est donc le fichier que le client m'a réellement envoyé. Il s'agit de la page principale. Maintenant, comme vous pouvez le voir, j'ai apporté quelques modifications. J'ai retiré l' arrière-plan de cette dame et l'ai remplacé par une couche de forme plus simple. D'accord, parce que j'ai préféré que le client utilise un simple cercle en arrière-plan au lieu d'utiliser un carré, car nous voulons ensuite pouvoir animer cette dame à l'intérieur Ils ont donc accepté. OK, et puis ce qui se passe, c'est que c'est la première diapositive. Il s'agissait en fait d'une référence à la version de leur application mobile. Ils n'en avaient pas vraiment besoin. Ils ont annulé cette version en fait. Nous avons donc opté pour celui-ci uniquement. Nous n'avons pas travaillé sur celui-ci en fait. C'était juste un cadre de style. OK. Voici donc tous les textes que le client a dit que l'IA allait noter. OK. C'est pourquoi nous n'avons pas pu créer l'effet lettre par lettre, en fait, car l'animation prendra plus de 50 secondes à cause du grand nombre de lettres OK. Alors, comment l'ai-je animé ? Revenons-en à notre illustrateur, notre excuse après coup, et voyons comment je l'ai animé. OK. Voici donc la maquette. Je l'ai fait en fait plus grand. Comme vous pouvez le constater, j'ai augmenté la hauteur. Revenons simplement à notre illustrateur et vérifions la hauteur ici. Je pense qu'il y en a également 5 000 ici. Mais jetons un coup d'œil. OK. Comme vous pouvez le constater, il fait 3 200 pixels. OK ? Je l'augmente donc parce que je voulais créer un effet de défilement, en fait. Maintenant, j'aurais également pu supprimer cet espace supérieur. Mais le client en avait vraiment besoin très rapidement. Je cherchais donc simplement à créer l'animation, et il n'y avait aucun mal à créer cet espace blanc, en fait, car il n'y avait aucun autre objet ou couche complexe. Alors j'ai simplement fait avec. Mais c' est sûr que ça devrait être au top ici. Ouais. OK. Donc, tout d'abord, cette couche s'anime de la même manière OK, aucune différence. Cela ne prend pas de l'ampleur parce que nous l'avons déjà fait, n'est-ce pas ? Alors pourquoi en faire une version à grande échelle ? Encore une fois, parce qu'il ne s'agit que d'écrire la réponse maintenant. Alors, d'accord, comment s'anime le texte ? Regardons ça ? Les paragraphes sont divisés en couches de masque, d'accord ? Et puis ce qui se passe, c'est qu'il y a un masque. Frappons-nous sur notre clavier, et comme vous pouvez le voir, il y a les images-clés de position et les images-clés d'opacité Parce que l' objectif de montrer des animations basées sur l'IA ou de l'IA à l'aide d'un logiciel d'IA, la création d'animations d'IA comporte également un élément important la création d'animations vous devez toujours garder à l'esprit, que vous devez toujours garder à l'esprit, à savoir que l'IA réduira le temps que vous devrez consacrer à la tâche si vous n'utilisez pas l'IA. OK ? L'IA va donc vous faire gagner beaucoup de temps. C'est donc ce que nous essayons de souligner ici : il produit des résultats très rapidement. Toutes les couches sont donc simplement décalées comme avec ce plugin, aussi simple que OK. Et tout cela est animé, non ? Et ensuite, comme vous pouvez le voir, nous écrivons que comme vous pouvez le voir, nous écrivons la personne qui utilise l' IA écrit une autre question. OK ? Une question complémentaire en gros. Et puis l'IA y répond également, n'est-ce pas ? Animation assez simple. Rien de trop compliqué. Revenons à notre composition principale et voyons comment j'ai créé l'effet de défilement D'accord, comme vous pouvez le voir, voici le premier positionnement des cadres E. OK, ralentissons celui-ci. Et comme vous pouvez le constater, le voici. OK. L'animation commence donc à partir d'ici, d'accord ? Et jusqu'ici, il n'est pas animé en position. Il s'agit simplement d'une clé d'opacité dès le départ. Maintenant, à partir de là, la position s'anime parce que le texte est plein à l'écran, donc il remonte et puis ce qui se passe, c'est revenons au bas de cette couche parce nous revenons au bas de cette couche parce que nous voulons montrer que, tout comme Whatsapp , la barre de saisie se trouve en bas de l' écran jusqu'à ce qu'elle soit écrite OK. Et après ça, il faut le taper. OK, ce qui se passe est un fait très simple qui se produit réellement. Revenons juste en arrière et vérifions-le. OK. Donc, ce qui se passe, c'est ici que cette couche de texte s'élève. Laisse-moi juste allumer ça. OK. Donc, cette couche s'élève, et cette couche est encadrée par une clé d' opacité. Appuyons simplement sur notre clavier et voyons. Comme vous pouvez le voir, cette couche disparaît, s'estompe, n'est-ce pas ? Et puis celui-ci se positionne dans le sens supérieur. OK, et c'est tout. Aucune animation supplémentaire n'est en cours. OK, donc c'est parenté à null, en fait, et le nul est là En fait, toute la barre est animée selon ce zéro, et ce zéro s'anime en fait dans le sens supérieur, de sorte que l' icône de la personne se déplace également dans le sens supérieur en même temps que lui OK. Donc, juste pour enregistrer quelques images-clés, j'ai juste ajouté un objet nul Donc, après cette animation, je réapparais, puis elle s' anime à nouveau, et elle saisit à nouveau toutes les réponses de la même manière. Revenons à notre composition principale et jetons un coup d'œil. OK. Maintenant, il maintient l'animation ici pendant un petit moment, puis l' animation de position recommence. OK. Et c'est aussi simple que cela, l'animation se complète d'elle-même et recommence. Et c'est tout. OK, je vais juste le résoudre et vous pourrez voir l'animation dans son intégralité D'accord. Il s'agissait donc d'un projet très simple. Et maintenant, je voudrais vous montrer un petit peu, similaire également, qui était en fait le projet d'un autre client. OK, c'est donc l' animation que j'ai créée. Jetons un coup d'œil à ça. OK, alors c'est ça. D'accord, donc en gros, c'est aussi pour vérifier la taille de fichier précédente du projet précédent. La taille finale de l'animation était celle de la version de bureau, je n'étais en fait que de 261 Ko, et c'est tout. Comme nous utilisons cette option à l'intérieur du plug-in mobile interne du corps, l'option glyphe, c'est pourquoi la taille du fichier était très petite Ouvrons ce projet maintenant et laissez-moi vous montrer ce que j'ai fait dans celui-ci et comment je l'ai créé. Maintenant, pour celui-ci, j'ai créé le design moi-même. Alors allons-y et jetons un coup d'œil au design, car il n'est pas vraiment aussi difficile qu'on pourrait le penser. OK, donc le client m' a envoyé une animation, que je ne peux pas partager avec vous pour des raisons de confidentialité, car il ne voulait pas qu' elle soit partagée ailleurs que par la personne à laquelle il faisait référence. D'accord, donc en gros, il s' agit d'un outil d'IA, qui automatise la génération de prospects OK, donc ce sont les couleurs du client qu'ils ont fournies, et voici les polices. C'était ce qu' exigeait le client. Je viens de créer six rectangles et de copier-coller les valeurs ici OK. Ensuite, j'ai créé ces boutons, cette animation de boutons. Et ces boutons sont vraiment très simples. Et comme vous pouvez le constater, les traits et les remplissages se trouvent sur le bouton. Il y a juste une police de caractères. Il y a cette petite icône. J'ai essayé de faire correspondre la palette de couleurs du client afin que tout corresponde à son image de marque. Puis la flèche descend. Donc, en gros, quelqu' un soumet un formulaire, puis contacte par le biais de la campagne active. La première chose qui se passe réellement , c'est qu'un formulaire se remplit , puis que le contact est établi par le biais de la campagne active qu'ils utilisent . Y ont-ils répondu ou non ? Ont-ils répondu oui à la quatrième question du formulaire d'égalité ? Si c'est le cas, ils envoient un lien à prix réduit. Dans le cas contraire, ils envoient un lien sans réduction. Et puis, dans les deux cas, ils attendent deux jours. Et puis s'ils ouvrent l'e-mail, oui ou non, n'est-ce pas, ils les avertissent de faire un suivi par téléphone et, dans l'affirmative, de les étiqueter avec un prospect en libre-service, n'est-ce pas ? OK, puis le client a demandé des modifications. De plus, c'est un conseil très utile. En fait, vous pouvez simplement dupliquer le fichier tout en créant les visions du client. Le client voulait donc vraiment que la boîte soit faite à la main. J'ai donc simplement ajouté quelques points d'ancrage sur la boîte, puis je les ai ajustés simplement fait en sorte qu'ils ne soient pas une trajectoire droite et j'ai juste ajouté quelques courbes, et c'est tout. Ensuite, je le duplique dans la même case partout. De plus, ils ont demandé que le formulaire soit de couleur bleue, d'accord. Et les autres étaient en rose. Ils m'ont également demandé de changer la couleur des flèches, et c'est ce que j'ai fait. Une fois le design approuvé, ils m' ont également demandé d'ajouter l'icône ZPR ici, mais ils ont insisté pour que tout soit aligné sur leur marque OK. Après cela, ils ont approuvé la version, puis ce que j'ai fait, c' est que ce sont en fait les commentaires sur la version précédente, n'est-ce pas ? Ils m'ont dit ce que je devais changer, puis j'ai appliqué le changement. OK. Après cela, j' ai simplement continué. Maintenant, ces éléments ne sont pas dus au fait que les tirets ne peuvent pas être animés dans After Effects ou disons simplement que la pointe des flèches lorsque nous importons l'autre fichier, faisons-le et laissez-moi vous montrer comment cela fonctionne OK, je vais sélectionner ceci. Je vais passer à mes effets secondaires. Je vais ouvrir une nouvelle composition, et maintenant je vais la mettre en blanc. OK. Maintenant, appuyons simplement sur OK, afin que je puisse vous montrer ce qui se passera si j'importe celui-ci. OK. Comme vous pouvez le constater, la pointe de la flèche n'a pas été ajoutée. Nous en avions donc également besoin. Donc, ce que j'ai fait, c'est que je suis simplement allée de l' avant et que je les ai toutes sélectionnées , puis je suis passée l'objet et j'ai agrandi l'apparence. C'est ça. Ensuite, il les convertit en couches de forme afin que je puisse animer chaque élément sans aucun problème Et ces coups restent des coups. OK. OK, donc maintenant, ce qui se passe réellement, c'est lorsque le design a été terminé, je l'ai introduit ici, puis j'ai d'abord créé cette maquette de design Assurez-vous de ne saisir le dessin que dans un com séparé avant de l'animer Alors dupliquez la maquette, d'accord ? Ensuite, vous pouvez créer l' animation dans une composition séparée. De cette façon, vous aurez ce design ici. Disons simplement que j'ajoute quelques images-clés ici et là. Et à cause d'une erreur ou problème, ou peut-être d'une erreur ou simplement d'une erreur, je gâche le design. Alors je peux simplement revenir en arrière et récupérer le design réel à partir d'ici. Ou si l'animation s'arrête, je peux simplement supprimer cette composition dupliquer à nouveau et recommencer l'animation OK. C'est donc la personne qui est sur la plateforme, et elle est en train de vivre un voyage. Il ou elle traverse un voyage, n' est-ce pas, à travers le formulaire. Le client souhaitait donc également que l'animation ait Zomi dans les effets Alors, comment pouvons-nous réellement créer cela ? Parce que nous ne pouvons pas utiliser trois D Lers car ceux-ci ne sont pas pris en charge par les fichiers récents. Alors, que faisons-nous à ce sujet ? Donc pour cela, j'ai juste créé toute l'animation, d' abord, d'accord ? Et puis j'ai réduit la taille de la composition, OK, à seulement 500 x 500 pixels parce que c'était la demande du client Ensuite, j'ai créé toute cette animation, puis je l' ai convertie en un objet nul, qui est, comme vous pouvez le voir, animé Ici, comme vous pouvez le voir, si une partie n'est pas animée , il y a des images-clés sur chaque instance, comme sur la position et sur une échelle à la fois Comme nous avons réalisé un projet très complexe dans le cours précédent, vous savez peut-être qu'il est très important d'ajouter des images-clés factices afin d' ajuster le timing de l'animation ultérieurement OK. Donc, ce qui se passe, c'est que nous allons simplement passer en revue cela. Consignons simplement cette valeur nulle. Appuyons sur notre clavier, et passons simplement en revue toutes les couches. Je vais appuyer, d'accord. Et comme vous pouvez le constater, seules deux couches sont animées, en fait. Le premier est ce personnage. Donc, en gros, le but de ce design d'être parfait est vraiment important car le design est l'élément essentiel ici. Dans toutes les animations les plus probables, le design est vraiment important. Et dans ces cas-là, parce qu'il s'agit d'une animation de présentation d'un produit ou d'une animation d'introduction à un produit. Donc, dans ces animations, ce design compte vraiment beaucoup. OK, donc ce petit bonhomme s'anime vers le bas, d'accord, ça vient ici Et puis le même image-clé est ajouté ici, d'accord ? Ici, il n'y a pas d'interpolation entre eux ou s'il y en a, ce n'est pas vraiment important parce que cela peur ici et parce que c'est derrière la couche La façon dont il s'anime n'a donc pas vraiment d'importance. OK, alors ce qui se passe, c'est j'utilise juste la mise à l'échelle de ce zéro et le positionnement, et c'est tout. Nous suivons donc essentiellement un chemin, n'est-ce pas, puis nous nous y dirigeons simplement y dirigeons simplement OK. Nous entrons donc dans ce forum, puis l'échelle diminue, qui crée cet effet de zoom arrière. En fait, nous utilisons simplement l'échelle ici. Nous n'utilisons rien d'extraordinaire, mais nous avons quand même parfaitement obtenu l'effet, non ? La personne entre dans le S, puis ce qui se passe, c'est sont les mêmes images clés dupliquées ici, de sorte que l' animation est maintenue ici, puis elle est à nouveau animée Attends deux jours, non ? Il se déplace d'ici à ici, puis on descend d'ici, puis ce type s' anime à nouveau comme ça Ensuite, nous revenons à nouveau au zoom arrière Comme vous pouvez le voir, c'est ici, à une échelle de 100 %, et c' est maintenant à une échelle de 50 %. OK ? Rien de très complexe, de très simple. Et maintenant, cela se répercute dans cette colonne. OK. Et au fur et à mesure qu'il descend vers le bas, nous zoomons en arrière OK. Et comme vous pouvez le voir, nous descendons ici maintenant, et l'animation s'arrête là, n'est-ce pas ? Parfait. OK ? Aucun problème n'a été résolu avec succès. OK, donc c'était également beaucoup compatible, et la police a simplement été convertie en lecteurs partagés en utilisant la même option, n'est-ce pas ? Celui-ci, le CS. C'est aussi simple que cela, rien de bien complexe. Passons maintenant une animation très simple et à un autre exemple, en fait. Bon, maintenant nous allons jeter un œil à ce projet. Maintenant, cela a été créé pour un autre client. Dans celui-ci, le design était en fait fourni par Figma, mais il y avait quelques petits problèmes que j'ai corrigés, en fait J'ai converti le dessin en SVG. OK. Et puis ce que j'ai fait, comme vous le savez, c' les images sont importées directement depuis Figma si nous utilisons le AEUXPlugin comme nous l'avons utilisé dans le premier cours OK. Et puis, ce qui se passe, c' est que l'animation est vraiment très simple. Il y a eu quelques problèmes dans ces lignes, en fait. Je les ai donc simplement édités dans le SVG. Permettez-moi d'ouvrir le fichier de conception en fait. Je peux donc vous montrer, comme vous pouvez le voir ici, celui-ci est un exemple plus plat. Laisse-moi juste en ouvrir un autre. OK, comme vous pouvez le voir dans celui-ci, j'ai dessiné les références. OK, alors laisse-moi juste arrêter ça pour que je puisse t'expliquer ce que j'ai fait. OK, c'est donc celle que j'ai dessinée. OK. Il s'agit du design fourni par le client. OK ? Comme vous pouvez le voir, si je le fais glisser ici seul, vous pouvez voir qu'il y a des segments dans la flèche, mais il ne doit s'agir que d'une simple ligne. Maintenant, je ne peux pas l'animer en utilisant des pièces de découpe car c'est un remplissage, n'est-ce pas ? Nous ne pouvons pas animer un remplissage. C'est pourquoi j'ai créé ces couches violettes par-dessus. J'ai essentiellement retracé les lignes pour mieux assouplir les animations Je l'ai fait avec toutes les animations que le client m'a demandées. J'ai de nouveau créé toutes les flèches moi-même. Cela n'a pris que 5 minutes, mais cela a rendu l'animation beaucoup plus facile et je n'ai pas eu à masquer les couches. J'ai juste utilisé la trajectoire de découpe, comme vous pouvez le voir ici. Comme vous pouvez le constater, la fin de la trajectoire de découpe est animée, en fait, et rien d'autre n'est animé. Et nous avons un effet très simple. Ensuite, cet en-tête s'anime également en utilisant la fin et le début sur 50 50, sorte qu'il s'anime à partir du centre L'autre animation est très simple. Il y a de l'opacité sur les boutons, et il y a aussi une échelle. OK. Et puis il n'y a que l'image, l' animation, c'est l'opacité. C'est ça. De toute évidence, il y a beaucoup de couches, donc cela peut sembler un peu confus. Mais si vous regardez le cours précédent, le cours intermédiaire, il vous semblera très facile de le suivre. OK, donc c'est juste une animation à échelle, et j'ai suivi certaines normes pour les animations, à savoir que suivi certaines normes pour les animations, à savoir l' animation à l'échelle est dix, 20, 21, 22, 23, 24. Chaque animation à l'échelle est de 24 images, d'accord, comme vous pouvez le voir ici. Et aussi cette animation, c'est aussi une animation AirScale Comme vous pouvez le constater, cela dure également 1 seconde. D'accord, vous devez donc créer des normes lorsque vous créez des animations, plusieurs animations pour le client. Vous devez respecter ces normes et les suivre dans chaque animation que vous créez. Cela vous aidera à obtenir des résultats cohérents, et vous pouvez simplement les noter dans un bloc-notes, exemple, quelle valeur sera laquelle, l'échelle sera de 24 images par seconde ou ce seront des images. OK. L'animation linéaire ne comportera que 12 images. Vous pouvez simplement l'écrire en fait. OK. Et cela vous facilitera vraiment la tâche. OK. Et si vous utilisez des designs Figma, je vous recommande vivement de ne pas créer toutes les animations dans un seul fichier, car les couches peuvent devenir trop problématiques ou si le client en fait le design qui vous a été donné, si chaque élément possède un cadre, n'est-ce pas, comme nous en avons discuté dans un cours précédent, alors chaque élément sera placé dans un cadre vous suffira donc de passer par com, com, com comp. Mais maintenant, ce n'est pas le cas ici car je les ai juste placés dans le stator. Et puis ce que j'ai fait, c'est que je l'ai utilisé, j'ai utilisé Overload et je l'ai intégré à After Effects en utilisant Straor au lieu d'utiliser Figma Ensuite, j'ai simplement exporté cette image d'avatar de Figma séparément , puis je l'ai importée ici OK. C'est ainsi que je l'ai créé, et c'est pourquoi j'ai utilisé le même projet d'animation pour les six animations que j'ai réalisées pour le client. Les autres animations sont également très similaires et simples. Je ne pense donc pas qu'il soit nécessaire de les passer tous en revue. Mais il y a cet élément de cohérence , que vous verrez dans toutes les animations. Si je les joue toutes une par une, vous ne verrez pas la différence ou il n'y aura aucune variation dans l'animation. Cela aura une apparence très similaire et il sera logique qu' ils proviennent tous du même client ou qu'ils proviennent tous de la même entreprise, et il sera placé sur la même page du site Web. Ouais. Voici donc quelques petits détails que vous pouvez garder à l'esprit lorsque vous animez des actifs pour le client OK, c'était donc tout pour ce cours. Je te retrouverai dans le prochain. 6. 05. Animer des masques de transparence: Dans ce cours, nous allons apprendre à créer l'effet d'écriture que vous pouvez voir à l'écran, et je l'ai créé pour plusieurs projets clients, comme vous pouvez le constater. C'est très simple à créer dans After Effects, mais c'est un peu compliqué si vous devez le créer dans une Lottie JSON compatible plus tard Commençons donc et laissez-moi vous montrer comment cela se fait réellement. Il existe donc plusieurs façons de le faire dans Lottiefiles, particulier dans After Effects Alors allons-y , créons notre nouvelle composition et laissez-moi vous guider à travers cela Nous allons donc créer une composition de 1 900 x 1080 pixels. Ensuite, disons simplement que notre client est moi-même en ce disons simplement que notre client est moment, car nous ne voulons pas entrer dans les détails du travail pour un client en ce moment, car ce est qu'un exemple pour vous montrer comment les choses peuvent être faites. Augmentons donc simplement la taille et après cela, nous changerons également la couleur. Ensuite, nous changerons cela en couches de forme, comme nous en avons déjà discuté , qui sont compatibles avec Lottiefiles Ensuite, nous passerons à Motion Tools, et nous allons extraire chaque couche. Donc, comme je l'ai mentionné, il existe plusieurs façons de le faire. Donc, une façon simple de le faire est très simple, c'est-à-dire de rechercher les fenêtres, et de passer au panneau des effets et des préréglages Nous allons maintenant rechercher un effet d'accident vasculaire cérébral. Faisons-le simplement glisser-déposer ici. Maintenant, nous allons sélectionner cette couche, puis nous allons simplement créer un masque par-dessus. Voici comment procéder : cliquez sur ce bouton, puis nous allons cliquer sur le masque, puis créer une couche. Ensuite, nous allons créer un autre masque comme celui-ci. Maintenant, c'est juste pour vous montrer de combien de façons vous pouvez atteindre ou atteindre ces résultats. Nous allons maintenant sélectionner tous les masques, et nous allons changer leur couleur rouge pour que nous puissions le voir clairement. Augmentons simplement la dureté de la brosse à 100. Augmentons simplement cette taille. OK. Ensuite, nous allons zoomer un peu. Allons-y et animons ça. Et nous allons le révéler sur Transparent, non ? Ou révélez l'image. Vous pouvez voir que si vous voulez révéler ce masque en transparent, vous pouvez voir que c'est ce qui se passe. Et une fois que vous aurez sélectionné l'image originale révélée, voici ce que nous allons obtenir. Vous pouvez donc voir que nous créons un effet d'écriture assez facilement. Vous pouvez l'utiliser pour créer un point de référence. Tout d'abord, créez un guide approximatif pour l'animation de vos types. Ensuite, vous pouvez l' envoyer à votre client. Une fois qu'ils l'auront approuvé, vous pouvez leur faire savoir qu'il y aura petites erreurs comme celle-ci qui se chevaucheront, cela ne devrait pas se produire Mais vous pouvez leur expliquer qu'il ne s'agit que d'un aperçu approximatif de la facilité de l'animation. Vous pouvez utiliser cette technique simple pour créer toutes les animations en 10 minutes , puis parce que l'animation Lottie prendra plus de Vous pouvez donc simplement le montrer au client, puis obtenir son approbation. Et une autre technique à utiliser ici est qu'il existe une autre méthode, laissez-moi vous montrer cela maintenant, qui me permettra de retirer les masques de la couche. Allons-y et créons une couche de traits. Maintenant, en plus de cela, ce que nous pouvons faire, c'est utiliser l'option Alpha mat. Passons donc à Alpha mat sur la couche, et maintenant, après avoir créé le trait, vous devez vous rendre ici et ajouter des tracés de découpe. Nous allons maintenant animer le tracé de découpe. De cette façon, vous pouvez essentiellement faire les différentes parties de la couche d' animation aient un assouplissement différent. Mais dans le cas précédent, nous n'avons pas pu le faire. Maintenant, c'est une autre méthode que vous pouvez utiliser, mais elle n'est également utile que pour les références. Cela ne peut pas non plus être rendu parfaitement dans l'animation Lottie. Supprimons donc simplement cela. Voyons maintenant ce qui peut fonctionner réellement dans les fichiers Lottie Il suffit de cliquer sur notre couche et nous allons créer un masque de couche de forme comme celui-ci. Vous pouvez également modifier la couleur du masque afin de pouvoir différencier la couleur de votre couche de forme de la couleur de votre masque. Nous allons continuer et créer, créer une image-clé, puis revenir en arrière comme ceci. C'est aussi simple que ça. Et maintenant tu peux voir. Maintenant, cet effet est en fait compatible avec Lottie Maintenant, vous pouvez créer un autre masque, cliquer ici, dessiner un masque. Après avoir créé le masque, il ne vous reste plus qu'à animer celui-ci Revenons en arrière image par image, car si nous animons les premiers mots de la chronologie, nous ne serons pas en mesure de gérer autant de ces poignées, ce que nous pouvons gérer très facilement en ce moment , car nous devons gérer une poignée à la fois, mais ce ne sera pas le cas si nous allons vers l'avant Il vaut donc mieux le faire de cette façon. R Sur le premier cadre en K, vous devez simplement le déformer de votre forme. Ainsi, la première image K est toujours propre. Maintenant, disons simplement que nous voulons que la première couche soit terminée, puis que le reste du B commence à s'animer Nous allons donc sectionner le prochain masque et nous allons le mettre ici comme ça. Et maintenant, vous pouvez voir qu'il est en train de s'animer. Cette méthode fonctionne vraiment bien. J'ai maintenant créé plusieurs animations pour les projets de mes clients. Je vais maintenant vous montrer comment je les ai créés. Vous verrez qu'il existe de petites lacunes et des problèmes comme celui-ci. Nous allons les aborder dans un cours très compliqué, qui sera un cours distinct. Nous en parlerons donc en détail dans un prochain cours. Allons-y et examinons nos autres projets. Voici donc un logo Revibe, animation d'écran de démarrage que j'ai créé Vous pouvez voir l' animation du logo que j'ai créée. Comme vous pouvez le constater, j'utilise la même technique que celle que je viens de vous montrer. Il y a donc ce R, qui s' anime en fait du bas vers le haut Maintenant, vous devez garder une chose à l'esprit : comment vous écririez vous-même un R sur une copie lorsque vous l'écrivez, vous savez, imaginez que vous écrivez ceci, vous savez, comme ça. C'est ainsi que nous allons l'animer. Donc, d'abord, le R vient du bas , puis la deuxième ligne. Maintenant, j'ai utilisé une couche séparée pour cela parce que je voulais avoir contrôle séparé sur des couches distinctes, et vous pouvez voir que j'ai essentiellement fait l'animation de la trajectoire d'inversion ici aussi, sur le masque Ensuite, il y a aussi cette troisième couche. Et d'ailleurs, toutes les couches ont le chemin complet disponible pour cela. Vous pouvez également le supprimer s' il y a plusieurs chemins, mais s'il y en a un, vous pouvez simplement le conserver. Je le recommande vivement, car ce qui se passe réellement , c'est qu'une fois que vous avez tout animé, découpons simplement la couche en solo Et vous remarquerez ici qu'il y a un petit écart. Maintenant, ce qui se passe réellement, c'est que si je supprimais le chemin précédent, disons simplement que tout a été supprimé. y avait aucune donnée ici, seulement ces données Vous ne pouviez donc pas superposer cette image-clé au-dessus de cette couche pour résoudre ce problème Vous devez donc garder ces petites choses à l'esprit avant d'animer. Maintenant, comme je l'ai fait plusieurs fois et que j'ai réalisé plus de 100 projets comme celui-ci, c'est pourquoi je connais ces choses avant de créer l'animation. Mais une fois que vous aurez commencé, vous devrez garder ces éléments à l'esprit avant de créer les animations. Ensuite, nous avons l'animation E. Ce qui est en deux parties. Voici donc la dernière partie, et puis il y a la partie E, qui est également faite de la même manière que vous écririez un E. Donc c'est assez simple à faire. Rien de trop compliqué ici non plus. Et après cela, nous avons un simple. Ensuite, nous avons l'IA, qui n'est en fait réalisée que par animation à échelle verticale, car nous n'avions pas besoin de faire l'animation du tracé ici. Ce n'était pas nécessaire. Ensuite, nous avons B, et après cela, nous avons E. T E est en fait une copie de ce E. Le E original est en fait assis ici, en fait. Je l'ai juste utilisé comme référence afin de pouvoir faire glisser le précédent exactement là où il doit être. Vous pouvez voir que tout s'intègre parfaitement, non ? Tout est donc là où il doit être. C'est pourquoi vous devez également conserver les références dans votre composition Vous pouvez le retirer une fois le projet client approuvé. Vous pouvez également lire la dernière couche. Ou si vous pouvez également désactiver la visibilité de la couche, elle ne s'affiche pas et n' augmentera donc pas non plus le fichier Lottie Json Cela fonctionne donc parfaitement. R : si vous craignez que l' animation image-clé par image-clé ajoute plus de données, ce n'est pas le cas l' animation image-clé par image-clé ajoute plus de données, , car nous n' utilisons pas la fonction de trace automatique ici, C'est pourquoi il est surprenant qu'une fois que nous n'utilisons pas la fonction de traçage automatique et que nous réalisons nous-mêmes l' animation image par image, cela n'augmente pas la taille du fichier. Cela ne se produit donc que lorsque vous créez l'effet de trace automatique, n'est-ce pas ? Tu ne le fais pas toi-même, image par image. Et aussi, une chose à garder à l'esprit, qui est vraiment importante, c'est si vous souhaitez ajuster plusieurs, comme vous l'avez fait pour cette animation image par image, vous voulez maintenant augmenter ou ralentir. C'est une vitesse. Vous pouvez simplement modifier et faire glisser les images clés pour régler également l'excès de vitesse C'est ainsi que vous créez l'effet d'écriture. Maintenant, je voulais également vous montrer quelques exemples vraiment cruciaux , car parfois le vecteur n' est pas toujours la solution. Maintenant, qu'est-ce que je veux dire par là ? Voici un autre projet d'un client, que je souhaite vous montrer car il met en lumière quelque chose de vraiment très important. Le client a effectivement partagé ce fichier et voulait cette animation vectorielle, mais je n'ai pas utilisé cette méthode. Maintenant, pourquoi ? Parce que si vous le remarquez sur le fichier Illustrator, il s'agit en fait d'un pinceau. Maintenant, les pinceaux ne sont pas réellement exportés dans un format que vous savez, pas comme un trait. Donc, en gros, j'ai dû agrandir le fichier. En fait, le client a fourni le fichier compressé, mais peu importe s'il a également fourni un fichier de traits, car les pinceaux ne pas vraiment transférés dans After Effects en utilisant la méthode de surcharge. Ils ne font que transférer un coup. Et si j'utilise ce calque de forme, ce qu'il fait réellement, c'est maintenant, j'ai essayé de le faire, mais en fait, mon PC était très en retard parce que chaque élément ici, comme ce calque, calque devient un calque distinct dans After Effects Donc, cette couche crée en fait plus de 200 couches. C'est pourquoi il ne s'agit pas d'une solution optimale. Pour cette raison, j'ai fermé tous les calques, et un par un, j'ai gardé un calque ouvert à la fois, un calque visible, puis j' ai appuyé sur Control A shift, puis j'ai obtenu cette transparence au format PNG 24, j'en ai extrait un fichier, je l'ai enregistré. Et je l'ai fait avec chaque couche individuellement. Et une fois que tout cela a été fait, j'ai pris ces couches comme ça, toutes ces pièces séparées. Permettez-moi de fermer ceci et de vous montrer. Je fais juste glisser et déposer ça ici. Je vais créer une nouvelle composition. Je vais tous les sélectionner, puis vous montrer que nous avons tout au même endroit. Après cela, ce que j'ai fait était assez simple. Désactivons toutes les couches et laissez-moi vous montrer. Je viens de créer un masque, simplement comme ça. Et de cette façon, vous pouvez également ajuster la vitesse et l'assouplissement assez facilement. Vous pouvez donc simplement faire l'assouplissement comme vous le souhaitez, n'est-ce pas ? C'est donc à vous de décider. C'est à vous de décider comment vous voulez gérer la vitesse et l'assouplissement. Et aussi, parce que la taille de la toile était très petite, ce que je voulais vous montrer, c' est-à-dire 400 x 200 pixels. La taille de la couche n'est donc pas vraiment énorme. le voir, le canevas entier Comme vous pouvez le voir, le canevas entier mesure environ 200 pixels de hauteur uniquement. Cette couche sera donc d' environ 50 pixels seulement, très probablement, voire moins. C'est pourquoi la taille des fichiers était vraiment optimale. J'ai donc utilisé cette approche au lieu de l'autre. Par exemple, nous n'avons pas opté pour l'approche vectorielle ici, et nous l'avons très bien fait. Les animations se déroulent très bien, et le client voulait également quelque chose qui fonctionne vraiment bien, vous savez. C'est tout l'intérêt de créer des animations Lottie. Ils n'ont pas besoin d'être lents. Ils ne peuvent pas être grands ou lourds. Et laissez-moi vous montrer les tailles finales du fichier ce moment : il est de 18 Ko, 150, 150. C'est 160 6 kilo-octets et 140 3 et 140 Et permettez-moi également de vous montrer d'autres animations afin que vous puissiez également y jeter un œil. Vous pouvez voir que ceux-ci sont également créés de la même manière. J'ai donc tout simplement fait la même chose. Dans toutes les autres animations également, non ? Ensuite, vous pouvez simplement le précomposer et l' emporter dans la composition de votre choix Et le client ne souhaitait pas bénéficier de cette évolutivité, car elles devaient être utilisées comme signature quelque part sur son site Web Ils l'ont donc utilisé sous forme de très petites tailles. Donc, comme vous pouvez le voir, cela a l'air vraiment très beau. Maintenant, il y a une autre limite d'un projet que je veux vous montrer. Je vais d'abord vous montrer l' animation. Jetez un coup d'œil à celui-ci. Vous pouvez donc voir que le toucher du design est très sommaire et qu'ils ont en fait été assez mal réalisés Je vais donc vous montrer ce que je veux dire par là. Malheureusement, je n' ai pas le dossier de conception, alors laissez-moi simplement vous montrer le design contenu dans l'animation, ainsi que la façon dont l' animation se décompose ici. Permettez-moi donc de vous montrer comment ces objets sont disposés et quel point le dessin a été mal fait, car vous pouvez voir que cette main est seule, mais vous pouvez voir que les pièces sont vraiment très cassées. Donc, dans ces cas, vous devez simplement travailler avec ce que vous avez. On ne peut pas vraiment s'en plaindre. Vous devez trouver une solution à ces problèmes. Vous pouvez donc voir que l' animation est très minimaliste parce que je n'ai animé que les choses qui y ajoutaient du sens Et aussi, en raison du domaine du style de journal, je voulais garder une approche très minimaliste Il y a donc cette animation d'oiseaux, qui est assez simple. Il y a juste la rotation de la couche, puis il y a juste l' oiseau qui monte et descend. C'est ça. Et puis il y a un clignement des yeux. Nous avons également discuté des clignotements dans le cours précédent, vous pouvez donc y jeter un œil. Et vous pouvez voir qu'il n' y a qu'un bouton ici. À part ça, il suffit cligner des yeux sur cette dame, de la même manière Il y a juste un peu de temps sur les sourcils, car ils formaient également une couche séparée. Et puis à part ça, il y a aussi un petit moment de main sur les deux mains. Et puis à part ça, il y a juste ce chat qui anime. L'oreille était en fait séparée, alors j'ai fait en sorte d'y animer quelques détails Et puis cette oreille a été très mal faite car elle fait partie de la couche de tête. Il n'y a donc qu'une seule voie. Laisse-moi juste te montrer. Vous pouvez voir que toute la tête est en fait motivée par cela. C'est pourquoi j'ai gardé le mouvement minimaliste. Si j'ajoutais trop d'animation, je pourrais simplement placer le point d'ancrage ici et, en gros , tout placer dans la couche. Mais s'il y avait trop de mouvement, cela distrairait toute la scène car il n'y a pas beaucoup d' animation partout ailleurs. Je voulais donc que l' animation reste très minimaliste, et j'ai donné vie aux chats en animant simplement les oreilles, car les chats ont l' habitude de le faire tout le temps Et à part ça, il n'y a qu'un moment pour regarder. C'est ça. C'est assez simple. Donc, sur l'autre moitié de l'illustration que je vous ai montrée, qui est la bonne, ce que j' ai fait est également très simple. Vous pouvez voir qu'il y a ce scooter, qui doit apparemment s'annuler, qui rebondit comme si le moteur avait démarré Et puis d'un autre côté, il y a juste ces branches de cactus qui font juste une animation de rotation, c'est assez simple. Et à part cela, il y a juste ces animations de feuilles qui se font balancer par le vent dans l'environnement. C'est tout, et il y a juste une animation subtile sur les nuages, qui sont également payables en boucle. Donc toutes ces animations, deux animations ne sont que des animations peables en boucle dont le point de départ et de fin est le même Le but de vous montrer tout cela, c'est que parfois nous n' avons pas les solutions optimales ou la situation pour donner ce que nous voulons réellement offrir. Et dans ces scénarios, nous devons simplement travailler avec ce que nous avons. Maintenant, ce n'est pas que nous ne pouvons pas animer ce genre de choses. Nous le pouvons. Mais le fait est que nous pouvons obtenir très bons résultats en utilisant des épingles à marionnettes, mais ce n'est pas vraiment la solution optimale lorsque vous travaillez avec Lottiefiles, car les épingles à marionnettes ne fonctionnent pas dans Lottiefiles de très bons résultats en utilisant des épingles à marionnettes, mais ce n'est pas vraiment la solution optimale lorsque vous travaillez avec Lottiefiles, car les épingles à marionnettes ne fonctionnent pas dans Lottiefiles. Vous devez donc garder ces éléments à l'esprit avant d'animer ou de créer quoi que ce soit, et vous devez communiquer ces éléments à votre client avant de démarrer le projet Donc, en gros, c'est ça. J'espère que vous apprendrez quelque chose de nouveau dans ce cours, et à bientôt dans le prochain. 7. Outro: suis fier de vous tous pour avoir atteint ce cours et félicitations à vous tous pour avoir terminé le guide Advanced Lot files. Maintenant, deux cours seront disponibles très bientôt, et vous aurez du travail vraiment passionnant à faire , et vous serez en mesure d'offrir excellents services après avoir suivi ces cours. Maintenant, vous êtes prêts à créer des services Late pour vos clients, et je vous souhaite bonne chance. Faites-moi savoir si vous avez besoin d' aide et si vous avez besoin de conseils, contactez-moi vraiment sur Instagram. Si vous avez besoin de conseils concernant vos projets clients, je serai plus que désireuse de vous aider. Assurez-vous de soumettre également quelques travaux en classe et de revoir mon travail. J'adorerais savoir comment je crée ces cours et savoir ce que je peux améliorer dans mes cours. Bonne chance à tous pour avoir créé des animations parfaites pour vos clients, et Bold Bite sera de retour très prochainement avec de nouveaux projets passionnants. Merci beaucoup. Prends soin de toi. Au revoir.