Guide de l’intermédiaire pour créer des animations d’interface utilisateur

1. Introduction parfaite: Merci beaucoup d'avoir cliqué sur ce cours. J'espère que vous allez bien. Et maintenant, nous allons aborder de nombreuses nouvelles techniques dans ce cours. Merci beaucoup à tous les anciens étudiants qui ont regardé mon cours précédent et le tout premier cours. Je m'attendais à n' atteindre que dix étudiants avant de libérer le second. Puis il y a eu quelques problèmes et je suis arrivée en retard. Aujourd'hui, il y a 73 étudiants à mon tout premier cours. Et j'adore vraiment la réponse donnée à mon cours précédent. Merci beaucoup à vous tous. Je vous suggère vivement et je vous demande à tous que si vous pouvez laisser plus de commentaires sur mon cours précédent, cela m'aidera vraiment Maintenant, dans ce cours, nous allons d'abord examiner quels outils et quels plugins nous allons utiliser dans ce cours. Parce que je veux partager avec vous la façon dont nous allons utiliser beaucoup de fichiers de manière asiatique et fournir des services aux clients, et il ne s'agit pas seulement d'apprendre à créer de bonnes animations Il s'agit également d'apprendre plus rapidement, d'utiliser le temps de manière productive et d'obtenir des résultats étonnants en matière de risques sans perdre de temps. OK. 2. 01.Plugins utiles: Nous utiliserons donc ces trois plugins dans ce cours, et vous pouvez certainement ne pas avoir l'un d'entre eux et suivre ce cours. Sans cela, ce ne sont que pour vous faire gagner beaucoup de temps et vous faciliter la tâche. Cela ne vous empêchera de créer l'animation. C'est juste pour t' aider. C'est ça. Donc, tout d'abord, nous allons utiliser Motion Tools Pro. Celui-ci est complet, alors allez-y, téléchargez-le et vous pourrez simplement l'installer. Et vous pouvez trouver le total de leur installation sur YouTube assez simplement OK. Le prochain que nous allons utiliser est ce seul corps déplace. C'est le développeur lui-même qui a créé ce plugin . Il va devoir cliquer sur ce plug-in et simplement cliquer sur les rails à partir d' J'ai juste répondu, puis vous pouvez simplement télécharger le fichier brut à partir d'ici, puis vous pourrez le résoudre. C'est assez simple. Et le troisième connecteur que nous allons utiliser est la surcharge. Cela peut sembler un peu cher, mais cela vous fera gagner énormément de temps et croyez-moi, cela vaut chaque centime, en fait. Vous pouvez également regarder ce didacticiel pour savoir à quoi sert ce plug-in, mais nous aborderons de manière très approfondie son utilisation dans notre cours. J'ai donc hâte de vous voir en premier cours, et bonne chance à tous. 3. 02.Recréer des icônes et animer des icônes en boucle: D'accord, nous avons téléchargé les plugins et ils sont assez simples à installer Si vous rencontrez des problèmes pour les installer, vous pouvez simplement effectuer une recherche sur YouTube, et vous trouverez des tutoriels sur la façon de les installer. Bon, nous allons maintenant créer dans ce premier cours une animation LTI Les plugins ont donc été installés, et maintenant nous allons voir comment créer une boucle autour de l'icône d'animation. OK. Nous allons donc utiliser une icône WiFi pour cela. Et je viens de rechercher l'icône WiFi, et maintenant je vais juste visiter celle-ci. Je pense que celui-ci est vraiment bon pour notre exemple. Nous pouvons également utiliser celui-ci. Mais je pense que celui-ci fonctionnera bien. Alors visitons-le, et nous téléchargerons le fichier vectoriel SVG OK. Alors maintenant, je vais juste l'ouvrir dans mon dossier. Je vais ouvrir mon fichier et faire Illustrator. OK, nous avons donc ouvert notre fichier dans Doble Straight, et comme vous pouvez le voir, notre icône est plutôt cool, d'accord ? Alors maintenant, il y a quelques problèmes avec notre conception que nous allons résoudre dans une minute. Mais avant cela, voyons simplement quelle est la taille de notre plan de travail. Elle est de 800 x 800 points ou pixels. OK. Nous allons maintenant créer une composition de 800 x 800 pixels, et nous allons lui donner une durée de dix secondes, et la fréquence d'images sera de 24 images, et maintenant nous allons l' appeler icône. OK. Nous allons donc sélectionner toutes ces couches, et ce que j'essaie de faire, et ce que j'essaie de faire c'est de créer une animation dans mon esprit. Je pense que les lignes se dessinent puis qu'elles s'estompent également. Pour cela, nous allons utiliser une astuce beaucoup plus simple, mais nous ne pouvons pas l'utiliser avec l'effet de remplissage appliqué. Il ne peut être appliqué qu'aux effets d'un accident vasculaire cérébral. Et nous pouvons simplement créer l'animation avec ces formes également dans After Effects, mais cela ne sera pas totalement compatible Comme nous l'avons appris dans le cours sur les fondamentaux, la classe d'imprécision impose certaines restrictions C'est pourquoi nous allons simplement verrouiller ces formes, et maintenant nous allons créer une nouvelle couche OK, maintenant ce que nous allons faire, c'est créer un cercle, et je vais en faire un trait. Je vais changer la couleur en rouge, et je vais retracer ce dessin au plus près de ce que je peux Je vais supprimer le reste des points d'ancrage. Et maintenant, nous avons une forme simple. OK. Donc, ce que nous allons faire maintenant, c'est passer aux propriétés et augmenter le point de trait. OK. Cela semble plutôt bon, et nous allons simplement arrondir ce chiffre à 80. Nous allons maintenant combler les lacunes. OK. Nous allons donc maintenant ajuster cela un peu. Et c'est tout. Nous allons y revenir un peu. OK. Parfait. Maintenant, nous allons simplement dupliquer cette couche, la sélectionner, la faire glisser en Alt, et maintenant nous allons simplement ajouter nos points d'ancrage. Maintenant, comme vous pouvez le constater, cette forme ne fonctionne pas très bien. Donc, dans ce type de situation, nous pouvons simplement tuler celle-ci et créer un autre cercle Nous allons refaire le trait jusqu'à un point afin de créer une bonne référence. Maintenant, je vais simplement laisser tomber l'autre coup, ce qui augmentera également la taille de notre accident vasculaire cérébral. Faisons encore quelques ajustements. Et nous sommes prêts à partir. OK. Maintenant, en ce qui concerne le cercle, nous utilisons en fait un cercle simple, juste ici. Nous allons le remplir. Et maintenant, nous allons l'agrandir. OK, alors maintenant notre design est terminé. Maintenant, je vais aller de l'avant et faire disparaître complètement la première couche de visibilité, et maintenant nous allons changer la couleur de celle-ci en noir. Maintenant, pour cela, je ne vais pas sélectionner la case à remplir. Nous allons sélectionner les cercles et les traits, et je vais simplement les rendre noirs. Maintenant, nous allons faire en sorte que celui-ci soit également noir. Notre design est maintenant prêt et nous allons commencer le processus d'animation. Sélectionnez toutes ces couches. Maintenant, ce que fait la surcharge , c'est qu'une fois que vous l'avez installée , vous pouvez simplement accéder aux fenêtres et aux extensions, puis vous allez sélectionner Surcharge, puis cette fenêtre apparaîtra, s'ouvrira. Il s'agit donc d'un panneau ancrable, que vous pouvez ancrer où vous le souhaitez Vous allez maintenant sélectionner toutes ces couches. surcharge comporte plusieurs fonctionnalités, mais nous nous concentrerons principalement sur celle-ci, ou vous pouvez également sélectionner celle-ci. Cela placera les points d'ancrage au centre des couches sélectionnées. Maintenant, ce que cela va faire va vous époustoufler. Nous allons juste cliquer sur ce bouton et le tour est joué. L'icône et les couches d' icônes se trouvent maintenant dans un After Effect. Cela ne nous a pas fait perdre de temps, et cela nous a fait gagner beaucoup de temps, d'accord ? Comme toutes les couches sont présentes et présentes, elles sont largement compatibles car elles sont en étoile et informes. En fait, j'ai cliqué deux fois par erreur, donc je vais juste cliquer une fois. Vous pouvez maintenant voir qu'il y a quatre couches ici. Vous allez maintenant étiqueter notre couche pour une meilleure compréhension. Parce que lorsque vous travaillez avec des fichiers complexes, vous allez avoir des difficultés. C'est pourquoi, pour les traits, nous allons utiliser une étiquette de couleur orange. Pour le fil, nous allons utiliser une couleur marron. Tu peux utiliser ce que tu veux. Vous allez donc faire à l'avenir, c'est-à-dire que nous utiliserons ces outils de mouvement. OK. Nous allons donc créer un manuel. Maintenant, que fait All object ? Il s'agit essentiellement de propriétés parentales simples, et nous ne l'utiliserons à cette fin que dans ce cas. OK. Alors maintenant, ce que nous allons faire c'est créer, commencer à construire notre animation. Ce que je pensais, c'est que ces lignes vont se dessiner de gauche à droite, puis qu'elles apparaîtront de droite à gauche. Alors laissez-moi juste vous montrer ce que je veux dire par là. Ce que nous allons faire, c'est ajouter un chemin principal, et je vais commencer la création de l' animation comme ceci Nous allons animer la fin, comme ceci, comme vous pouvez le voir C'est ainsi qu'il se dessine. Maintenant, une fois que c'est dessiné, je veux qu'il disparaisse aussi comme ça. C'est assez simple. Nous allons appuyer sur F neuf sur notre clavier, et maintenant nous allons en appliquer un peu plus facilement. OK. Je soutiens donc celui-ci et nous allons le faire une manière et nous allons exercer notre influence sur l'autre camp. Maintenant, cela va commencer à la deuxième et se terminer à la troisième. OK. Voilà donc à quoi ça ressemble. Plutôt cool, non ? OK, donc ce que nous allons faire, c'est simplement copier le chemin de l'écran, car nous voulons également la même animation sur les autres couches. Nous allons le copier et nous allons sélectionner les deux autres couches, et nous allons contrôler. N'oubliez pas que vous devez être à zéro et au point de départ de votre composition pour que les images s'alignent également sur les autres couches, car si vous collez l' animation du tracé de la crème ici, elle partira de là OK, alors gardez-le à l'esprit. Alors maintenant, nous allons le coller ici. Comme vous pouvez le constater, notre animation est presque terminée, nous allons y ajouter quelques détails supplémentaires. OK. Ce que nous allons faire à l'avenir c'est sélectionner ce cercle. Nous allons continuer et animer sa propriété d'échelle. Et je vais juste le mettre à zéro. Et je vais également appliquer l'assouplissement. OK. Donc ce que je vais faire maintenant, c'est que je veux également jouer la même animation de ce côté. Mais à l'aide de ce plugin gratuit, nous pouvons simplement sélectionner ces deux images clés, puis nous passerons à phi si vous passez le curseur sur le bouton, il vous indiquera toutes les fonctionnalités du bouton Comme vous pouvez le voir, il est écrit : « Cliquez sur Shift » pour inverser l'animation. Qu'est-ce que cela signifie ? Je suis en train de tenir mon quart de travail en ce moment, et je vais me battre. Il a donc de nouveau ajouté deux images clés. Mais maintenant, il a créé le dynamon inverse de la même échelle Il s'agit donc essentiellement du reflet de ces images clés dans la direction opposée. Hein ? Alors maintenant, c'est une animation lopable parfaite Maintenant, que signifie réellement une animation lopable parfaite réellement une animation lopable Une animation lopable parfaite signifie que la première image de notre animation doit être alignée et égale à la dernière image de notre animation C'est ainsi que nous décidons et arrivons à la conclusion qu'il s'agit d'une animation lopable parfaite Dans notre cas, il s' agit d'un cadre vide. OK. Maintenant, ce que nous allons faire, c'est ajouter un peu de colle entre les couches, y. Maintenant, comment nous allons procéder en utilisant ce plugin, nous allons maintenant faire en sorte que ce bouton décide l'ordre de sélection dans lequel il appliquera le séquençage aux dernières. OK. Un décalage indique donc le nombre d'images que vous souhaitez décaler. Et une étape indique le nombre d'étapes qui doivent être impliquées dans le premier décalage. OK. Dans notre cas, nous voulons décaler chaque couche, une image, et nous garderons la première étape car nous ne voulons pas ajouter beaucoup plus d'étapes entre les couches, car il ne s'agit que de trois couches. Nous pouvons ajouter des étapes supplémentaires lorsque nous avons affaire à des étapes plus complexes ou plus complexes. fichiers de projet de plus grande taille qui comportent plus de couches, ce qui nous permet d'ajouter de la facilité, du débordement ou du dépassement de capacité utiliser sans trop compliquer les choses et en gardant les choses simples OK. Maintenant, nous allons cliquer sur le bouton de séquence, et comme vous pouvez le voir, il a été ajouté, laissez-moi simplement vous montrer. Comme vous pouvez le constater, il existe une différence d'image clé sur chaque couche. Maintenant, allons-y jouons-y et voyons à quoi ça ressemble. OK, voilà à quoi ça ressemble. OK. Mais il y a un problème. Je pense que la première couche devrait apparaître en premier, puis celle-ci, puis celle-ci. Je vais donc simplement contrôler les Z, et je vais simplement modifier l'ordre du séquençage Maintenant, allons-y et jouons. Tu vois, je trouve que celui-ci est bien meilleur. Maintenant, ce que nous allons faire, c'est inverser cette animation. Donc, ce que nous allons faire c'est modifier l'ordre sélectif, et nous allons appuyer sur la séquence. Nous allons maintenant réaligner l'image clé finale dans la zone de travail. Voici à quoi ressemble notre animation en ce moment. Donc. Comme vous pouvez le voir, voici à quoi ressemble notre animation. La première couche apparaît en premier lieu, et elle s'estompe en tout dernier OK. Donc, ce que nous allons faire c'est également créer un cadrage de position, parce que je veux montrer la connectivité de la connexion WiFi, n'est-ce pas Donc, ce que nous allons faire maintenant c'est créer des cadres gays en position libre, et nous allons appuyer sur Shift et sur les flèches pour les faire bouger vers le haut Maintenant, je vais aller de l'avant et je ne vais pas simplement copier-coller e k maintenant. Je vais simplement sélectionner ces trois options et appuyer sur cloner. Je n'appuie pas sur Shift Clone car nous n' inversons aucune image. Nous voulons juste les mêmes images-clés ici. OK, et notre animation est maintenant créée. Appliquons un peu d'assouplissement maintenant. Voici à quoi ça ressemble. OK, ajoutons juste quelques éléments maintenant. OK. Alors maintenant je veux faire la même chose. Je veux appliquer un décalage à cela. La première couche repoussera donc les couches supérieures. Donc celui-ci sera le premier, celui-ci sera le deuxième et celui-ci sera le troisième. Allons-y et ajoutons à nouveau le séquençage. Voyons comment se décompose Thatsn. OK. Maintenant, ce que je veux faire montrer l'influence du cercle sur les couches Je vais donc aller de l'avant et prendre cette animation un peu plus loin. D'accord, peut-être dix images. Ouais. Je pense que cela suffira. Maintenant, nous allons ajouter une image clé de mise à l'échelle et une, deux, trois, quatre, cinq, six, sept, huit , neuf, dix, et je vais en faire 110. OK. Nous allons donc maintenant appliquer un certain assouplissement. OK. Comme vous pouvez le constater, cela ne semble pas correct car l'animation commence à apparaître ici, mais l'impact est très retardé, n'est-ce pas ? Cela ne fonctionne donc pas. Nous devons simplement ajouter le timing de notre animation et le faire correspondre. Il vaudrait donc mieux que ça démarre en même temps, tu vois ? Ça a l'air bien mieux. Et maintenant, nous allons également cloner les images clés. Nous allons simplement ramener cette animation là où elle était. Dix images-clés. Je vais sélectionner toutes ces images-clés ainsi que celle-ci. Et nous les ramènerons ici. Maintenant, je vais passer à la toute dernière image-clé. Je vais sélectionner ces deux images-clés. Je vais les décaler en C. L'autre image clé est également remplacée par celle-ci. Voyons d'abord à quoi cela ressemble. OK. OK, alors maintenant il y a un problème avec l'assouplissement, je crois ? Non, c'est parfait. OK. Alors maintenant, ce qui se passe, c'est que les couches tombent. Mais l'assouplissement est retardé. L'assouplissement doit se situer de ce côté de l'animation. Je vais appuyer sur F 9, et maintenant voici à quoi ça ressemble. Voyons à quoi ça ressemble. OK, c'est donc plus différé. Maintenant, pourquoi cela se produit-il parce que les images clés sont en avance sur la dernière image clé. Ramenons-les. Nous allons prendre celui-ci, et nous allons le ramener ici. Comme cet automne. Maintenant, nous allons juste vérifier l'assouplissement de ces canettes. Comme vous pouvez le constater, l' assouplissement est là, n'est-ce pas ? Nous allons donc apporter ça ici. Tu vois, c'est plus percutant. Oui, c'est plus logique. Et puis cela doit disparaître. OK. Nous allons donc enregistrer celui-ci, et comme vous pouvez le constater, il n' y a aucun assouplissement sur ce point. Nous allons donc appliquer l'assouplissement. C'est ainsi que cela devrait être. Alors maintenant, notre animation commence ainsi. Voir. OK, donc ce que nous pouvons faire, c'est maintenant , si vous le souhaitez, et c'est un choix très subjectif, et si vous le souhaitez , vous pouvez le faire ou non, cela dépend entièrement de vous. Je vais également ajouter une animation de mise à l' échelle à l'objet nul parent à l'objet nul parent, car je veux que l'icône apparaisse depuis le centre de la composition à partir d'ici et qu'elle OK. Voyons donc à quoi cela ressemble. J'ai adopté toutes les autres méthodes de parentalité, et comme vous pouvez le voir, nous allons simplement tout recommencer J'utilise la même technique que celle que j'ai utilisée pour le cercle. Je vais donc le croner et voyons à quoi il ressemble. Voici à quoi ressemble une animation. Et vous pouvez fournir ce type de services à nombreux clients car il existe une énorme demande d'animations d' icônes. Et sur tous les types de plateformes indépendantes, il y a des clients qui demandent de telles animations. C'est pourquoi je voulais juste vous montrer comment créer ces animations sans perdre de temps et en utilisant ces plugins, vous pouvez économiser beaucoup de temps. Passons donc à l'onglet suivant. 4. 03.Créer une animation de personnages et une animation d’illustration: Bien, donc avant de commencer notre prochain exercice, je voulais également vous montrer un exemple pertinent de notre dernier cours. J'ai créé cette animation de chargeur pour un client, d'accord ? Cela signifie donc qu'il existe plusieurs approches pour le même design ou la même animation. Cette animation était censée être une animation de chargeur. Maintenant, que signifie une animation de chargeur ? Maintenant, il s'agit également d'une animation en boucle parfaite. Le client souhaitait essentiellement que cette animation soit affichée pendant le chargement de son site Web. Maintenant, il y a une légère explication à cela, à savoir que le client avait essentiellement besoin de cette animation dans un seul but. , lorsque le site Web se charge sur le back-end, le but était le site Web se charge sur le back-end, Comme vous le savez peut-être qu'il y ait des données d'arrière-plan, n'est-ce pas ? Le site Web charge donc ces données. Maintenant, en fonction de la connexion Internet de l'utilisateur ou des capacités de son PC. Ou leur téléphone portable. Eh bien, la majeure partie est due à cette connexion de données Internet basée sur la vitesse. Mais disons simplement que si l'appareil fonctionne plus lentement que l'autre, le du site Web peut prendre chargement du site Web peut prendre quelques secondes de plus, n'est-ce pas ? Je ne peux donc pas proposer au client une animation de logo ou une animation qui s' affichera et restera à l'écran comme cet autre exemple que je veux vous montrer, d'accord ? Parce que, comme vous le voyez. Maintenant, cela semble également bon. L'utilisation de telles animations ne pose également aucun problème. Mais pour une page de chargement, il est préférable d'utiliser ce type d'animations qui ont la même fin et le même point de départ. De cette façon, disons simplement que l'utilisateur ouvre le site Web et que le site Web abaisse en 5 secondes. Et un autre utilisateur qui possède un appareil à faible capacité abaisse le site Web en 10 secondes. Pendant les 10 secondes, cette animation continuera de se charger encore et encore, tout comme celle-ci. Mais je pense que cela sera plus beau à bien des égards, et il y a une raison à cela parce qu'il se charge continuellement, n'est-ce pas ? Cela donne l'impression que la page se charge d'elle-même et qu'elle rafraîchit la page. Et ce type d'animation fonctionne mieux des fins d'animation de logo, car le logo anime et reste affiché à l'écran D'accord. C'est pourquoi il s'agit d' un autre exemple où le client a demandé quelque chose de très similaire à ce que je viens de créer dans le cours précédent. Alors maintenant, je vais passer au free pick et maintenant nous allons animer un design d'animation de personnage Artw Je vais donc maintenant sélectionner des vecteurs, et je vais peut-être choisir quelque chose comme un personnage dépressif qui dirait simplement « essayons de trouver quelque chose ». D'accord. Trouvons juste Press Woman. Oui. Ce sont des modèles assez plats. Je pense un peu plus en détail, en fait. Allons juste au-dessus et essayons de le faire. Celui-ci n'a pas de traits faciaux. je veux animer quelque chose En fait, je veux animer quelque chose avec des traits faciaux Voyons ce que cela nous montre. Pas tout à fait en fait. Non, non, non, non, non, non. Je cherche ? Je vais y retourner et continuer à griffonner jusqu'à ce que je trouve quelque chose Passons à la page suivante. Je vais également ajouter le filtre gratuit. OK. Dépression. Entrez, voyons voir. À quoi ça ressemble ? Non Ceux-là sont contents. Je vais juste trouver quelque chose de plus pertinent. Elle est heureuse là où je pense qu'il y a un type en particulier que je recherche. Et c'est tiré de Stories, je crois que oui. ce type de design de personnage Je pense que ce type de design de personnage fera notre travail. Quel est le nom du créateur ? C'est bien ça. Set d'histoires. D'accord. Je pense que ce type a obtenu ce dont j'avais besoin. D'accord. D'accord. D'accord. Ceux-là sont vraiment très bons. D'accord, nous allons utiliser l'un d'entre eux. Oh, celui-ci est plutôt sympa. Ouais Ouais C'est un très bon exemple, je pense. Nous utilisons celui-ci. Ouais D'accord. C'est ici que je fais ça. D'accord. OK, voici le fichier de téléchargement. Maintenant, je vais juste créer une nouvelle taille d'illustration. Cela va faire 1 000 points sur 1 000. Maintenant, je vais sélectionner toutes ces couches, et je vais juste les copier et les battre ici. Je vais simplement augmenter la taille de celui-ci, car lorsque nous zoomons , nous ne pourrons pas voir les détails nets, car After les détails nets, car After Effect est basé sur les pixels Nous ne pourrons donc pas voir ce que nous animons réellement Et avant de commencer à importer l'illustration, il est important de regrouper un grand nombre de ces groupes, car s' il y en a trop, surcharge ne fonctionne pas vraiment bien Gardez donc cela à l'esprit lorsque vous animez vos contenus. D'accord. Je vais aborder tout cela, et je vais juste entrer dans After Fats et créer une composition de dix 80 par dix 80. Nous appellerons cela une dépression. Fille Je vais juste appuyer sur ce bouton. Et voyons ce qui va se passer. OK. OK, il y a donc un petit problème avec la couche de chaussures, et certains éléments présentent également des problèmes. Maintenant, nous allons les réparer, puis nous allons retourner ici. OK, nous allons sélectionner tout cela, et nous allons le supprimer. Maintenant, allons-y et corrigeons l'erreur de chaussure. Nous allons à nouveau ranger la chaussure. OK, c'est donc le problème qui y était affiché. D'accord ? Nous allons donc simplement le ngroper jusqu'à ce qu'il n'y ait plus de groupe jusqu'à ce qu'il n'y ait OK, maintenant ça a l'air bien. Oui, ça a l'air bien. D'accord. Nous allons sélectionner à nouveau tout cela et maintenant nous allons appuyer à nouveau sur le bouton. D'accord, comme vous pouvez voir, notre œuvre d'art est ici. Nous allons le remplir complètement. D'accord. C'est vraiment incroyable, non ? pouvez le constater, ce que la surcharge peut faire Comme vous pouvez le constater, ce que la surcharge peut faire est vraiment incroyable. OK. Maintenant, avant de nous lancer dans le processus d'animation, nous devons étiqueter le regroupement des couches OK. Maintenant, je vais diviser les éléments en plusieurs parties, et je vais simplement les étiqueter en couleurs. Nous pouvons donc savoir en une seconde quelle partie est cette couche de l'illustration. OK ? C'est donc dans les nuages que je vais aller avec une couleur brune, et cela va les désactiver, afin que je puisse voir s'il y a quelque chose qui n' a pas été sélectionné. Je vais juste le faire brunir aussi. Je vais juste l'éteindre. OK. Maintenant, nous allons prendre la pluie pour que tout soit vert foncé, je l'éteins juste Je vais juste les sélectionner également. OK. Il reste donc quelques gouttes de pluie, mais commençons par colorier notre personnage Je vais opter pour l' orange avec celui-ci. OK, je vais donc gifler les gouttes de pluie restantes maintenant. OK. Donc tu es pour. Bon, maintenant pour ces buissons, je vais opter pour une couleur pêche. OK ? Je vais donc me contenter de deux d'entre elles, et je vais juste sélectionner ces deux gouttes de pluie, la dernière, et je vais juste les rendre vert foncé également. Et maintenant, je crois que celui-ci fait partie du corps, je vais juste le rendre orange. OK, et cette couche sera juste verrouillée. C'est ça Maintenant, ce que nous allons faire, c'est aller de l'avant et décomposer l'animation en plusieurs parties. Je vais donc simplement sélectionner tous les joueurs oranges. Je vais juste activer sa visibilité. Nous allons maintenant créer l' animation de notre personnage. Je pense à une boucle de 6 secondes selon mes termes. OK. Cela dépend donc du type d'animation que vous recherchez. Je pense que 6 secondes seront parfaites pour ce que je pense animer pour cette femme OK. Alors allons-y et commençons par le bras. OK. Donc pour le bras, je vais juste aller de l'avant et amener le point d'ancrage ici. OK. Ainsi, comme le bras n'est pas divisé en deux couches, il ne s'agit que d'une seule couche. Je pense donc qu'il vaudrait mieux déplacer le point d'ancrage ici. Commençons simplement à le faire pivoter et voyons à quoi il ressemble. OK. Je vais juste l'apporter ici. Et soyons juste zéro. OK. Je vais atteindre zéro, je trouve que ça a l'air bien. OK. Je vais créer la première image clé maintenant, puis créer la première image clé ici parce que je veux créer une animation en boucle fluide pour cette femme. Je vais juste procéder et faire en sorte que le score soit inférieur à trois, et maintenant, la contre-animation fera également quatre dans la direction opposée. Voyons donc à quoi ça ressemble. OK, donc la femme a tout à fait raison. OK, maintenant nous allons continuer et animer son cou. C'est la couche principale du cou. Je vais juste aller de l'avant et faire celui-ci ici. Il y aura maintenant quelques couches que nous devrons nommer réellement. Je vais juste en faire un cou. Je dois aussi me rappeler que le numéro de couche est 41. OK. Nous allons donc devoir placer tout ce qui se trouve au-dessus de cette couche, la tête entière à cette couche, sorte que lorsque nous faisons pivoter le cou, tout fonctionne avec elle. Allons-y et voyons si nous avons réussi. D'accord, mais nous n'y parvenons pas. Certaines couches ne sont pas parentes pour le moment . Il s'agit de la couche arrière. Je vais juste m' occuper de celui-ci aussi, et de cette couche extérieure de cheveux également. Nous allons être parents de ça ? Je vais juste essayer de vérifier. Je pense que c'est plutôt cool. OK, tout va bien maintenant. Je vais juste créer un cadre clé sur le cou et je vais commencer à créer. mission à trois images, trois degrés ici fera moins quatre ici. Parce que je veux que la femme ait l'impression de toucher sa tête en ce moment. Oh, qu'est-ce qui vient de se passer, non ? Et ensuite, allez dans la direction également. Hein ? Donc, en gros, la tête se déplace dans la direction opposée au bras. C'est exactement ce qui se passe en ce moment. Donc le bras bouge dans l' autre sens et la tête dans le sens opposé, non ? OK. Alors maintenant, ce que nous allons faire, c'est aller au groupe de l'autre femme qui reste au bon endroit, non ? Je veux dire, évidemment, on ne peut pas déplacer le groupe parce que ça va avoir l'air bizarre, non ? OK. Parce qu'il n'y a pas trop de temps dans la tête. Peut-être pouvons-nous également ajouter une légère animation sur les cheveux. Je vais donc simplement placer le point d'ancrage entre le visage, car les poils sont liés à la tête. Nous allons donc créer un cadre de peut-être deux degrés, deux seulement c'est trop. C'est une rupture. Je vais juste le faire d'un degré, et dans l'autre sens, je vais le faire moins deux. OK, alors voyons à quoi ça ressemble. OK. C'est donc un peu en retard OK. Donc je trouve que ça a l'air plutôt bien. Ouais. Ce n'est pas trop. Oui, je trouve que ça a l'air bien. OK. Alors maintenant, nous allons créer animation sur les yeux, n'est-ce pas ? Parce que le personnage est vivant. Donc, évidemment, le chacor doit clignoter. Nous allons donc également animer ces jolies larmes. donc Je vais donc faire celui-ci aussi. Je vais aussi sauver la classe. Ce sera la troisième classe du cours qui sera la troisième. OK. Donc, je vais également apporter ce point d' ancrage ici. Je peux maintenant également utiliser les éléments secondaires pour les colorier également, car cela m'aidera à identifier les traits du visage, car il y a trop de couches orange sur le personnage. La photo est également orange et les poils sont également oranges. Alors, comment puis-je identifier où se trouvent les traits du visage ? C'est pourquoi je n'ai pas utilisé ces couleurs dans l' étiquetage des autres couleurs, car je vais les utiliser maintenant. D'accord. Donc pour ce bras, c'est le bras principal, donc je vais juste le laisser en orange pour le moment parce que le bras est actuellement animé, donc nous allons simplement le verrouiller. Et je veux dire, je vais maintenant me concentrer sur les traits du visage. OK. Ce groupe interrompt donc également notre processus d'animation. Nous allons donc simplement verrouiller les couches animées pour le moment. Et je vais juste me concentrer sur les couches faciales pour le moment. OK. C'est donc la couche avant des cheveux, donc je vais juste verrouiller celle-ci également. D'accord, nous pouvons également appliquer un peu d'animation ici. Peut-être que les poils s'étalent aussi un peu. Je vais donc simplement apporter le point d'ancrage ci-dessus, et je vais simplement ajouter une animation de mise à l'échelle. Juste devant. Ce genre de petits détails donne donc de la valeur à, vous savez, à l'animation correcte pour passer au niveau suivant. Et juste à cause de ces petits détails, mes animations ont été téléchargées des milliers de fois. Vous devez donc garder à l'esprit ces petits détails. OK. Voyons donc à quoi ça ressemble. Tu vois, c'est très subtil. C'est vraiment très subtil. D'accord. Alors faisons-en un seul. Je pense que c'est un peu trop. Ouais. Oui, ça a l'air bien, je trouve. OK. Oui, il semblerait que les cheveux bougent également avec la tête de la femme. Donc nous allons faire, c'est animer les sourcils, d'accord ? Parce que la femme s'inquiète aussi. Nous allons donc simplement les rendre violets, et je vais simplement animer les images-clés de position Je vais juste créer deux images clés. Et au fur et à mesure que la tête avance, je vais juste changer de cap. Créez la boîte en forme de flèche ici, non ? Et nous devons rester dans la perspective du visage droit. Je pense donc que cela semble correct. Tu vois ? Les sourcils vont dans cette direction descendante. Maintenant, je vais juste régler ces deux points et appuyer sur C. Ils sont donc revenus là où ils étaient. Maintenant, ils vont aller un peu dans la direction supérieure . D'accord. Voyons donc à quoi ça ressemble. OK, voilà à quoi ça ressemble. Maintenant, nous avons réduit la taille à 1 000 pixels par 1 000 pixels, elle est toujours variable, non ? Et nous le rendons dans son intégralité. Si nous le faisions au quart, oh, mon Dieu, nous ne pourrions même pas l' animer, n'est-ce C'est donc très important, tout en gardant cela à l'esprit. Gardez également à l'esprit que lorsque le fichier répertorié est ici, si nous l'agrandissons, cela n'affectera pas la taille de notre fichier de lot, car la taille du fichier de lot fonctionne essentiellement sur la base d'une animation vectorielle. Donc, augmenter la mise à l'échelle ou la taille de l'animation ne servira à rien. Un autre conseil que vous pouvez faire est de dire que le client a peut-être fourni une taille spécifique, n' est-ce pas ? Vous ne pouvez donc pas l'étendre. Donc, ce que vous pouvez faire, c'est apporter le dessin, puis l'arranger. Ensuite, vous pouvez sélectionner toutes ces couches. Vous allez sélectionner toutes ces couches. Vous allez appuyer sur Ctrl, A, vous allez contrôler C. Ce que vous allez faire , c'est créer une nouvelle composition, et vous allez verrouiller le format Vous allez maintenant multiplier la taille de cette composition par quatre Maintenant, vous allez coller toutes ces couches dans cette nouvelle composition. Comme vous pouvez le constater, ils sont tous là. Et maintenant, ce que vous allez faire, c'est créer un nouvel objet nul. Maintenant, vous allez le placer ici au centre, au centre du personnage, et maintenant sélectionner toutes ces couches, et vous allez faire en sorte que ce soit le parent, puis le rendre nul 400. OK. Ensuite, vous allez simplement l'aligner, non ? Ce que vous pouvez faire, c'est que vous pouvez vraiment bien zoomer C. Cela semble beaucoup mieux. Mais évidemment, cela ralentira le processus de rendu lorsque vous prévisualiserez l'inicience. Cela ralentit beaucoup. C'est pourquoi n'allez pas trop loin en termes de résolution car lorsque votre œuvre est animée, vous pouvez simplement tout laisser puis revenir dans la même composition, tout coller ici, supprimer celui-ci, tout coller ici et ramener l'échelle à 100 OK, donc tu peux aussi donner cet esprit. OK, alors poursuivons notre animation. OK, nous avons donc ajouté celui-ci et maintenant nous avons également besoin d'une animation sur les yeux. OK. Donc, comme la femme est en vie, il est fort probable qu' elle clignera également des yeux Maintenant, comme le personnage est tourné vers le bas, à droite, et ses yeux doivent être comme s' ils clignotaient perpendiculairement, à Donc, en gros, nous ne pouvons pas simplement faire ce parallèle comme sur les 90 degrés. Nous devons donc garder à l'esprit que nous devons également garder à l'esprit le point de vue de l'illustration. Je ne vais donc pas simplement placer le point d'ancrage ici parce qu'il conviendra mieux ici parce que le personnage regarde vers le bas de cette Nous allons donc procéder à un, deux, trois, quatre, cinq. Maintenant, je vais créer à nouveau cette image clé, et elle va reculer de deux images, pour en faire une 80 et une 20. C'est d'ailleurs le moyen le créer une animation de clignotement OK. Comme vous pouvez le voir maintenant, voici à quoi cela ressemble. OK, donc je vais juste copier cette animation, et je vais juste la coller dans cet autre œil. Je vais sélectionner celui-ci, et je vais juste placer le point d' ancrage ici également, et je vais juste le coller. Et voici à quoi ça ressemble. OK. Donc, sans aller plus loin dans l'animation, j'ai sélectionné le mauvais calque. C'est la bonne. Sans aller plus loin, je vais simplement créer la répétition d'une animation clignotante ici Tout d'abord, nous en avons terminé avec l'animation clignotante. OK. Passons maintenant à l'animation TS. Nous allons travailler là-dessus. Cela va aller de l'avant et le rendre tout violet, et nous allons créer celui-ci. Ici aussi. D'accord. Donc, comme vous le savez, nous allons créer une animation en boucle, n'est-ce pas ? Il est donc préférable de penser également à la fin de cette animation Voulez-vous que la scène soit pleine de larmes ou non ? OK ? Je pense donc qu'il n'y aura pas de larmes à la fin de la première image clé car nous voulons montrer que la personne a l'impression de pleurer et que ses larmes disparaissent, n'est-ce pas ? C'est ce que je veux dire, en fait. Je vais donc simplement créer une animation à l'échelle. C'est dessus et ça va le ramener à zéro. OK, comme celui-ci. Je vais juste créer un cadre de position ici. Je vais le ramener ici. D'accord. Alors maintenant, nous allons avoir quelques problèmes car nous animons d'abord l'échelle Animons donc la position. OK, je vais juste le ramener ici. Maintenant, juste pour le faire, voyons à quoi ça ressemble. OK. Donc ça a l'air un peu faux en ce moment. Nous allons peut-être régler ce problème. OK. Donc, au fur et à mesure que cela arrive ici, cela augmente et la position s'arrête. Nous ne voulons pas que la position s'arrête, je pense, parce que le T devrait essuyer le visage et qu'il devrait y avoir trop de mouvement ici OK, je vais juste y aller et le mettre dans mon bloc-notes. OK. Je vais juste faire cette voiture avec l'animation. D'accord, tu vas l'utiliser comme ça. En fait, il s'agit de sélectionner le point d'ancrage, donc je vais juste le faire revenir en arrière, tout d'abord. OK, puis je vais juste sélectionner cette poignée et la faire comme ça. OK, regardons à quoi ça ressemble maintenant. OK. Le personnage pleure donc, et je pense que nous allons simplement le faire disparaître à cause de l'opacité Avant que ça ne s'arrête, non ? B parce que la larme tombe et qu'elle s' estompe au fur et à mesure qu'elle tombe Je vois des points faibles. OK. Cela semble bien réel. Bien plus réel. Oui, non ? Parce que nous devons garder à l'esprit que nous vivons dans un monde idéalisé, n'est-ce pas ? Donc, tout ne fonctionnera pas comme nous le pensons ou comme nous le voulons ou disons simplement que nous ne serons pas en mesure d'animer tout cela alors qu'une vraie personne pleure et que les larmes coulent de son visage OK. Donc, parce que ce sera une petite chaise, non ? Nous ne pouvons donc pas trop nous concentrer sur la création d'un collyre. OK. Donc, maintenant, ce que je vais faire avec celui-ci, c'est juste que je pense qu'elle pleure et celui-ci tombe ici et s'estompe juste OK. Commençons donc par l'œil. OK. Nous allons animer celui-ci ici et je vais le garder comme référence Nous allons faire apparaître les jeux clés sur l'autre couche. D'accord. Donc, ce que je vais faire, c'est copier les images-clés de l'échelle. Je vais juste les coller ici. Et nous allons juste déplacer cela un peu. Je vais juste ajouter les images clés pâteuses, les placer, et nous allons également créer l'animation de position par ici. P pour position. Pour revenir dans le temps et saisir une image-clé, allez-y et descendez-la vers le bas. Tout en bas, voyons à quoi ça ressemble. OK. D'accord. L' animation de mise à l'échelle se produit donc bien plus tard. Nous voulons donc que cela se fasse plus tôt. OK. OK, ça commence à s' estomper trop tard, je crois, parce que ça me semble faux Cela semble davantage souligner l' émotion, je pense. Ouais. De plus, la position est assez lente. Nous allons juste l'assouplir un peu et passer à un graphe en forme de lance La hauteur est égale à la vitesse, d'ailleurs, si vous ne savez pas comment animer la vitesse Nous allons donc commencer par le haut débit. D'accord. Donc c'est Tom, je crois. Oui, nous allons juste le faire. OK. Donc, la troisième goutte. Maintenant, faisons-le très rapidement. OK. OK, donc l'animation est créée, mais il y a un problème. Je pense que cela sera plus beau si cela se produit après un clin d'œil OK. Je vais donc simplement créer ces couches. Allez-y ici. Et quand l'animation s'arrête ou disons après la dernière couche de graisse. J'utilise Control Shift D pour réduire les couches. OK. C'est donc comme ça que ça se passe. OK. Commençons. OK. Donc la femme s'inquiète, non ? Elle est super déprimée. OK. Maintenant, ce que nous allons faire, c'est simplement copier et coller la couche. Nous allons le faire, c'est contrôler D, nous allons les créer ici, nous allons les mettre ici. OK. Nous pouvons donc simplement ouvrir ces couches et voir si l'animation est terminée ou non. OK. Celui-ci n'est donc pas terminé en tant que drop. OK, donc je vais juste faire un petit peu celui-ci, voir à quoi il ressemble. OK. Ainsi, lorsque la fissure clignote, l'animation commence à tomber OK. Ouais Donc, ça a l'air d'aller bien. OK. Ouais Et cette autre, OK. Celui-ci devrait commencer par ici, je pense. OK. Vous pouvez donc ajouter un peu de variété à l'animation, car je veux dire les deux étaient là en même temps, donc il n'est pas vraiment important qu'elles soient les mêmes dans l'autre. Vous pouvez donc certainement le modifier à votre guise. D'accord, comme il n'y a pas de règles spécifiques à ce sujet, vous devez simplement expérimenter vos pensées et votre processus. OK. Ce n'est donc pas une boucle parfaite. Au fait, nous allons réparer ce laser, d'accord ? Nous allons simplement appuyer sur cron à la fin, et nous allons recréer toutes les images clés du début à la fin Nous réfléchissons donc intelligemment en ce moment. OK. Alors allons-y et animons également la bouche maintenant ? Parce que la bouche doit aussi bouger un peu. Alors allez-y et créez un cadre clé. Pour ce qui est de la position, nous allons juste baisser un peu le visage. Et ce que je pense, c'est que le personnage ne lève peut-être pas vraiment la bouche. Alors peut-être que ça revient à peine à la position précédente. OK. Alors peut-être comme ça, je vois. OK. Je pense donc que le moment est trop long, alors je vais juste le réduire. Ils me seront destinés dans un petit moment, et je vais juste les réduire. OK, donc c'est le point central, je pense. Oui, c'est notre point de départ. Donc ça bouge beaucoup, donc je vais juste le ramener ici. Ouais. Regarde à quoi ça ressemble. OK. Ça a l'air bien. Ça a l'air bien. Ouais Ça a l'air bien mieux. OK, maintenant nous allons animer les soutiens-gorge. OK. Et vous allez également créer des cadres funéraires positionnés sur le s. Je vais en créer un, un, deux, et ça va les faire venir ici. OK, et nous allons juste les soulever. Je vais les voir, et je vais en parler. D'accord. Oui, par ici. Je pense que c'est rouge. OK. Alors, regardons-le. OK. Cela prend du retard en ce moment Alors je le regarde. OK. Ouais Je pense que ça a l'air parfait. Et cela correspond également à l' animation des sourcils supérieurs. Donc oui, je trouve que ça a l'air bien. OK. Vous allez donc faire, nous allons également animer un peu ce bras C'est vrai. Donc, ce que je pense, c'est que, tout d'abord, si nous séparons le bras du haut du bras, comme vous pouvez le voir, il n'y a pas de chevauchement entre les bras, n'est-ce Nous allons donc avoir un petit problème ici. Ce que nous pouvons faire maintenant, c' est simplement l'apporter ici et nous allons l'expérimenter. vois, si je fais pivoter le bras, on a des problèmes. Appuyons simplement sur le contrôle Z et il va cliquer ici, et voyons juste quelle couche se trouve au-dessus. OK, donc cette couche, le haut du bras, est en dessous du bras inférieur réel. Cela ne devrait pas être le cas, non ? Nous devrions donc amener celui-ci en dessous, et maintenant je vais simplement poursuivre dans le chemin, et je vais juste le faire passer sous le haut du bras. De cette façon, nous aurons également des chevauchements et nous pourrons également créer des animations Je vais également ajuster légèrement le chemin afin que nous puissions travailler avec certains avec lesquels nous avons de la marge de manœuvre. OK. Je vais donc simplement créer une rotation. Maintenant, je vais placer le point d'ancrage juste, il va appuyer sur la rotation maintenant. Et comme vous pouvez le constater, nous pouvons maintenant l'animer un peu. OK. Maintenant, je vais juste créer un cadre de rotation. Je vais juste aller de l'avant et créer Yes, true, non ? OK. Donc, comme vous pouvez le voir, ici, où se trouve cette couche. C'est juste ici. Maintenant, il va falloir revenir à zéro et associer cette couche. Pour qu'il bouge avec le bras. D'accord. Je pense donc que c'est trop parce que, comme vous pouvez le voir ici, cela en a l'air, n'est-ce pas, parce qu'à ce stade, le bras est sur le dessus des jambes, n'est-ce pas ? Cela semble donc naturel. Comme si on avait l'impression que la main est derrière le pantalon, non ? Mais maintenant, quand ça arrive, ça n'en a plus l'air. Nous allons donc devoir couvrir cela également. Nous allons suivre les sentiers, et je vais juste aller de l'avant et trouver ce chemin très rapidement. Nous allons juste trouver celui-ci. OK. Où est celui-ci ? Découvrons-le. OK. Voici celui-ci. OK. Je vais juste lui donner et créer une image-clé. Je vais venir ici et sélectionner celui-ci. Je vais juste le ramener ici et d'ici à partir d' ici. Donc oui. Je pense que ça devrait bien paraître. Voyons voir. Ça a l'air plutôt bien, non ? D'accord, il y a un léger problème d' abrasion des pixels, je pense. Nous n'aurons donc qu'à ajouter ceci un peu ici. Il semble que la main soit derrière et qu'elle bouge. Vous voyez, gardez à l'esprit que ce petit détail fait une énorme différence. D'accord, d'accord. Maintenant, ce que nous allons faire, c'est aller de l'avant et animer dans le sens inverse Tout d'abord, nous devons revenir en haut de la couche, p, et nous allons créer deux images-clés ici OK. Donc c'était plus deux, nous allons peut-être opter pour moins trois. Maintenant, il faut que les mains sortent de là. Nous n'aurons donc qu'à copier la première image clé. Passez-le ici , faites glisser celui-ci vers le bas, et celui-ci ici. OK. Jouons donc à celui-ci également. Tu vois ? Ça a l'air fluide, non ? Ça a l'air absolument parfait. Il n'y a aucun problème avec ça pour le moment. OK, ça a l'air d'aller bien. Et ce que nous allons faire, c'est. La plupart de nos animations de crack sont terminées. Ce que nous pouvons faire pour mettre encore plus l'accent sur l'animation, c'est que nous allons également l'animer Cela peut poser problème, mais expérimentons-le également. Cette couche est l'avant-bras, et voici l'avant-bras droit. Ainsi, lorsque vous effectuez du rigging, il vous suffit de nommer les couches de ce partage. R signifie juste. Nous allons ajouter la barre oblique inférieure, et maintenant nous allons l' appeler « lower arm Donc, r signifie faible. Maintenant, vous allez le présenter au je pense. Oui, c'est le m et maintenant nous allons appeler « haut du bras ». Alors maintenant, nous allons continuer et l' animer un tout petit peu. D'accord. D'accord, vous pouvez également expérimenter cela. Il vaudrait mieux aller dans la même direction, mais vous pouvez également aller dans le sens contre-intuitif . Comme vous pouvez le constater, j'ai commis une erreur. Je n'ai pas ajouté le cadre clé. Ajoutons donc l'image-clé. Retournez. Je vais en ajouter un seul. Comme vous pouvez le voir, cela a cassé l'autre animation. Il aurait donc été préférable créer cela en premier lieu, mais faisons-le pour le moment, et nous allons également le corriger. Je vais juste faire moins deux ici. Et maintenant, nous pouvons également corriger l'animation du chemin ici. Je vais suivre le chemin, tracer le chemin, reculer. OK. D'accord. Maintenant, cela semble plus raisonnable, je pense. Maintenant, nous allons faire en sorte que cela soit encore plus présenté. Il y a une ligne blanche. Nous réglons simplement cela également. Voyons à quoi ça ressemble maintenant. OK, le bras a l'air parfait. Donc oui, ça a l'air parfait. Je pense que cette animation semble assez énorme à ce stade. Je vais juste continuer, animer le moins bas, et corriger le chemin également OK, nous sommes donc parfaits maintenant. C'est bon. Maintenant, ce que nous allons faire, c'est vérifier l'animation jusqu'à présent. Est-ce que ça a l'air génial ou pas ? OK. OK, ça a l' air parfait. Nous allons passer aux six secondes, et maintenant je vais déverrouiller toutes les couches verrouillées. Et nous allons maintenant vérifier si nous avons laissé une couche ou non. Non, nous ne l'avons pas fait. OK. Donc, ce que nous allons faire maintenant, c'est sélectionner toutes ces couches. Pour que la boucle fonctionne parfaitement. Ce que nous allons faire maintenant, c'est sélectionner toutes ces couches orange et violette, car le violet correspond également à la mise en page des personnages. Gardez cela à l'esprit également. Maintenant, ce que nous allons faire, c'est appuyer sur notre clavier, et maintenant nous allons passer en revue toutes nos couches. Comme vous le savez, les couches violettes sont enroulées, n'est-ce pas ? Nous devons donc simplement nous concentrer sur les premières images clés de tout. OK. Donc, ce que nous allons faire maintenant, c'est d' accord, pour qu'il n'y ait pas de couche en dessous. Nous allons passer à la dernière, et maintenant nous allons sélectionner celle-ci et passer dans la direction supérieure. OK. Tous ces éléments sont sélectionnés. Nous allons maintenant cliquer sur le clone. Et c'est tout. C'est ça. Vérifions-le. Tu vois, ça a l'air parfait, non ? Ça a l'air parfait. D'accord. Alors, allez-vous le faire maintenant ? Nous allons sélectionner toutes ces couches. OK, attendez. Ce que nous pouvons faire, c'est aller de l'avant et verrouiller ces couches. OK. Nous allons les verrouiller. Maintenant, toutes ces couches doivent être assouplies. OK ? Vous allez donc le faire maintenant, nous allons sélectionner tous ces éléments et F neuf sur notre clavier. Maintenant, si vous avez besoin d'un assouplissement vraiment personnalisé, vous pouvez évidemment également appliquer un assouplissement ici. Mais je ne le recommande pas vraiment car si vous le téléchargez sur un profil, je pense que plus d' assouplissement fonctionne très bien, à mon avis, mais vous pouvez évidemment appliquer plus d'assouplissement et ajouter l'assouplissement des œuvres d'art comme vous le OK, c'est donc ce que nous avons établi jusqu'à présent. OK, alors allons-y et animons le reste. OK. Nous allons le faire. Maintenant, ce que nous allons faire, c'est éviter ces couches. Nous allons désactiver les violets. Ceux-là aussi. Et maintenant, ce que je vais faire, c'est les verrouiller. Je vais sélectionner les violets, et je vais également les verrouiller. D'accord. Alors maintenant, ce que nous allons faire, c'est nous débarrasser de l'animation correcte, n'est-ce pas ? Tu ne l'as jamais vu. Parfait. Alors maintenant, ce que nous allons faire, c'est travailler sur les clous de girofle. OK, donc ce que je pense de l'animation dans le cloud c'est que je vais d' abord le faire avant de l'animer. Je vais juste sélectionner ces deux options, et je vais appuyer sur Fusionner. Cela ne fera qu' une seule couche, et ne vous inquiétez pas. Cela restera toujours compatible. Je l'ai testé, vous n'avez donc pas à vous en soucier. D'accord. Donc, ce que vous allez faire, c'est travailler sur les nuages. Tout d'abord, je vais juste tous les sélectionner et je vais juste les apporter ici. Donc, tous les nuages sont là maintenant. Dans l'ordre des couches, appuyez sur P sur notre clavier, appuyez sur la touche de position. Et pour fonctionner en rythme, l'animation doit se lier à tout. Je vous recommande donc de vous en tenir aux mêmes horodatages dans votre animation pour tous les éléments, car de cette façon, tout semble fonctionner en synchronisation les uns avec les autres. À moins que votre élément ne fasse quelque chose de très différent du reste de la scène. Donc ce que vous allez faire maintenant, c'est que les griffes vont se déplacer un peu ici et dans la direction opposée, puis un petit peu Pour ce qui est de celui-ci, je pense que celui-ci va disparaître et disparaître. Cette image-clé va arriver ici, et elle va simplement disparaître, je pense Nous ajouterons simplement les plastiques plus tard. Qu'allons-nous faire pour celui-ci ? Un va entrer en collision avec celui-ci, celui-ci va entrer en collision celui-ci et celui-ci viendra ici aussi, celui-ci viendra ici un peu plus, celui-ci viendra ici un peu plus, puis il se déplacera dans une autre direction Donc oui, faisons-le faisons-le OK. Donc celui-ci sera envoyé ici. Celui-ci se déplacera également, ici même. OK, donc celui-ci va également bouger. Et celui-ci ira dans cette direction car vous pouvez également être un peu plus aléatoire avec les éléments car, comme vous le savez, la météo est perturbatrice Il n'est donc pas nécessaire que le nuage se déplace de manière linéaire ou selon un schéma, tous. Vous pouvez donc apporter diverses modifications à ce type d'animations. D'accord. Donc ce que tu vas faire, c'est laisser tout ça maintenant et cliquer sur Clone. OK. Et je vais juste aller de l'avant et opter pour l'assouplissement. OK. Voyons à quoi cela ressemble. OK. OK, maintenant ça se déplace ici. OK. Je veux voir les parties animées de chacun d'entre eux. Je vais juste tous les arrêter. OK, donc ça va dans cette direction. Et puis dans cette direction. OK, donc celui-ci bouge beaucoup, je pense. Ça va le faire bouger, donc je pense que ça n'a pas l'air réel, en fait. Donc ça va bouger. Et elles prennent un peu de retard, puis elles arrivent. Ouais. C'est parfaitement bien. Maintenant, celui-ci, à quoi sert celui-ci ? D'accord. Celui-ci n'est pas animé ? Je pense que c'est parce que l' image clé a été clonée en fait. Je vais juste créer le porte-clés en plastique ici Celui-ci disparaîtra d' ici une seconde, je pense. Cela ne s'affichera pas à l' écran et apparaîtra. Donc je vais juste apparaître comme ça. Celui-ci va apparaître, puis nous disparaîtrons à la cinquième seconde et nous disparaîtrons. 5. 04.Animation pour les clients et animer des textes: Bonjour, tout le monde. Bienvenue dans le cours. OK. Dans ce cours, je vais donc partager un exemple d' œuvre que j'ai créée pour votre client. OK ? Donc, dans cet exemple, vous devez avoir vu qu' il y a beaucoup de choses liées à l'IA dans le monde, d'accord, et que les gens ont besoin d'animations pour leurs modèles d'IA, d'accord, dans lesquelles ils veulent faire comprendre aux clients ce que leur modèle d' IA peut réellement faire. OK. Il y a donc eu plusieurs demandes, et j'ai terminé plusieurs commandes liées à ce type de choses et plusieurs projets liés à ce type de choses en particulier. Je voulais donc simplement ajouter cela dans le cours également. Et je vous montre également quelques exemples de la façon dont nous pouvons utiliser les lotifies dans ces domaines Cette forme rouge est essentiellement là pour couvrir le journal du client, car je tiens également à respecter sa vie privée. OK. Alors, que se passe-t-il réellement ? Allons-y. C'est notre composition principale. OK. Je vais donc juste passer à la composition du chat sur PC. Comme vous pouvez le voir, cela s' appelle également Chat PC, ce qui signifie que c'est une précomposition Et à l'intérieur de cette précomposition, il y a plusieurs couches Passons simplement en revue notre dossier maintenant. OK. Donc, tout d'abord, ce qui se passe ici, c'est que cette bulle de discussion apparaît. OK, alors allons-y et vérifions-le. C'est assez simple, comme vous l'avez vu dans le cours précédent, nous avons une scène complexe animée. Ce n'est donc pas vraiment une chose énorme. Comme vous pouvez le constater, il ne s'agit que d'une animation à l'échelle, et je viens de séquencer les couches en utilisant ces règles de mouvement capillaire intégrées, d'accord Il s'agit donc essentiellement d'escroquerie que le forum de discussion pense ou tape Et la même animation est créée pour l'utilisateur et pour le forum de discussion. OK. Ainsi, lorsque vous créez ce type d'animation, vous devez garder quelques points à l'esprit. Tout d'abord, on a toujours l'impression de garder cela à l'esprit que toutes les choses liées à l'IA qui se produisent ou circulent. Il y a un point commun entre cela , c'est que l'IA va vous faire gagner du temps. OK ? L'animation ne devrait donc pas être vraiment très longue, ou cela ne devrait pas prendre beaucoup de temps pour, vous savez, mettre en valeur les capacités réelles de l'IA. C'est pourquoi vous pourriez penser que l'animation s' anime trop rapidement, mais cette animation s' appliquera à un site Web Cela se chargera donc encore et encore. Et si quelqu'un souhaite vraiment lire le texte dans son intégralité, il peut simplement le revoir car l'animation se rechargera d'elle-même et recommencera à jouer sur le Nous voulons donc simplement rendre cela attrayant lorsque nous créons ce type d'animations. Le seul but n'est pas d' animer chaque lettre une par une Nous ne voulons donc pas que l'animation soit très longue et lettre par lettre, car l'utilisateur pourrait être moins intéressé à regarder l'animation dans son intégralité et pourrait faire défiler la page du site Web vers le bas. OK ? Disons donc, comme vous pouvez le voir, qu'il s'agit de l'animation de la bulle. Et je viens d'y ajouter des cadres d' opacité. Cela commence par l'opacité et s'estompe, et une bulle de texte apparaît OK. Allons-y et vérifions-le. OK. Voici donc une animation de mise à l'échelle. Et en plus de cela, ce qui se passe ensuite, c'est qu' il y a un petit dépassement de la bulle Et après cela, ce qui se passe réellement , c'est que la personne demande à AI que j'aimerais rénover ma maison, d'accord Donc, comme vous pouvez le voir, c' est uniquement cette couche pour le moment. Comme vous pouvez le constater, il s' agit d'une couche de texte. Nous allons maintenant voir ce qui se trouve réellement à l'intérieur de la couche, ce qui est réellement animé. Comme vous pouvez le constater, seule l' opacité est animée et il y a un masque sur le calque Maintenant, nous pouvons également faire beaucoup d'autres choses avec le masquage, que nous aborderons dans le cours plus avancé, qui sera bientôt disponible, espérons-le, et nous aborderons de nombreuses techniques complexes que nous pouvons utiliser pour obtenir plusieurs résultats avec des masques dans des animations artistiques, car les masques sont pris en charge par des fichiers artistiques Nous allons donc vraiment apprendre à les utiliser de manière beaucoup plus détaillée. OK. Alors maintenant, désactivons le masque et voyons. Et s'il n'y avait pas de masque ? OK. J'ai donc désactivé le masque, et comme vous pouvez le voir, il n'y a rien non plus. Et il y a aussi cette couche inférieure, qui contient également un masque. Maintenant, la raison pour laquelle j'ai appliqué le masque sur ces couches, c'est que vous le découvrirez très bientôt. Comme vous pouvez le voir dans le message suivant, il y a cette couche de texte. La première ligne est masquée. Et il y a cette deuxième ligne, qui est également masquée. Et puis il y a aussi ce troisième. Alors pourquoi n'ai-je pas choisi une autre technique au lieu d'utiliser le masque, c'est parce que nous allons également apprendre parce que nous allons également apprendre comment exporter ces animations en utilisant le body move and plug in, que j'ai installé dans le cours précédent. OK. Nous allons donc faire en sorte que ces techniques de masquage nous fassent gagner beaucoup de temps si le client demande de nombreuses modifications Alors, que voulez-vous dire par là, c'est que disons simplement la demande du client de modifier le texte. OK ? Donc ce que nous allons faire, c'est que toutes ces couches sont en fait la même couche, d'accord ? Désactivons donc simplement le masque, désactivons ces deux et désactivons le masque sur celui-ci. Comme vous pouvez le voir, le texte entier se trouve dans celui-ci. Donc, au lieu de cela, disons simplement que le client demande de modifier le texte. Nous pouvons simplement modifier le texte entier sur une couche, puis nous pouvons simplement dupliquer cette couche, puis nous pouvons simplement dupliquer cette couche, sans avoir à déplacer la couche car, comme vous le savez peut-être, toutes les entreprises ont des restrictions et des règles concernant leurs polices et leurs polices de caractères, ainsi que l'espacement entre les lignes. avoir à déplacer la couche car, comme vous le savez peut-être, toutes les entreprises ont des restrictions et des règles concernant leurs polices et leurs polices de caractères, ainsi que l'espacement entre les lignes Nous devons donc tout garder à l'esprit lorsqu'il s'agit de cela. Il est donc préférable de suivre le standard de ce que le client vous dit, puis de le modifier , puis d'appliquer des masques à chaque couche et de les diviser en lignes. Je pense que cette approche fonctionne très bien, et cela nous fait gagner beaucoup de temps en ce qui concerne le flux de travail et l'édition du texte. Être ou faire autre chose que vous pouvez faire, disons simplement que vous voulez apprendre l'alternative. L'alternative peut être de dupliquer cette couche. Vendons-le pour le moment. Nous allons le désactiver, nous le vendrons pour le moment, et retirons simplement le masque. OK. Maintenant, disons simplement que nous voulons créer des couches de formes à partir de celle-ci. OK. Maintenant, attendons de voir, maintenant le texte est créé. Maintenant, il y a un problème avec celui-ci. Le problème avec celui-ci, c'est que tout d'abord, nous ne pouvons pas vraiment modifier le texte maintenant. Et aussi, si nous devons supprimer les deux couches supérieures, nous aurons beaucoup de difficultés. Et peut-être pouvez-vous le dire, nous ne voulons pas le modifier. Ce que nous voulons faire, c'est vendre à nouveau. Nous voulons juste continuer à réfléchir. OK. Si nous supprimons les deux lignes supérieures, le texte va essentiellement changer de position. Nous pourrions donc avoir beaucoup de mal à y faire face. Nous devrons simplement le faire glisser sous les deux autres couches dans la bonne position sans faire d'erreur de pixel, ce qui peut vous faire perdre beaucoup de temps. OK. Je n' apprécie donc pas cette approche, et je pense que cette approche, celle du masquage, fonctionne beaucoup mieux dans ce type de projets d' animation de conversations textuelles OK. Et parce que le processus régional devient beaucoup plus facile. OK. Et bien sûr, il peut arriver que client modifie le script ou qu' il y ait des modifications dues à d'autres éléments ou que vous ayez mal saisi quelque chose. OK. Il est donc important de garder cela à l'esprit. Il y a aussi une autre chose à garder à l'esprit, dont nous parlerons dans un autre cours lors du prochain cours. OK. Alors maintenant, cette bulle s'anime elle aussi, OK. Et puis ce texte vient de l'utilisateur, puis l'IA le reconnaît et y réfléchit un peu. Et puis voici ce que cela suggère au client, puis la personne tape tout et cela apparaît OK. C'est ainsi que se déroule la conversation entre l'IA et la personne. OK. Nous avons donc maintenant établi l'animation. Ainsi, par exemple, dans ce type d'édition de texte, vous pouvez devenir beaucoup plus frustré si vous choisissez l'autre approche dont je vous ai parlé. Mais maintenant, comme j'utilise le même calque de texte, il suffit de déplacer le calque C'est tout et créez simplement des masques. C'est ça. Et si le client demande une modification, disons simplement le texte, il suffit de procéder à quelques ajustements sur les bords du masque. C'est ça. Ou nous pouvons simplement le supprimer et en dessiner un nouveau en une minute. Il suffit de créer celui-ci. Accédez à l'outil stylo et commencez à en créer un nouveau Ajoutez simplement quelques points et apportez les ajustements nécessaires. Donc tu comprends mon point de vue, non ? OK. Disons maintenant que nous avons animé l' intégralité de cette animation. Maintenant, une fois l' animation terminée, nous allons maintenant faire sorte que l'utilisateur sache que quelqu'un utilise cette animation sur un mobile. Nous allons donc avoir besoin d'un téléphone portable pour ce droit. Nous allons utiliser un espace réservé pour que tout ce texte soit inséré dans le téléphone portable Nous allons donc revenir à notre composition principale, et je vais vous montrer comment je l'ai créée OK. Alors maintenant, ce que nous avons créé ici, c'est un téléphone que j'ai obtenu de FP, je crois. Maintenant, ce que nous pouvons faire, c'est peut-être que je pense que le client m' a envoyé le fichier. Il s'agissait donc essentiellement d'un fichier EPS. Voici le fichier que le client m'a envoyé. Je viens de sélectionner toutes ces couches, de les surcharger et de les intégrer dans After Effects. Ensuite, j'ai juste pré-Cate, je l'ai placée ici et j'ai juste activé le bouton étoile ici. OK. C'est ce que l'on appelle la transformation par effondrement. OK. Rasterisez ou vectorisez donc en continu. OK. Donc maintenant, ce que nous avons fait ici, c'est que voici le logo du client. Nous plaçons le logo parce que, bien sûr, ils veulent montrer leur image de marque. Maintenant, nous allons simplement verrouiller le téléphone. Et maintenant, voici notre animation. Allons-y et retirons le masque pour voir à quoi ressemble la conversation ici. D'accord, parce que nous voulons montrer l' animation complète à l'intérieur d'un téléphone, il y a un petit problème. Comme vous pouvez le constater, l'animation est assez longue, n'est-ce pas ? Et comme vous le savez peut-être, si vous avez utilisé les réseaux sociaux et d'autres choses. Il y a un panneau U i ici dans le Let's just bring back the mask first. OK. Maintenant, je vais vous expliquer pourquoi je n'ai pas affiché les derniers messages en bas de page parce que, comme vous le savez, l'utilisateur tape toujours quelque chose dans cette zone. Comme nous utilisons WhatsApp, Comme nous utilisons WhatsApp vous savez que c'est dans cette zone que nous tapons tout, n'est-ce pas ? On pourrait dire que l'animation aurait dû fonctionner de cette façon, que le débit de texte était écrit ici puis augmentait dans le chat, n'est-ce pas ? Mais ce n'est pas ce que souhaitait le client. Le client voulait que je montre la conversation entre l'IA et la personne de cette manière. OK. C'est pourquoi nous avons opté pour cette approche. OK. De plus, ils n'avaient pas encore de design d' interface utilisateur pour leur application. Ils n'ont donc pas pu vraiment l' établir. OK. Maintenant, ce que j'ai fait c'est que l'animation est là, d'accord ? Maintenant, ce que nous voulons montrer, c'est qu'il y a un espace négatif dans la partie supérieure également un espace négatif dans la partie supérieure à cause de l'image de marque, et évidemment, le chat commence à partir de là. Maintenant, il est intéressant de noter que ce que j'ai fait ici, c'est que cette précomposition de chat vise en fait à créer un effet de défilement, en gros, Et il y a deux manières de le créer. L'une d'elles est que nous pouvons créer l'animation du défilement à l'intérieur d'ici OK, puis nous pouvons simplement tout attribuer à une valeur nulle, puis placer l'objet nul dans un cadre clé. OK ? Tout bouge donc avec le zéro dans le sens pro. Nous pouvons le faire également. Mais cela posera un problème lorsque nous modifierons le texte car le paragraphe suivant sera peut-être un peu plus long, et l'un d'entre eux sera un peu plus court, et l'écart entre les messages pourrait devenir perturbateur. L'écart entre les messages peut ne pas rester le même que celui que vous pouvez voir actuellement. D'accord, nous pouvons donc avoir des problèmes à cause de cela. C'est pourquoi j'ai choisi cette approche de création d'une précomposition, car l'animation du texte doit être parfaite en elle-même. OK. Ensuite, le reste de l'animation dans laquelle nous voulons le combiner doit être créé dans une pièce jointe plus étendue. Je pense. Donc, en gros, si quelque chose tombe en panne dans l'animation, l'animation du texte n'en sera pas affectée car elle se trouve à l'intérieur de cette couche. C'est à l'intérieur de cette précomposition. Donc, si nous commettons des erreurs ou si les ajustements sont erronés, cela ne sera appliqué qu'à la précomposition Cela ne va pas ruiner l' ensemble de notre projet. Donc, d'abord, nous avons juste perfectionné l'animation du chat, puis j'ai tout pré-commandé. Maintenant, ce que j' ai fait ici, c'est que j'ai créé un masque dans lequel je voulais m' assurer de la zone à utiliser pour notre discussion, c'est-à-dire cette zone que vous pouvez voir. Changeons simplement la couleur de notre masque pour que vous puissiez voir clairement. D'accord, nous allons lui donner une couleur citron vert. OK. OK, il n'y a donc pas de contraste en arrière-plan, alors utilisons simplement un fond plus foncé. D'accord, nous allons utiliser un noir. OK. Je pense que cela semble plus visible. OK. Donc, comme vous pouvez le voir dans cet espace de travail , nous allons animer des éléments. Et comme notre animation sera une animation vectorielle, nous n'avons vraiment pas à nous soucier de la masquer ou de la conserver sous forme vectorielle , car les couches contient sont toutes vectorielles. Cela ne posera donc aucun problème en fait. OK. Vous pouvez donc retirer l'étoile de la couche. Cela ne posera aucun problème. J'ai testé les animations sur les plateformes. Ils fonctionnent parfaitement bien. OK. Il y a donc un masque. OK. Maintenant, ce que j' essaie de montrer, c'est que les messages vont dans le sens supérieur parce qu' il y a de nouvelles données que nous voulons afficher dans le chat, n'est-ce pas ? En termes simples, c'est ainsi que fonctionne WhatsApp, non ? Les anciens messages sont déplacés vers le haut et les nouveaux vers le bas. OK. Maintenant, le Sentier s' anime d' un point à un autre Maintenant, ce qui se passe réellement, allons-y et observons. OK. Comme vous pouvez le constater, le masque vient du haut vers le bas. Et il existe également une animation de position, qui compense l'animation du masque dans la direction opposée Et comment est-ce que cela fonctionne ? Supprimons simplement la citation de position pour que vous puissiez vous faire une meilleure idée Tu vois ce qui s'est passé là-bas ? Tu as compris l'idée. Ce que nous essayons de montrer ici, c'est que nous voulons déplacer le chat vers le haut. Mais au fur et à mesure que je déplace la masse vers le bas, toute la discussion semble s'afficher à l'écran Ce n'est pas ce que nous voulons montrer. Nous voulons conserver le premier message en haut de l'écran. Et il y a une petite différence si vous remarquez que le premier message arrive ici. Dessinons simplement un guide. Mais plus tard, le message est là. Alors pourquoi cet espace n'est-il pas adapté ? La raison de celui-ci est que voici ce message violet. J'aurais pu simplement le dire, le message violet le coupait à moitié ici, mais ça n'avait pas vraiment l' air bien. Nous sommes donc allés de l'avant avec l'idée que nous voulions nous assurer que la conversation se déroule point par point, n'est-ce pas ? Parce que c'est une histoire que nous essayons de raconter. Je ne voulais donc pas qu' un message à moitié tranché soit diffusé entre les deux histoires parce que les gens ont déjà lu celle-ci, d'accord ? Et dans le cas où certaines personnes ne l'ont pas lu, il y a ceci. Tout d'abord, il n'est pas possible qu'ils ne l'aient pas lu car ce message reste affiché à l' écran pendant quelques secondes. OK. Puis celui-ci défile vers le haut. J'ai donc pris cette décision juste pour rendre le design plus épuré. C'est ça. OK. Et lorsque le masque se déplace vers le bas, il y a une animation de position qui amène toute l'animation vers le haut, d'accord ? Par exemple, retirons simplement la clé du masque, voyons ce qui se passe. Tu vois ce qui se passe ? OK. Donc, en gros, le chat se déplace dans la direction supérieure. C'est ça. C'est tout ce qui se passe. Maintenant, cela semble assez étrange parce que nous avons croisé notre marqueur à partir de là et il y a le logo du client. C'est pourquoi j'ai créé ces quatre images clés dans lesquelles une animation aborde l'autre dans la direction opposée, et cela donne simplement l'impression que nous sommes en train de griffonner Mais ce n'est pas vraiment ce qui se passe. Mais souvenez-vous toujours que tout dépend de ce que la personne veut voir. Il ne s'agit pas de savoir comment cela fonctionne. Il s'agit de l'illusion que nous sommes en train de créer. Nous voulons faire passer le message que cette conversation est animée dans le sens descendant. OK ? Peu importe comment nous y sommes parvenus. OK ? Seul le résultat doit être fluide. C'est ça. Et la conversation continue et celle-ci s'anime également, et notre animation est terminée, elle reste à l'écran pendant environ une seconde, puis elle recommence à C'est ça. OK. Voici donc comment vous pouvez créer ce type d'animations. Dans le prochain cours, je vais vous montrer comment nous allons exporter ce type de scènes et quels sont les paramètres optimisés et les paramètres idéaux pour obtenir les meilleurs résultats avec vos fichiers de lot en utilisant le body moving. Et parce qu'il offre de nombreuses fonctionnalités plus avancées que le plugin lotifiles lui-même. Nous les aborderons donc dans le prochain cours. Merci beaucoup. Je verrai dans le prochain cours. OK. 6. 05.Animations complexes et gestion du flux de travail: OK, donc nous sommes de retour. Nous allons maintenant examiner un autre exemple et une autre étude de cas d'un projet vraiment complexe. J'ai créé ces animations pour un site web appelé Quander en fait, et ils ont demandé quelque chose de vraiment incroyable Et je vais partager cette étude de cas avec vous. Nous allons juste vous montrer ce que j'ai réellement créé pour cette entreprise. OK. Je vais donc commencer par jouer à l' animation. D'accord. OK. Comme vous pouvez le constater, ils exposent et expliquent essentiellement le concept complet de leur produit , d'une manière vraiment créative. Et je crois que ce projet était l'un de mes meilleurs projets, et c'est vraiment quelque chose que je veux partager avec vous et vous expliquer comment j'ai obtenu ce type de résultats. Et avant d'aller de l'avant, je vais juste vous montrer quelque chose de vraiment important j'ai créé ce projet il y a longtemps. Et ce que je vais vous montrer, c'est que j'avais l'habitude utiliser les cadres de style d'un astrateur que le client m'envoyait , puis je devais tout recréer couche par couche, dans After Effects en suivant cette étape Mais il vaut mieux, vous savez, simplement ouvrir les fichiers dans liraor, puis créer l'animation en utilisant cette surcharge , car vous n'aurez alors pas à passer par ce processus et cela vous fera gagner beaucoup de temps Bien, commençons par ce que le client m'a réellement envoyé. Donc, le client m'a simplement envoyé ces cadres de style, d'accord ? Je vais juste les ouvrir toutes et les partager avec vous. OK. Commençons donc par le premier. OK, donc c'est le premier, le centre animé imate ceci dans ceci dans ceci dans ceci dans ceci dans ceci dans ceci dans ceci Et comme vous pouvez le constater, aucun texte ne change. En fait, les fichiers présentaient quelques problèmes et le client m' a demandé des modifications m'ont juste donné le nom, puis j'ai simplement apporté les modifications comme ils me l'avaient demandé. Donc, en fait, ces cadres de style comportaient quelques erreurs. Donc oui. Comme vous pouvez le constater, il n'y a pas de texte ici, mais il y en a dans mes animations. C'est donc essentiellement ce que le client m'a partagé. Maintenant, ce que j'ai fait ici, c'est que le processus d'animation n'était pas vraiment une chose à laquelle le client pensait. Ils n'avaient aucune idée précise de ce qu'ils voulaient me faire faire avec le processus d'animation. Ils avaient juste besoin d'une animation fluide. , je transmets leur histoire d' Dans ce cas, je transmets leur histoire d'un point A à un point B, c' est-à-dire à travers ces droits OK. Alors j'ai inventé ce woo. En fait, je consulte ce fichier après un certain temps. Donc, comme tu le vois, whoo. C'est vraiment incroyable, mec. , je suis émerveillée par mon propre travail, Pour être honnête, je suis émerveillée par mon propre travail, car j'ouvre mon dossier après un long moment. Donc, d'accord. Donc, en gros, d'abord, le concept est également le client a demandé qu'il ait besoin cette animation en 60 fs par seconde. C'est pourquoi cette animation est créée en 60 images par seconde. OK. Donc, ce qui se passe réellement, c'est que j'ai dû créer les transitions les plus douces entre tout J'ai donc poursuivi l' idée et j'ai créé cette animation. Bien, nous allons maintenant examiner certaines des techniques que j'utilise, en gardant à l'esprit que je vais livrer un lotifile au client et les techniques que j'ai utilisées pour faire le travail Il y a trois animations dans ce projet que j' ai réalisées pour le client, mais je n'en partagerai qu'une avec vous parce que je pense que c'est suffisant pour me faire une idée. Allons-y et plongeons-nous dans le vif du sujet. La première est une animation circulaire, ce qui est très simple. C'est l' animation du cercle qui est animée et le cercle apparaît, puis il descend En gros, il n'y a aucun intérêt à garder ce cercle à l'écran pendant longtemps. Parce qu'aucun motif n'a encore été créé. C'est ce que représente ce cercle. OK. Nous y reviendrons donc plus tard, non ? Que cette couleur représente essentiellement un apprenant. OK. Ce n'est donc pas établi ici. C'est pourquoi il ne sert à rien de garder ce point sur l'écran assez longtemps. Mais inconsciemment, il représente essentiellement l'utilisateur qui regarde l'écran. OK. Donc, en gros, c'est la personne qui regarde l'écran. Maintenant, cela se répercute sur les étudiants. OK. Et maintenant, elles sont autant moins étiquetées en jaune. OK, nous allons juste vous simplifier les choses parce que je pense que c'est trop. OK. Voici donc les cadres à l'échelle K. Donc, ils tournent tous en rond. Tout d'abord, ce cercle revient également au centre et se réduit jusqu' au centre. OK. Et maintenant, ce qui se passe réellement ici, c'est que ces cercles s'agrandissent d'abord, puis ce qui se passe réellement, c'est qu'une fois qu'ils ont été redimensionnés ici, c'est que ces cercles s'agrandissent d'abord, puis ce qui , je devais également garder à l'esprit que les cadres devaient être alignés sur les storyboards du client Donc, comme vous pouvez le voir dans celui-ci. La meilleure façon de créer ce type d'animation est d'abord de tout recréer, puis de le créer Et pour créer des animations fluides et sans commettre d' erreur, vous devez tout d' abord vous assurer que tout reste identique lorsque trouve dans After Effects vous copiez le cadre de style et qu'il se . C'est pourquoi vous allez simplement créer les cadres clés de tout ce qui est tel qu'il est. OK. Vous n'allez donc appliquer aucun type de modification. Vous allez simplement ajouter des images-clés. D'accord ? Vous devez garder à l'esprit que quel type de propriétés allez-vous animer ? Et puis tu dois juste en tenir compte. De toute évidence, le client m'a fourni les cadres de style. Je peux donc simplement aller de l'avant et regarder quel type d'animation je vais faire. Maintenant, comme vous pouvez le constater, il est évident qu'il va falloir animer les positions Je crée donc simplement les images-clés de position. OK. Qu' allons-nous faire d'autre ? D'accord, nous allons avoir besoin d'images-clés d' opacité car il y a une différence d'opacité Et il y a autre chose. Il y a aussi une différence de couleur, non ? Comme vous pouvez le constater. Cette couleur est différente. OK. Cela fait donc trois propriétés. OK. Tout d'abord, nous avons simplement ajouté des images-clés de position Nous allons maintenant ajouter des cadres de couleur. OK. Il suffit donc de créer des images-clés en couleur Ce que nous pouvons faire, c'est simplement pirater celui-ci. Nous allons chercher de la couleur. Nous allons tout d'abord ajouter les couches, puis passer à la saisie en couleur. OK. Maintenant que la couleur est arrivée, nous allons simplement ajouter les images clés sur toutes les couches. C'est ainsi que vous créez essentiellement le même style de cadre avant de démarrer le processus d'animation. Maintenant, les images-clés en couleur sont ajoutées. Maintenant, la troisième chose que nous voulons ajouter, c'est que nous allons tous les sélectionner. Nous allons maintenant passer à p t parce que nous allons animer l'opacité Nous allons créer un cadre clé. OK, alors maintenant nous sommes prêts à partir. Si nous voulons animer une autre propriété, nous allons simplement la rechercher également Mais je ne pense pas que nous ayons besoin d'animer une autre propriété Je pense donc que c'est suffisant. OK, alors maintenant je vais juste commencer à animer les choses, d'accord ? C'est ainsi que vous démarrez le processus d'animation. Vous devez rester en contact avec les storyboards, puis réfléchir aux images clés dont vous aurez besoin Parce que vous ne pouvez pas simplement créer une rotation, une opacité et redimensionner des images-clés si vous n'en avez pas besoin Il est très important de garder cela à l'esprit, car les images-clés contiennent des données, n'est-ce pas ? Donc, si vous ajoutez Use less key frames, cela augmentera simplement la taille du fichier lotifile Maintenant, évidemment, s'il n'y a aucun changement dans les données dans les images-clés, cela n'affectera vraiment rien Mais il est important de garder moins d'images clés possible dans vos artifices et de vous adresser à certains problèmes ou problèmes , dont nous parlerons également dans une minute Ensuite, vous pouvez également en créer d' autres, que vous pourrez optimiser ultérieurement. OK. Supprimons donc ceci, revenons à la composition principale et discutons-en davantage OK. Donc, après une animation de la mise à l'échelle de ceux-ci. Comme vous pouvez le constater, tout cela s'anime. Et puis ce qui se passe, c'est que sont donc les couches. OK, nous allons donc revenir à celui-ci car il a peut-être dû y avoir des problèmes et un certain processus d'édition dans ces coms. C'est pourquoi il ne s' agit pas de la communication finale. Parce que comme vous pouvez le voir ici, j'ai ajouté un effet de champ. OK, donc ça ne marchera pas dans le loto. Il s'agit donc peut-être de la première ébauche de l'animation. Et vous pouvez également le faire tout en créant une animation approximative sans avoir à tout garder à l'esprit à propos de la loterie. Vous pouvez simplement créer un brouillon rapide de l'animation car, comme vous pouvez le constater, je suis vraiment désolée, je ne l'ai tout simplement pas verrouillée. OK, alors allons-y et verrouillons celui-ci. C'est juste un conseil important, disons simplement que nous devons recolorer toutes ces couches Il y a donc quelques étapes. La façon dont nous pouvons recolorer ces couches. L'une d'elles consiste à ajouter un filift qui est vraiment un raccourci, ce qui nous fera gagner beaucoup de temps que nous devons faire. J' utilise donc cette approche ici pour gagner du temps , car le client peut ensuite demander la modification du texte ou quelque chose comme ça. Ensuite, vous devrez recréer les couches de forme du texte, puis changer également la couleur C'est pourquoi cela peut parfois devenir problématique. Je viens donc de le créer dans le brouillon. Je laisse donc celui-ci de côté, nous allons nous concentrer sur le seul lot, les cinq derniers, qui est compatible avec l'art OK. Ensuite, il y a une animation pour ouvrir la propriété position. OK, donc la position commence à partir d'ici. OK, donc toutes les animations partent du centre de la communication, puis elles s'agrandissent et atteignent leur position respective. Donc, en gros, j'ai créé ces images clés plus tard, d'accord ? Nous sommes partis d'ici. J'ai collé ces images-clés. J'ai commencé avec ces images-clés, d'accord, celles-ci. Ensuite, j'ai créé ceux-ci, puis je suis passé aux suivants. OK. Donc maintenant, d'ici à ici, cela reste le même. OK. Il ne s'agit donc que des copies des premières images clés, car il n'y a aucune interpolation entre les images clés Cela ne fait donc pas vraiment de différence sur la taille du rotifi Maintenant, ce que nous allons faire à l'avenir, c'est que cela s'anime d'ici à ici OK. Alors, comment aurais-je pu y parvenir ? En termes simples, j' y serais parvenu d'une manière qui consiste à passer à la version 1.3. OK. Et j' aurais simplement créé toutes ces images également dans des couches de forme, créé des images-clés de position sur celles-ci également, puis copié les images-clés à partir de celles-ci et simplement les copier. Eh bien, pas vraiment les griffer parce que vous ne pouvez pas griffer l'image-clé sur une autre couche Donc, je les aurais probablement créés en couches de forme, puis créer des cadres de position sur celles-ci couches de forme, puis comme celui-ci. OK, puis il suffit de copier toutes les couches. Ceci, amenez-les ici comme ça puis sélectionnez simplement l'une des boules du cercle, puis sélectionnez la correspondante , puis copiez et collez le tout de la boule de référence à l'autre. OK. Permettez-moi donc de vous en montrer un exemple. Nous allons juste en garder un ici. Nous allons simplement supprimer le reste. OK. Je vais juste supprimer le reste. Gardez celui-ci. Je fournis juste un effet de remplissage à ce sujet. OK, sélectionnons celui-ci. Coupez celui-ci. OK. Déplaçons donc celui-ci par ici. Nous allons maintenant procéder à la copie de cette image clé. OK. Et maintenant je vais juste cliquer ici. Cliquez sur le cadre clé. Il y a cette couche. OK. C'est par ici. Contrôle V, et celui-ci est exactement dans la même position. C'est ainsi que je l'aurais fait. OK. Passons maintenant à l'étape suivante. Que se passera-t-il ensuite ? OK. Voici donc une couche de texte contenant quelques espaces. OK. Faisons donc en sorte que l'arrière-plan soit noir pour pouvoir lire le texte. OK, il y a donc un espace entre le texte, puis le reste du texte apparaît simplement avec position et opacité OK, il y a une chose à garder à l'esprit : comme vous pouvez le voir, cette animation compte dix, 20, 30, key frans, d'accord ? Et celui-ci aussi, celui-ci aussi, et celui-ci aussi. Vous devez établir une norme pour chaque animation lorsque vous créez une œuvre pour le client, comme nous en avons déjà parlé, afin que l'image de marque ne côté de certaines couches, et que certaines couches s'animent différemment de la première Donc ça va avoir l'air bizarre. OK. Alors maintenant, ce que nous allons faire, c'est que je viens de créer ces couches. OK. Ainsi, une couche apparaît pendant environ une seconde pour que la personne puisse la lire, puis elle passe à la seconde. OK. Maintenant, l' opacité s'anime Allons-y et vérifions maintenant les images clés d'opacité. OK. J'appuie donc sur T sur notre clavier, et je vais voir comment je l'ai animé. OK. OK, maintenant, il y a quelque chose de remarquable ici : tout cela s'anime , sauf celui-ci Celui-ci ne s'anime pas. L'opacité ne s'anime pas, mais comme vous pouvez le constater, il y a quand même des images clés ici Désormais, ces images-clés ne contiennent aucune donnée entre elles. Celui-ci est également traqué et celui-ci est également mort. Alors pourquoi ai-je créé ces deux images-clés ? La raison de la création de ces images-clés est que cela facilite beaucoup les choses lorsque vous copiez et collez toutes les animations Et aussi, si le client demande qu'il souhaite allonger l'animation, n'est-ce pas ? Ils veulent que l'animation soit plus longue et prenne plus de temps et qu'elle soit lente, n'est-ce pas ? ce cas, je ne peux pas simplement faire glisser ces images-clés avant, car il y aura des lacunes dans la couche Celui qui n'est pas animé sera perturbé car toutes les images-clés ne sont pas alignées les unes par rapport aux autres Je ne peux pas simplement aller de l'avant et séquencer ces couches également parce qu'il y a des espaces entre les couches. C'est pourquoi il est important de garder cela à l'esprit, et cela me facilitera également la tâche lors de l'animation de tout, car je ne saurais moins savoir quelle couche est animée et quelle couche ne l' est pas Parce que pour ce qui est de ce que je devrais animer, n'est pas un gros problème, parce que vous dites cela, parce que vous dites cela, je ne suis pas sûre de ce dont j'ai besoin pour animer Je vais juste vérifier le cadre stylistique. C'est ça. D'accord ? Ce n'est donc pas un gros casse-tête. Je dois juste y aller et vérifier. C'est ça. Et je saurai lequel doit être animé et lequel ne doit pas l'être. Je peux vérifier cela dans la référence. OK. La même chose va donc se produire également avec les images-clés en couleur OK, alors allons-y et vérifions la touche de couleur FMS maintenant Je vais tous les sélectionner. Allez-y, vérifiez les principaux films en couleur. OK. Comme vous pouvez le constater, la moitié des couches changent de couleur, mais chacune d'entre elles comporte des images-clés Et aussi, comme je vous l'ai dit, il y a un cadre clé de référence au tout début, d'accord ? Vous voyez, chaque couche commençait par la même couleur, il y a donc une image clé. Et maintenant, c'est ici que l'animation commence, il y a donc une image clé et à partir de là, les étoiles de couleur changent. Allons donc vérifier quand la couleur de l' étoile change d'elle-même. OK. OK. La couleur commence donc à changer d'elle-même d'ici à là. OK. Alors allons-y et voyons voir ici. Comme vous pouvez le constater, ces couches changent de couleur, mais la couche ci-dessous comporte également des images clés , n'est-ce pas ? OK. Donc, comme aucun changement de couleur ne se produira ici, il n'y a donc pas d'image-clé ici OK. Et comme vous le verrez, nous parcourons le fichier, il y a des images clés sur chaque point. C'est une erreur de ne pas avoir ajouté images-clés sur celles-ci, car il devrait y en avoir également sur ces couches , de sorte que chaque couche possède une image-clé à tout moment, même lorsqu'une couche change de couleur, toutes les autres couches ont également des images-clés peut-être Certaines personnes pensent peut-être que cela peut augmenter la taille du fichier de lot, mais ce n'est pas le cas en fait car il n'y a pas d'interpolation entre les images clés Cela n'augmente donc pas réellement la taille du fichier. Et dans certains cas, même si c'est le cas, ou s'il y a des problèmes. Ce type de cadrage clé posera peut-être des problèmes lorsque vous utilisez des images ou des données matricielles Je vous suggère donc vivement de ne pas ajouter d'images-clés supplémentaires, ou peut-être que vous pouvez simplement nettoyer les images-clés une fois que le client a approuvé le projet, puis vous pouvez simplement créer une copie de ce flic , puis supprimer toutes les images-clés supplémentaires comme celles-ci ici. Vous pouvez simplement supprimer ces six images-clés. Mais une fois le projet terminé et que vous en êtes à l'étape finale de la livraison des fichiers, ne le faites qu'à ce moment-là, d'accord ? Juste pour l'optimisation du fichier. Ne le faites pas avant cela. Je le recommande vivement, sinon vous serez très confus. OK. Après cela, vous pouvez voir la moitié du dernier changement de couleur, et le texte continue de s' animer. Alors maintenant, en gros, le texte reflète l'histoire entre ces points. Les points réagissent donc au texte. Comme vous pouvez le constater, les leçons personnalisées sont plus efficaces qu'un enseignement classique. Et maintenant, il s'agit essentiellement de cibler l'autre public, c'est-à-dire quel type d'enseignant êtes-vous. D'accord ? Alors maintenant, ils ont utilisé un concept vraiment unique qui consiste représenter cela également avec des points uniquement. C'est ça. Ils n'ont pas utilisé une animation correcte ou quelque chose comme ça. Ils ont utilisé une approche très minimaliste à cet égard. Vous pouvez également ajouter des marqueurs, d'ailleurs, pour vous assurer que vous allez ajouter une diapositive. Et si vous vérifiez réellement l'horodatage entre les deux. Il suffit de dire dix, 20, 30, 40, 50, 60701890, 100, 110 et 120 Donc celui-ci est également 120, c'est aussi 120. Donc, chaque animation prend 2 secondes, d'accord ? Donc, au début du projet, vous pouvez simplement apporter tous les actifs de votre projet. Ensuite, vous pouvez me laisser aller de l'avant et vous montrer ce que je veux dire par là. OK. Nous allons créer un sept 50 par sept 50. C'est ce que nous appelons des tests. Maintenant, je vais juste changer sa couleur. Celui-ci, je vais l'appeler. OK. Maintenant, nous allons simplement suivre tout cela jusqu'ici. OK. Maintenant, ce que je pense, c'est que disons simplement que le client ne sait pas combien de temps sera efficace pour chacune des diapositives. Je vais donc y aller sans travailler dur. Je vais juste m'assurer que le moment de l' animation est bien choisi. Je vais juste continuer et faire ces 2 secondes chacune. OK. Donc, au lieu de l'utiliser, nous pouvons également continuer et faire en sorte que nous les sélectionnions tous. OK, maintenant nous allons simplement changer cet ordre d'orientation de l'ordre des couches, et maintenant je vais ajouter les étapes 1 à 20. Nous appliquerons le décalage à une seule couche, et je vais appuyer sur la séquence. OK, donc le plugin ne fonctionne pas pour une raison quelconque, et cela se produit réellement. Nous n'aurons donc qu' à redémarrer nos After Effects pour que cela fonctionne. OK, maintenant nous allons sélectionner toutes les couches et appuyer sur la séquence. Pour une raison quelconque, le plugin ne fonctionne pas. Allons-y et sélectionnons-le également à partir d'ici. Le plugin va être disponible. Pour une raison quelconque, le plugin ne fonctionne pas. Je ne sais pas exactement pourquoi cela se produit. Donc, ce que nous allons faire, c'est le faire manuellement. D'accord, vous pouvez donc créer une simple diapositive comme celle-ci et l' envoyer au client. Nous devons changer l' ordre des couches. C'est tout, et nous serons prêts à partir. OK, c'est donc la deuxième diapositive. D'accord. Nous allons les débloquer. Maintenant, ce que vous pouvez faire, c'est l'envoyer à votre client et le laisser voir si le moment semble correct ou non. Ils peuvent se faire une assez bonne idée à partir de là, savoir comment va se dérouler l'animation ou si le timing est correct ou non. C'est ça. Vous pouvez simplement le faire en 5 minutes et l'envoyer au client. C'est ce que j'ai dû faire, puis démarrer le processus d'animation en créant les étapes temporelles et en finalisant le chronométrage final de l'animation D'accord. Ainsi, au fur et à mesure que l'animation se poursuit, le texte continue de s' animer tout seul, et les points s'animent d' Il y a des changements d'opacité et des changements de couleur en même temps OK, je vais juste masquer les couches, elles vont toutes disparaître et révéler de l'opacité, comme vous pouvez le voir, partout où les légendes sont créées, même sur les couches qui ne sont pas animées D'accord. OK. Cela semble moins confus lorsqu'il s'agit d'ajouter des révisions à vos fichiers ou quelque chose comme ça. Ou peut-être devez-vous ajuster le timing des images clés, ou vous devez simplement allonger ou raccourcir l'ensemble de l' animation. Vous pouvez simplement cliquer sur le bouton Alt et faire glisser le tout. OK. Donc, s'il y a des espaces entre les images clés, cela ruinera l'animation. On ne peut pas vraiment changer le timing. De plus, vous ne pouvez pas non plus utiliser d' expressions. Dans les latifiles, ils ne fonctionnent pas très bien. Nous ne pouvons donc pas vraiment utiliser d'expressions ou d'effets d'inversion ou d'étirement temporel. Nous n'aurons donc qu'à modifier le timing de l'animation manuellement. C'est donc très utile à cet égard. L'animation passe en revue tout cela , puis ce texte apparaît lui-même et il est animé. Comme vous pouvez le constater, couches de forme présentent un inconvénient majeur lorsqu'il s'agit de texte car toutes les lettres sont désormais animées séparément. Mais s'il s'agissait d'une couche fiscale, il n'y en aurait qu'une seule. Notre projet aurait donc très peu d'espace et très peu de couches. Et avec l'aide de cela, les séquelles seront très moins longues. Et nous allons apprendre dans le prochain cours comment exporter ces fichiers de la meilleure façon possible. Passons donc au cours suivant et voyons comment nous allons procéder. OK. 7. 06.Bodymovin et options d’exportation: OK, donc c'est le plug in du body moving, et voici à quoi ressemble l' interface. D'accord, il y a donc plusieurs options dont nous allons tirer parti, et il y a plusieurs paramètres dont nous parlerons dans le cours plus avancé, en fait. OK, vous allez donc aller dans les fenêtres de l'extension, puis vous trouverez le bouchon en mouvement du corps et vous allez cliquer dessus, et voici comment il apparaîtra. Tout d'abord, il se peut qu'il n'y ait pas de coms, vous suffira de cliquer sur il vous suffira de cliquer sur le bouton d'actualisation de la liste pour faire apparaître il vous suffira de cliquer sur le bouton d'actualisation de la liste pour faire apparaître toutes les compositions créées dans After Maintenant tu vas continuer et te concentrer sur Duty One. OK. Avant de le rendre, il suffit donc de le sélectionner. Ils vont juste cliquer sur ce bouton, et cette couche, c'est ce C, qui est maintenant sélectionnée. Maintenant, c'est le bouton de réglage, en fait. Il y a des animations assez mignonnes à l'intérieur. Au fait, votre corps bouge et branchez-le , si vous les remarquez. OK. À partir de là, vous pouvez simplement modifier l'emplacement de votre animation, c'est-à-dire l'endroit où vous allez l'enregistrer. Allons-y et faisons en sorte ce soit le même que le premier cours. Alors allons-y et sauvegardons-le là. OK, je vais juste l'appeler D et un. Inter. Il ne vous reste plus qu'à modifier quelques paramètres. OK. Donc, les paramètres. Maintenant, il y a beaucoup de choses que nous pouvons appliquer dans le corps Moggin et il existe plusieurs types de paramètres que nous pouvons OK. Donc, surtout, l' option la plus importante sera celle des glyphes, d'accord ? Ce que fait celui-ci, c'est qu'en gros, nous pouvons modifier les polices dynamiques dans les fichiers loti, et vous pouvez apprendre que sur YouTube, c'est là que les développeurs font cela, c'est là que se trouvent les informations destinées Et si vous voulez changer la police sur le site Web dans l'animation de votre lot, vous devez décocher celle-ci Mais à moins que vous ne le fassiez, vous devriez garder ce blis allumé, vous devriez garder ce blis allumé, car comme vous pouvez le constater, il y a essentiellement comme vous pouvez le constater, il y a une couche de texte dans notre animation, n'est-ce pas Celui-ci. Cela aura pour effet lettres de votre police en couches de forme lors de l'exportation du fichier transformer automatiquement tous les caractères et . Il n'y aura donc pas beaucoup de gâchis. OK ? Il vous suffit de taper votre texte, et c'est tout. Il le fera et le convertira en couches de forme lors de son exportation. Vous n'avez donc pas vraiment besoin de créer telles couches comme celle-ci. OK. J'ai créé celui-ci parce que j'avais du mal à créer le même style de police, en fait, parce qu'ils ont personnalisé une ou deux lettres entre les deux, je crois. C'est pourquoi j'ai eu du mal avec ça. OK. C'est donc la première et la plus importante option dans laquelle vous pouvez utiliser cette valeur de fonctionnalité de manière très utile Et cela n'affectera pas non plus la taille du fichier. Cela permettra de le réduire au minimum. Ensuite, il existe une option connue sous le nom de remplacement des caractères par des coms. OK, remplacez les caractères des compositions personnalisées à partir du dossier. Je ne l'ai vraiment pas beaucoup utilisé et jamais presque. Je pense que je ne sais pas vraiment à quoi sert réellement cette fonctionnalité ? OK. Et après cela, sélectionner une option masquée si vous avez besoin d'exporter des couches masquées. Comme vous le savez, il existe couches dans la composition comme celle-ci, qui est essentiellement une copie créée, mais elle est verrouillée et masquée Si nous voulons également exploiter celui-ci, nous n'aurons qu'à cliquer sur nos cheveux, mais ce n' est pas ce que nous voulons, nous voulons juste les données utilisables dans la composition En gros, si plusieurs couches votre composition sont masquées et verrouillées, vous n'avez pas à vous en soucier, car body moven ne les exportera pas , elles ne seront pas ajoutées à votre animation et cela n'aura aucun impact sur la taille de votre fichier Après cela, cette option est un guide. Sélectionnez quelques couches guidées qui doivent être exportées. Comme vous le savez, Afterft a la possibilité de transformer une couche en couche guide À partir de là, vous pouvez simplement faire en sorte que les couches se guident en dernier. Les couches de guidage sont essentiellement utilisées pour le référencement. En fait, de nombreuses personnes l'utilisent lorsqu' elles importent une palette de couleurs, elles en font simplement une couche de guidage et travaillent avec leur couche de guidage dessus Ainsi, lorsque les effets secondaires produisent l'animation, n'exportent pas les lois indicatives C'est là la fonction principale et l' avantage d'une couche de guidage. OK. Cette option peut donc également inclure la couche de guidage. Et nous n'en avons pas besoin non plus. Cela va donc laisser ces compositions supplémentaires. Sélectionnez si les expressions pointent à travers les groupes externes. Cela peut être utile lorsque vous créez une animation de personnage à l'aide de cette méthode, car certaines précompositions des bras et des jambes des personnages peuvent être des bras et des jambes des personnages pointées ou liées à l'inconvénient principal du Mais je ne le recommande pas vraiment car expressions ne fonctionnent pas très bien sur toutes les plateformes. Ils peuvent provoquer des problèmes sur les appareils mobiles. Donc, ignorez celui-ci. Je dirais, ou peut-être avez-vous une demande très spécifique de la part d'un client selon laquelle il utilisera l'animation uniquement sur le Web. Ensuite, il vous suffira de faire quelques tests avant de transmettre l' animation au client. C'est donc vraiment expérimental à mon avis. Ensuite, il y a cette fonctionnalité, connue car c'est l'une des fonctionnalités les plus importantes. Nous aborderons plus en détail cette fonctionnalité dans le prochain cours, le cours le plus avancé. Et ce que cela fait essentiellement, c'est que vous pouvez inclure des images dans vos tifiles Nous allons donc laisser celui-ci pour le moment car nous n'avons pas vraiment utilisé d'images matricielles dans notre projet jusqu'à présent. Maintenant, il s'agit de savoir quel est le mode d'exportation que vous souhaitez. première est l'option qui exporte en standard l'animation sous forme de fichier GSM. Divisez la composition divisée en plusieurs fichiers JS chaque seconde. Il divisera essentiellement l'animation en, disons simplement que nous voulons une animation d'une seconde. Cela nous permettra de simplement taper le numéro et l'exporter, il exportera plus de 24 J car l'animation dure plus de 24 secondes. Mais ce n'est pas vraiment utile et je ne l'ai jamais vraiment utilisé car il ne sert à rien de diviser vos données. Donc c'est le cas si ce n'est pas marqué. Et puis il s'agit d'un bouton pour les exportations et du code HTML pour l'aperçu local. Cela sera également discuté plus en détail dans le plus grand Moscou, car cela est également très compliqué à expliquer Il existe quelques exceptions pour les clients lorsqu'ils demandent un fichier HTML, mais vous ne pouvez pas vraiment exporter tous vos fichiers de lot au format TML car le HTML comporte également des restrictions très strictes, voire des restrictions strictes, voire des animations de lot, en fait Vous ne pouvez donc pas vraiment découper le chemin des animaux, je pense, dans l'imation HTML Vous allez donc devoir faire très attention lors de la création d'une animation HTML. C'est donc un sujet pour un autre jour en fait. OK. Vous pouvez également créer un rapport de l'animation, qui est essentiellement un fichier texte, qui explique tout ce qui concerne votre composition. C'est la taille de la composition, la couleur, le type de couches et tout le reste. Voilà, en termes simples. Peut-être que le développeur pourra l'utiliser pour trouver une erreur dans votre animation. Alors peut-être qu'ils sont aux prises avec le problème. Vous pouvez simplement leur envoyer ce rapport, l'exporter d'ici , puis le leur envoyer. Cela les aidera donc à très bien lire les données et à trouver l' erreur sans effort. OK. Et puis il y a ce bouton qui indique Projet d'animation RV. OK, donc le camping-car est en plein essor depuis quelques mois, et je suis en train de l'apprendre Et je n'ai pas vraiment testé celui-ci car le camping-car et les émissions sont très différents de son fonctionnement. Je n'ai donc pas vraiment testé cela car R comporte également certaines restrictions en matière d'animation. Je ne pense donc pas que les animations After Effect y fonctionneront aussi bien. Et les gens ont fait des tests à ce sujet et les résultats ne sont pas vraiment idéaux. Ce n'est donc pas vraiment recommandé car si vous voulez vraiment créer l'animation pour RF, il est recommandé de créer l'animation dans leur logiciel natif, au lieu de la créer ici et de l'exploiter tant que projet RIF. OK. Et puis il y a ce lecteur d'exportation autonome et cette animation dans un seul fichier S. Je ne l'ai pas vraiment utilisé et je ne sais pas comment cela fonctionne. Vous pouvez donc trouver des données ce sujet, évidemment sur les chaînes YouTube des internautes. Mais je ne l'ai jamais vraiment utilisé, et pas même une fois que notre client l' a demandé également. Je n'en ai donc jamais vraiment utilisé. OK. Et celui-ci parle d'un ensemble de piles de bannières pour l'utilisation des bannières. Je n'ai jamais vraiment utilisé celui-ci non plus. Et puis il y a celui-ci et le dessin vectoriel XML pour Android Animated V disponibles. Il y aura un cours complet sur ce sujet à l'avenir. Il faudra beaucoup de temps pour le construire, je pense. Je travaille donc juste à la construction de celui-ci. Je travaille sur l'idée de ce cours et je collecte des idées pour créer des classes vraiment utiles pour celui-ci, car certaines modifications ont été apportées la nouvelle mise à jour d'Android. Et depuis ces mises à jour, il y a eu quelques problèmes entre le fonctionnement des artifis sur les appareils mobiles Donc oui, mais c'est très spécialisé, et il faudra un certain temps pour obtenir des données détaillées sur celui-ci, puis je créerai un cours sur celui-ci. Et puis il y a ce port et ce fichier SVG qui utilisent le langage SML pour C'est expérimental et tout ne fonctionnera pas. Il s'agira donc essentiellement d'une animation SVG. Si vous le savez, les gars, je ne sais pas si vous le savez ou non. Comme nous le savons tous, le SVG est un format pour les images en acier, les vecteurs d' images en acier, graphiques vectoriels évolutifs C'est ce que signifie SVG. Mais vous pouvez réellement animer le SVG en utilisant le codage. Et puis beaucoup de développeurs le font, mais c'est vraiment très complexe. Ainsi, la plupart des animations que vous créez ici ne sont peut-être pas vraiment bien converties en données SVG Cela ne fonctionne donc pas vraiment, car si cela avait fonctionné, cela aurait très bien fonctionné. Ensuite, les gens utiliseront ceci au lieu de ft , car il est beaucoup plus facile d' implémenter simplement le SVG OK. Et puis il y a cette option qui dit que les options d'expression convertissent l'expression en images-clés. Donc, en gros, disons que vous appliquez une animation de gal à l'une des couches, n'est-ce pas ? Il convertira donc essentiellement toutes les animations gal en images clés, mais cela augmentera la taille du fichier. Donc vraiment déconseillé. Dans la plupart des cas, je vous recommande vivement de ne pas utiliser d' expressions du tout. Mais il y a évidemment quelques exceptions. Je vous recommande donc vivement de faire de nombreuses expériences avant de remettre le fichier au client. OK. Et puis il y a ces fonctionnalités d'exportation avancées qui ne concernent que les développeurs. À mon avis, parce qu' il est dit que les noms de composition utilisés comme noms de composition IDS seront utilisés comme identifiants de référence. Donc, en gros, le développeur peut être en mesure d'utiliser le nom de la composition, d'importer le fichier et peut-être de connecter les données au cos de Lot. Disons simplement qu'il existe plusieurs coms dans un fichier de lot, alors peut-être qu'ils ne peuvent déclencher qu'une composition spécifique en utilisant ce type d'identifiant OK. Il existe donc cette exportation dans un format plus lisible par l'homme, ne pas utiliser pour le fichier final, car la taille du fichier augmente considérablement. Donc, en gros, nous en avons également besoin. Et des propriétés non prises en charge. Ne cochez cette case que si vous avez besoin d'une propriété spécifique à utiliser autre que le joueur. Cela signifie donc essentiellement qu'il produira également les effets sur votre fichier. Mais je veux dire, le fichier ne va pas fonctionner. Je ne sais donc pas qui utilisera cette fonctionnalité. OK. Ensuite, il y aura les images-clés et les couches utilisées par tram, puis les couches et les images-clés seront supprimées au-delà de la zone de travail Vous pouvez vraiment l'utiliser et cela pourrait vous faire économiser quelques Ko sur les données de taille du fichier, mais ce n'est pas vraiment nécessaire à mon avis Et exportez du JSF pour des raisons de rétrocompatibilité Supposons simplement que des utilisateurs créent l' animation d'une application, mais que certains utilisateurs utilisent une version précédente d'Android. Cela vous aidera peut-être à créer un fichier JSON plus compatible pour cela, mais pas dans les cas les plus normaux Et puis il y a les propriétés essentielles, exportez les propriétés essentielles, exportez les propriétés essentielles de la composition des racines. Ceci est coché par défaut, alors laissez-le tel quel, puis il y a une option qui concerne les propriétés essentielles en tant que slots. Je ne sais pas ce que cela signifie réellement. J'agis pour mapper les propriétés essentielles à deux emplacements du fichier JSON, ce qui permettra de les modifier facilement. En activité, il remplacera les propriétés en ligne dans la composition. Je ne sais pas vraiment comment cela fonctionne. Il y a ces métadonnées. Ça ne m'intéresse pas vraiment. Blueprint, je ne sais vraiment comment nous allons l'utiliser également Utilisez le plan à joindre à l'animation pour valider l' exportation. Pas vraiment nécessaire. Maintenant, les fichiers audio sont essentiellement, je n'ai jamais vraiment utilisé de fichiers audio dans des animations, car le développeur peut connecter les fichiers audio à l'animation lorsqu'il intègre l' animation J'en ai donc parlé aux développeurs également, et je pense que cela fonctionne beaucoup mieux, car lorsque vous travaillez dans After fx, vous devez également appliquer une compression au son. Il est donc préférable qu'ils le fassent manuellement lors de l'intégration du fichier OK, voici donc tous les paramètres. Maintenant, nous allons aller en toute sécurité Il y a une autre fonctionnalité vraiment incroyable. Tout d'abord, nous allons simplement exporter celui-ci et appuyer sur Enregistrer , puis sur Render. Comme vous pouvez le constater, l'une des choses les plus importantes à garder à l'esprit pour le moment est que lorsque nous avons exporté le fichier à l'aide du plugin Roti Files, il m'a fallu une connexion Internet pour pouvoir enregistrer le fichier dans l'espace Oui, vous dites que je n' ai pas de connexion Internet, mais je souhaite tout de même exporter mes fichiers GSN Nous pouvons vraiment utiliser Body Mopin ici au lieu d'utiliser beaucoup de plug-ins car beaucoup de plug-ins vous obligent en fait à enregistrer les fichiers dans leur espace Donc, ce programme vous aide vraiment car vous n'avez pas réellement de connexion Internet. OK. Maintenant, le rendu de l'animation est terminé, et nous pouvons maintenant prévisualiser l' animation très facilement. Nous allons juste prévisualiser et appliquer l'animation. Maintenant, nous pouvons juste prévisualiser l'animation. OK. OK, donc j'ai juste foiré l' animation de celui-ci Nous pouvons donc également résoudre ce problème plus tard. Comme vous pouvez le constater, l' animation est parfaite, non ? OK. Donc, une autre chose que vous pouvez faire, qui est vraiment très importante et très utile, c'est que vous pouvez importer des animations de tracés qui se trouvent sur votre disque, et vous pouvez les prévisualiser ici, ce qui est vraiment incroyable, en fait. Disons simplement qu'un client vous envoie un œuf, non ? Et les quêtes des clients. Disons simplement que le client vous envoie la même animation et vous demande corriger l'animation au début, n'est-ce pas ? L'animation de ce film commence, non ? Donc, disons simplement que nous allons importer le type de fichier local dans le chemin, que nous allons simplement sélectionner les fichiers envoyés par le client, et nous allons simplement cliquer sur. OK. Cela peut prendre un certain temps, mais cela reconstituera l'animation à l'intérieur après les graisses. Et d'ailleurs, vous pouvez également utiliser cette fonctionnalité pour apprendre auprès d'autres créateurs. Vous pouvez simplement continuer sur LotyFiles. Vous pouvez télécharger les animations loufoques d'autres personnes, puis vous pouvez les importer dans After Fax, puis tirer des leçons de leurs fichiers Supposons que vous soyez intéressé par l'une de mes animations UTI, et que vous soyez curieux comment j'ai créé une animation Auty en particulier ou peut-être quelque chose comme ça et vous pourriez vous demander comment j'ai obtenu cet effet particulier ou quelque chose comme ça, Ensuite, vous pouvez simplement télécharger mon animation. Disons simplement que vous trouvez celui-ci vraiment sympa et que vous voulez voir comment j'ai tout animé. Il vous suffit de télécharger celui-ci, puis vous pouvez simplement télécharger le fichier JS, puis l'importer ici. OK. Et puis l' animation sera dans votre com telle qu'elle a été créée par moi. Il peut y avoir quelques différences. Et laissez-moi vous les raconter. Les étiquettes ne seront pas appliquées à l'émission lors importation , car elles sont créées dans After Effects. Ces données ne sont donc pas exportées dans le fichier JSN, ce qui risque de ne pas fonctionner OK. Cela prend donc du temps, mais vous avez l'idée que vous pouvez très bien utiliser cette fonctionnalité. Je vais juste annuler l'exportation. Vous pouvez également saisir l'URL, mais cela nécessitera évidemment une connexion Internet. OK. Et vous pouvez également prévisualiser les animations. Supposons que je souhaite prévisualiser un fichier local, n'est-ce pas ? Je veux juste le regarder. Je ne veux pas recréer l'animation. Supposons simplement que notre client affirme que l'animation ne fonctionne pas correctement. Donc, ce que je vais faire, c'est sélectionner l'animation, puis appuyer sur Entrée. Et il vient d'importer cette animation ici. Maintenant, je regarde l' animation depuis mon lecteur. Ce n'est pas l'animation que nous avons louée. Il sélectionne le fichier lotifile sur le lecteur. OK. C'est donc vraiment utile. Vous pouvez continuer et archiver le fichier. Si un client indique qu' il y a un problème dans le fichier, je souhaite que vous prévisualisiez ce fichier. Vous pouvez simplement entrer ici et entrer dans les mouvements du corps appuyer sur Aperçu et parcourir un fichier de casier. C'est ça. C'est ça. C'est tout ce que tu as à faire. OK. C'est donc vraiment utile. Vous pouvez importer des rapports indéfiniment et accéder aux paramètres, et je n'ai jamais vraiment utilisé celui-ci. Et vous pouvez également entrer dans ces types, sélectionner une ou plusieurs propriétés votre composition pour obtenir des informations sur leur support. OK, donc tu vas le faire. Comme vous pouvez le constater, cela vous aide vraiment à comprendre quelle propriété est acceptée sur quelle plateforme. Donc, s'il y a un problème dans votre fichier, ou si vous voulez vérifier que cela fonctionne sur la fonctionnalité Android, 4.5 0.0, vous pouvez simplement lire les données, ou vous pouvez simplement en prendre une capture d' écran et l' envoyer à votre client pour l'aider, que ce sont les données et communiquer ces données à votre développeur, et cela aidera le développeur comprendre pourquoi l'animation ne fonctionne pas. Ou peut-être trouveront-ils un moyen de le faire fonctionner. Donc oui. Et voici comment fonctionne ce plug-in, et voici les fonctionnalités. Voici donc comment fonctionne le plug-in, et voici les avantages qu'il offre à la place et en comparaison des et en comparaison fichiers de lot par rapport au plug-in Body Moble Je recommande vivement d'utiliser le plug in body mobile lorsque vous travaillez pour des clients. Alors merci beaucoup. 8. Félicitations et...: Félicitations pour avoir terminé ce cours. Je vais vous voir dans le prochain très bientôt, et croyez-moi, cela ne prendra pas un an de plus. Je reviendrai très bientôt. Vous pouvez également me soutenir financièrement en m'achetant également des cafés Vous pouvez également me suivre sur les réseaux sociaux pour partager ce que vous avez et ce que vous avez appris grâce à mon travail. Vous pouvez également me contacter si vous avez des questions ou si vous souhaitez apprendre quelque chose de nouveau. Vous pouvez m' envoyer un message sur Instagram par tous les moyens et à tout moment comme vous le souhaitez. J'ai hâte de vous en apprendre davantage et j'ai hâte de voir le métier. Allez-y et soumettez-moi quelques travaux sur la page Classe, car je n'ai pas encore vraiment vu une seule animation. Ce serait vraiment incroyable si je voyais également certaines de vos œuvres. attends également avec impatience vos commentaires sur ce cours, je vous verrai dans le prochain. Merci beaucoup. Au revoir.