Animation de logo dynamique : icônes de morphologie dans Adobe After Effects

1. Bande-annonce: Les animations de logo sont le moyen idéal pour démarrer votre aventure After Effect Si vous connaissez déjà le logiciel, apprendre à animer des locaux vous permettra de devenir un maître animateur Une animation de logo personnalisée bien conçue coûte généralement entre 1 000 et 9 000 dollars QS, offrant aux marques un excellent retour sur investissement Cependant, trouver des idées sur la façon d'animer Ems et de les transformer par la suite peut être difficile, surtout si vous êtes débutant Ce cours concerne deux de mes séries d'animation de logos. Parallèlement à des cours sur l'animation de logos de mascottes et les animations de logos de typographie Ce cours d'animation graphique s'adresse aux concepteurs de mouvements débutants et intermédiaires qui souhaitent améliorer leurs compétences en matière d'After Effect et maîtriser la création de superbes animations de logo pour les projets de clients potentiels Que vous soyez un designer souhaitant animer votre travail ou un motion graphic designer débutant, ce cours est fait pour vous Bonjour, I. Mina, PDG et fondatrice de Cashew. J'ai plus de sept ans d'expérience et j'ai collaboré avec des marques comme Nissan, Yale et Unicef en tant que mentor et coach Ma communauté compte désormais plus de 60 000 personnes. Tout au long de ce cours, je vais vous expliquer comment créer ces icônes de morphine animations dans After Effects Voici un aperçu de ce que nous allons aborder, générer des idées pour l'animation de logos. Préparation de votre logo pour l'animation, techniques d'animation, effets secondaires de navigation. Et adoptez Illustrator qui travaille avec des images clés, manipule des formes, garantit des animations fluides et exporte le produit final J'aborderai la phase d'idéation en révélant le processus principal qui la sous-tend À la fin du cours, vous pourrez créer des animations similaires en toute confiance Ces techniques vous permettront de générer des idées et créer vos animations de logo en utilisant les connaissances partagées ici. dossiers de projet vous seront fournis en cours de route pour votre cabinet indépendant. Je suis ravie d'entreprendre ce voyage d'apprentissage avec vous, alors allons-y. 2. Orientation: Salut, ce sont de futurs animateurs. Je suis un, et je suis là pour vous apprendre quelque chose d'assez cool, comment transformer des icônes pour créer un logo Animation. Les icônes sont stables pour expliquer les vidéos et il est essentiel d'apprendre à les transformer. Dans ce cours, vous allez recréer le logo de ces icônes morphantes dans After Effects. Vous recevrez tous les fichiers avec lesquels vous pouvez jouer après chaque leçon Si vous êtes nouveau dans ce domaine, suivez simplement mon exemple. À la fin de chaque cours, téléchargez mes fichiers, imitez mes mouvements et ne vous souciez pas de la perfection C'est comme apprendre à faire du vélo. Plus vous vous entraînez, plus cela devient facile. Voici un conseil. Suivez mes actions dans le cours et essayez de le créer vous-même sans jeter un œil aux De cette façon, vous mémorisez les techniques plus rapidement pour ce voyage. Assurez-vous d'avoir des informations pertinentes et d'adopter Illustrator sur votre ordinateur. Assurez-vous qu'ils sont plus récents que 2022. Une fois que vous êtes prêt, publiez votre travail dans la galerie de projets afin que je puisse l'examiner et vous faire part de mes commentaires. Ce logo a été créé par mon ami Martin de Yes, I'm a designer. J'ai hâte de commencer. Faisons en sorte que la magie des annuités opère. 3. 1. Dessiner la première icône dans After Effects: Bonjour les gars et bienvenue dans ce nouveau cours. Dans ce cours, je vais vous montrer comment créer cette animation morphante Nous allons transformer ces cycles, et voici le résultat final Nous avons beaucoup de travail à faire, nous allons donc commencer dans une minute, mais l'animation est assez longue. C'est en fait 15 secondes. Et il y a beaucoup de choses ici que je peux vous montrer et beaucoup de techniques que vous pourrez maîtriser après ce cours. Je suis donc très enthousiaste et commençons. La première chose dont je voudrais vous parler est le design des Cyçons et mon processus de réflexion sur comment et pourquoi j'ai créé cette animation Donc, évidemment, c'est comme une critique de logo, ces cycles se transforment, puis à la fin, nous voyons le logo de « oui, je suis designer » et, évidemment les Cyçons sont liés au Le processus de réflexion était simplement que nous voulions montrer des icônes liées au design. Tout cela se transforme en logo pour laisser entendre que c'est ce que signifie « yes, I'm a designer Et nous avons pris en compte de nombreuses petites choses lorsque nous travaillions sur cette animation, en ce qui concerne raisons de la transition comme nous le faisons. Et pourquoi utiliser ce cycle dans tel ou tel effet. Mais je vais tout vous raconter à ce sujet pendant le cours. Parce que je veux juste pouvoir vous montrer comment cela fonctionne dans After Effect afin que vous puissiez faire la différence et comprendre la logique qui sous-tend tout. Avant de créer une composition et de démarrer cette animation, je voudrais me lancer dans Illustrator pour vous montrer certaines choses. Tout d'abord, il s'agit du design des icônes. Cependant, la façon dont ces cycles sont préparés n' est pas vraiment celle dont j'ai besoin pour l'animation. Nous avons toutes les couches ici. Ils sont tous sur une couche séparée. Mais le truc, c'est que ces cyçons sont rassasiés et qu'ils n'ont pas de trait Si nous importons ces cycles dans Afterpacts, nous avons un tas de petits points que nous devrons ajuster à chaque fois Ce sera donc vraiment frustrant. Et la meilleure option ici est de simplement faire un trait et de le remplir. Nous allons donc utiliser ces cycles comme références, mais nous allons les recréer directement dans After efacts Pour que nous puissions les manipuler , les modifier et les animer. Permettez-moi de passer directement aux conséquences. Et je vais cliquer sur Ctrl pour créer une nouvelle composition. Ma composition sera de 1920 à 1920, et je vais la faire 15 secondes. Très bien, voici ma composition. Permettez-moi de le renommer rapidement. Je vais juste le nommer To First, ajoutons une couche vendue, ajoutons une couche vendue, le contrôle d'arrière-plan Y. Ou vous pouvez également cliquer sur Layer New Solid Layer Je clique sur le contrôle Y, et ce sera ma couverture d'arrière-plan. Je vais cliquer sur Enter et renommer ce BG. Maintenant, toute cette animation commence par un petit point blanc qui se transforme en cette icône. Nous allons commencer par le point blanc. Laisse-moi y retourner. Je vais cliquer ici et intituler Action Safe, parce que je veux juste avoir ma grille, et je vais la verrouiller là. En fait, avant de commencer avec le point blanc, créons d'abord cette icône. Parce que je veux avoir une référence comme l'endroit où ce point doit s'arrêter et se transformer en une autre icône. Je vais importer les icônes que je vous ai montrées ici, les icônes. Et n'oubliez pas qu'ici, vous devez cliquer sur Importer une composition, conserver les tailles de couche. C'est important et c' est notre composition actuelle. OK, laisse-moi l'ouvrir. Il y a ici des couches vides que je souhaite supprimer. Ensuite, je vais cliquer sur cette icône pour avoir la grille transparente. Et je vais simplement copier cette icône. Il s'agit de la première icône. OK, laissez-moi revenir ici et je vais le coller. Et je vais le faire pivoter car nous n'allons pas utiliser la rotation que nous avons dans le fichier d'origine. Laissez-moi juste m'assurer que c'est une ligne droite. Ouais. OK. Ce n'est certainement pas le centre, donc j'ai l'impression que c' est le centre de. Permettez-moi de faire un petit zoom arrière. Si vous êtes vraiment pointilleux, vous pouvez simplement ouvrir la grille proportionnelle et, dans mon cas, c'est le centre Maintenant, nous avons cette icône au centre. Permettez-moi maintenant de vous montrer ce que je voulais dire lorsque je vous ai montré quel point il est très difficile de manipuler ces icônes. Est-ce que tu vois ça ? Je viens de créer une forme juste pour vous montrer que nous ne l' utiliserons pas, mais regardez ce que nous avons ici. Supposons, par exemple, que vous souhaitiez créer l'animation que nous avons. Ce que vous devez faire, c' est sélectionner tous ces points. Points. La forme est trop complexe et très difficile à animer, surtout ici avec ces lignes, vous devez déplacer un tas de choses qui sont tout simplement trop complexes et inutiles, c'est pourquoi nous devons la recréer Je vais maintenir ma touche gauche enfoncée et cliquer sur cette icône ici, et je vais dessiner une forme. Supprimons le trait. Enlevons le film. Ajoutons un trait. Je vais en faire 26. Maintenant, permettez-moi de parler de Stroke. En fait, laissez-moi d' abord ouvrir la forme, comme partie rectangulaire, et passons simplement à la rondeur. C'est un peu trop. Maintenant, je pense que c'est une bonne chose. Oui, déplaçons ça un peu ici. Il n'est pas nécessaire que ce soit en tête-à-tête. Comme vous pouvez le voir ici, vous pouvez toujours voir quelques lignes noires à partir de ma référence, mais ce n'est pas grave pour le moment. Ensuite, je vais cliquer sur le stylo. Assurez-vous simplement que la forme n'est pas sélectionnée, car nous voulons créer une nouvelle forme et non un tracé à l'intérieur de cette forme. Cliquons sur le Penu comme vous l'avez mentionné. Et dessinons simplement une ligne simple comme celle-ci. Il ne reste plus qu' à tracer ces lignes. Et c'est super simple, je vais juste cliquer à nouveau sur le panchu et tracer une ligne simple Permettez-moi de sélectionner ces deux points. Déplacez-les un peu vers le haut comme ça. Ouvrons la forme et le trait. Assurez-vous simplement que nous avons une tasse ronde et un joint rond. Ensuite, changeons simplement le point d'ancrage en cliquant sur Y et en faisant glisser le point d'ancrage ici Maintenant, je vais le dupliquer. Une fois pivoté, changez de position et ajustez simplement la rotation Et je vais suivre le même processus pour les trois autres lignes. OK, super. Nous avons donc maintenant toutes ces formes plus la référence. Permettez-moi de les sélectionner toutes et de les isoler pour que je puisse voir à quoi elles ressemblent. OK, je trouve que ça a l'air très bien. Je ne pense pas vouloir changer quoi que ce soit pour le moment. Nous avons maintenant toutes ces formes et nous avons recréé l'icône. Supprimons ensuite simplement la référence que nous avions, et il ne nous reste plus que l'icône. Maintenant, renommons très rapidement ces couches en cliquant sur Enter, puis en tapant simplement le nom enter Ce sera la base. Et je vais juste faire la même chose pour les autres couches. Rat. 4. 2. Animer la première icône: Maintenant maintenons à nouveau la touche gauche enfoncée et cliquons sur cette ellipse deux Et dessinons un petit cercle en maintenant la touche Shift enfoncée, super. Maintenant, changeons le point d'ancrage en cliquant sur Y, puis en le déplaçant ici. Maintenant, je vais sortir de ma couverture de carburant. Je vais supprimer le trait. Génial. En fait, où est mon réseau ? OK, voilà. Animons d'abord la position de ce point Je vais cliquer sur Position. Et je vais également cliquer sur Échelle. Nous allons ajuster la deuxième étape, mais pour l'instant, animons d'abord l'échelle et la position Maintenant, je vais simplement sélectionner ces deux images clés et cliquer sur neuf pour les simplifier facilement. Je vais passer à la sixième image. Et je vais déplacer cette image-clé d'échelle ici parce que c'est à ce moment-là que je veux que le petit point soit entièrement redimensionné Au départ, le point sera zéro. Ensuite, je vais ajuster la position. Je veux que ce petit point commence ici. Ensuite, au bout de neuf images environ, je vais le faire monter. Et disons 18 images pour le moment. Je voulais y aller. C'est là que l' annumation de cette icône, de la base de cette icône commencerait C'est pourquoi je veux que cette mesure mette fin à son annulation. Ici, permettez-moi de prévisualiser cela pour voir comment cela fonctionne. OK, incroyable. Je pense que ça a l'air bien. Je vais simplement cliquer sur Position, ouvrir le graphique et apporter quelques petits ajustements dans l'éditeur de graphiques. Je ne séparerai pas x de y. C'est juste le graphique de vitesse et je veux juste m'assurer que cette animation est petite. Je ne sais pas pourquoi, mais j'ai l' impression que tout cela n'est pas vraiment au centre ou que le petit chien est au centre. Laisse-moi voir. Y. OK, oui, tu vois pourquoi. Comme si toute cette position était juste à un ou deux points du centre. Je vais donc simplement cliquer sur la position. Si vous cliquez sur position, vous sélectionnez essentiellement toutes les images clés afin de pouvoir les ajuster toutes au lieu de simplement les modifier les unes après les autres. Et je vais juste cliquer plusieurs fois sur la flèche gauche et oui. OK, maintenant nous l'avons au centre. C'est parfait. OK. C' est comme ça que ça a l'air incroyable. Nous aimerions maintenant apporter quelques modifications à la partie de ce cercle. Mais si je l'ouvre et que j'ai une ellipse, et que je regarde ça ici, je peux ajuster sa taille et sa position, mais je ne peux pas vraiment en changer la forme Par exemple, si je veux lui donner une forme différente, peut-être à partir d'un cercle, je veux créer un carré. Je ne peux pas vraiment le faire avec ces options. C'est parce que nous avons un cercle simple. Ce que nous voulons faire, c'est avoir une forme qui ressemble davantage à cette forme. Où je peux ajuster la forme et la modifier si je le souhaite. Je vais écrire, cliquer sur le premier chemin de l'ellipse, puis sur Convertir en chemin de base. Maintenant, j'ai un chemin Baser et n'aime pas les options pour une forme de cercle. Génial. Ajoutons maintenant quelques images-clés au chemin. Je veux que ce cercle commence normalement, alors. Je veux que ce soit vraiment normal ici. Mais jouons avec ça. Je vais juste sélectionner ce point de départ et le déplacer un peu vers le bas. Boum. Et puis, à la fin, je veux qu'il soit détruit Sélectionnez tous ces points et ajustez les formes comme s'il s'agissait d'un petit robot détruit Celui-ci et celui-ci aussi. C'est très bien. Très bien, et c'est à ce moment que cette animation se terminera. Je vais donc cliquer sur Ctrl shift et D pour le couper et le dupliquer, puis le supprimer. Laissez-moi ajuster à 100 % afin que je puisse voir la composition complète et voir ce que nous avons fait. OK, incroyable. Je pense que ça a l'air bien. J'en ai envie, juste pour ajuster le rythme. Je veux que cette tape commence à partir de là et je vais la compenser un peu. Super, super. La seule autre chose que je voudrais ajuster serait la disposition. Je pense que c'est juste un peu extrême. Déplace-le un peu vers le bas et laisse-moi voir à quoi ça ressemble. Très bien, enfin je vais à nouveau déplacer l' image clé et la décaler un peu. Laissez-moi l'isoler pour que vous puissiez le voir. Et il commence à changer de forme ici, puis il correspond à cet endroit. Très bien, laissez-moi simplement sélectionner et ajuster ces images clés. Le linéaire en ce moment. Permettez-moi de jouer un peu avec le graphique. En fait, c'est un peu trop, encore une fois, peut-être comme ça. Voyons voir. Bien mieux. Bien, maintenant je veux juste aimer tous ces effets de mouvement et les masquer pour le moment. Et aussi cette ligne, je voudrais la cacher pour le moment. Je veux juste qu'on me laisse la base. Toutes ces animations, les effets de mouvement, la ligne et la base vont commencer ici. En fait, l' animation de base va commencer ici. Les autres ne le feront pas. Mais pour l'instant, déplaçons tout. Super, maintenant il est temps de faire la même chose que nous avons fait avec le cercle. Parce que maintenant, si j' ouvre la pièce, je vois la taille, la position et la rondeur. Et je veux être capable d' ajuster la forme et l' animation de la façon dont je veux cliquer avec le bouton droit de la souris sur Convertir en partie Baser et ajouter une image clé pour le paiement avec F neuf Maintenant, je voudrais passer à environ 1 seconde par image. Il se peut que nous devions ajuster le calendrier ultérieurement. Cliquez, sélectionnez un clic V, sélectionnez tous ces points et déplacez-les ici. Ce sera la position de départ. Et cela devrait se produire en même temps que lorsque le cercle blanc se déplace vers le bas et change de forme. Cela devrait ressembler à ceci. OK, super. Maintenant, cliquons sur une partie, ouvrons l'éditeur de graphes et apportons quelques ajustements. Je veux que ce soit un peu plus rapide. OK, laissez-moi avoir un aperçu du tout. OK, ça a l'air bien. Génial. Ajoutons maintenant la petite ligne. Je vais jouer cette animation de la base. Tu vois, c'est par ici. Oui, cette ligne se superpose à la ligne. C'est à ce moment que cette ligne doit commencer son mouvement. Je vais l'ouvrir, ajouter l'image-clé du F neuf et cliquer sur vous Alors je vois juste que ce n'est pas une ligne droite. Ajustons d'abord cela. Je vais cliquer sur ce point et l'ajuster jusqu'à ce que je voie une ligne droite comme celle-ci. OK, génial. C'est à ce moment que cela doit commencer. Et puis je pense qu'environ six images après 1 seconde, j'aimerais ajuster cette forme. En fait, je vais ajouter un autre point ici. Et je vais le déplacer un peu vers le bas comme ça. Puis 1 seconde, six images environ le font monter un peu. Ensuite, 1 seconde (12 images) copiez-collez la première image clé. Voyons à quoi cela ressemble maintenant, lorsque la transition se fait de la boule blanche à la base Comme vous pouvez le voir dans notre animation originale, nous avons ces deux éléments de mouvement qui sont très sympas. Ajoutons-les maintenant. Je vais revenir ici , sélectionner le menu et tracer une ligne simple comme celle-ci Ensuite, je vais changer le trait à 31. Je vais ouvrir ce trait de couche, remplacer par joint rond, coupe ronde, et ouvrir les paramètres du cône. Maintenant, je veux que la ligne de départ soit 79. La longueur doit être 71, le départ doit être 56, 83, comme ça. OK, maintenant ça ressemble plus à un bloc. OK, je vais juste allonger un peu la forme, d'accord ? Voilà à quoi ça ressemble, et je trouve que c'est génial. Cliquons sur Y et ajustons le point d'ancrage. Fais-le simplement commencer ici. Je vais cliquer et animer la position Et l'échelle est la suivante : ouah, j'aimerais que tout commence ici. En fait, laissez-moi cliquer sur R. Et je vais également animer la rotation Et fais cette rotation comme ça. L'échelle doit être égale à zéro. Commencez alors environ, je dirais 25 images. Fais-le monter. Changez la position et modifiez les bits Arco. Maintenant, fixez cette échelle à 100, changez la rotation à zéro, devrait en fait être plus proche de 20. Ensuite, permettez-moi simplement de changer la position et faire en sorte que le cadre clé de position soit directement étendu à environ 1 seconde et la rotation soit identique à la position. OK, incroyable. Maintenant, assurez-vous que le cadre clé de la balance, celui-ci, est au centre et qu'ici les moteurs peuvent couper zéro et laissez-moi voir à quoi cela ressemble. OK, c'est bien. OK, contrôlez le décalage en D pour couper et dupliquer. Et ensuite, je vais le faire encore une fois. Très bien, laisse-moi voir le moment. OK, c'est un peu lent. J'aimerais que ça commence peut-être ici. OK, incroyable. Et en fait, permettez-moi de l'étendre un peu plus. Je pense que ça aura l'air mieux. Maintenant, contrôlez D pour le dupliquer, et j'aimerais simplement attraper ce chien. C'est ma dernière image-clé. Je vais dire ici, changez un peu l'arc, déplacez la première position ici. Maintenant, l'échelle peut être un peu plus petite que la précédente, nous pouvons juste avoir une certaine variété. Je vais modifier la rotation pour qu'elle soit plutôt comme ça au début. Et je vais le déplacer ici. Permettez-moi d'étendre un peu cette couche. Et laissez-moi supprimer cette image-clé pour le moment afin que je puisse voir à quoi elle ressemble. C'est une bonne chose. Et maintenant, cliquez et ajustez légèrement la forme. Cela ressemble plus à ça. Bien, alors l'échelle ici devrait être zéro. Laisse-moi voir à quoi ça ressemble. OK, je pense que c'est un peu trop rapide. Permettez-moi donc de les étendre à environ 1 seconde. Et pareil ici. OK, la dernière chose à faire sera de simplement changer la position finale de cette couche parce que je pense juste qu'elle n'est pas proportionnée à l'autre. Ça n'a pas l'air très beau. Très bien, décalons-les un peu par rapport aux images, non ? Génial. OK, maintenant nous sommes prêts avec celui-ci, et je suis très heureuse de continuer le reste de la leçon d'animation en théâtre. Je vais te voir très bientôt. 5. 3. Idées sur Morphing: Bonjour à tous et bienvenue à la nouvelle leçon. Donc, la dernière fois que nous avons créé l'espace, il est temps de continuer avec l' animation avec l'autre icône. Et je suis très heureuse de partager ce processus avec vous, car c'est à ce moment-là les choses commencent à devenir intéressantes. Et je vais également vous expliquer pourquoi je l' ai transformé comme je l'ai fait et pourquoi je l'ai animé de cette façon Commençons donc. Bien, avant de vous montrer comment transformer le cycle en une autre icône, terminons cette animation avec effets de mouvement que nous avons, ces petites lignes Nous allons ajouter notre effet de découpage préféré. Il suffit donc d'ajouter des tracés de découpe , puis d'animer la fin En fait, je voudrais probablement commencer par ici. Cela représente environ 1 seconde, 11 images. Il suffit de fixer ce zéro. Et ensuite, laisse-moi voir. Je pense que c'est super, je pense que le moment est venu. Il se peut que nous en ayons besoin plus tard, mais pour l'instant, cela semble bon. 1 seconde, 21 images. Cliquons, créons cette couche. Contrôlons Shift Indeed pour le dupliquer et le supprimer. Je veux que ça commence ici. OK, super. Maintenant, je vais juste découper les pads, contrôle DP C, et je vais baser cet effet, faire en sorte que tout commence ici. suffit de le mettre là et je vais cliquer sur Control Shift et D pour les dupliquer. Et en fait, je vais les étendre parce que ces zones feront partie de l'autre animation, mais vous allez les voir dans une seconde. Voyons à quoi ça ressemble. OK, je pense que ça a l'air bien. Compensons-les un peu. Juste un cadre. Je veux maintenant avoir un aperçu du tout. Super, super. Maintenant, transformons l'arnaque. Très bien, je vais revenir à notre plan initial maintenant. Et je vais zoomer ici. C'est l'icône que nous venons admettre et maintenant nous voulons qu'elle se transforme en Pyçon Lorsque vous transformez des icônes ou que vous travaillez sur une animation graphique animée, il est très important de vous assurer que votre animation est fluide Vous devez passer d' une icône à une autre, mais de manière logique, de manière à ce qu'il soit logique que cette icône se transforme de cette façon. Comment faites-vous cela ? Eh bien, il existe millions de façons de transformer probablement des millions de façons de transformer cette icône en cette icône. Mais ce que je fais et ce qui fonctionne le mieux pour moi c'est simplement de regarder ces icônes et de repérer certaines choses qui se ressemblent. Par exemple, dans notre cas, je constate que cette base a à peu près la même forme que cette croix ici, juste cette partie de la croix. Je me demande comment puis-je transformer cela en ceci ? Eh bien, je peux probablement simplement modifier un peu le trait, le réduire et faire pivoter légèrement cette icône pour la transformer en cette ligne ici. Et qu'est-ce que je peux faire d'autre ? Par exemple, quelles sont les autres choses que nous pouvons animer ici ? Bien évidemment, nous pouvons animer ces carrés comme tous les carrés D. Mais comment passer de ceci à cela ? Eh bien, comme vous pouvez le constater, vous avez beaucoup de carrés ici et nous avons également quelques informations sur le mouvement ici. Dans ma tête. Je me demande comment je pourrais en profiter. Dans notre cas, dans notre animation, je vais simplement transformer ces lignes en carrés car je vois un moyen de tirer parti de tous ces éléments. Lorsque vous créez une animation graphique animée, essayez de détecter autant de similitudes que possible et de transformer chaque élément en un autre élément. Plutôt que, par exemple, de simplement faire disparaître ces panneaux et de transformer simplement la base. Il vaut mieux que tout se transforme en autre chose. Et aussi une autre idée, juste en tête, que je n'ai pas vraiment animée. Mais peut-être que tu peux l'essayer toi-même si tu veux. Ce serait animer cette base pour qu'elle soit cette ligne. Et peut-être que cette petite ligne peut être cette ligne. Ce n'est pas comme ça que tu peux t'y prendre. si je devais le dire simplement, il suffit de diviser l'icône en formes simples, puis de penser à l'autre icône et à ses formes simples, puis de voir quelle forme simple peut se chevaucher avec une autre forme simple d' une icône à l'autre. C'était donc tout le processus pour transformer cela en cela. Évidemment, comme je l'ai mentionné, il existe des millions d'autres façons de le faire. Mais j'ai juste pensé que ce serait amusant à animer, c'est pourquoi je l'ai fait de cette façon Revenons à l'animation originale pour voir exactement ce que nous avons fait. Et je vais ensuite vous montrer comment l'animer. Allons-y. Il ne nous reste plus qu'à examiner ces éléments de mouvement. Je vais juste te le jouer très lentement. Tu peux le voir. Cet élément, par exemple, regarde cette ligne. Cette ligne passe ici, elle se transforme en cercle. Ensuite, il descend pour se transformer en carré. Et ça rebondit de la même manière ici et pareil ici aussi. Je profite de toutes ces formes présentes dans l'icône précédente, puis je les transforme toutes en carrés. Il y a évidemment des éléments comme d'autres comme ces carrés. Par exemple, ici en bas, je vais juste devoir les concevoir et les animer car je n' ai pas assez de lignes pour les transformer en carrés, en notes Regardons maintenant la base avant d'animer la base que nous avons ici Comme je l'ai déjà mentionné, elle tourne et forme la ligne à partir de la croix Et puis nous avons une autre croix qui se superpose et crée la croix 6. 4. Icône de morphing 2 à l'icône 2: Maintenant. Je pense qu'il serait préférable commencer par prendre simplement cette icône. Copiez-collez-le ici , placez-le en haut. Nous le supprimerons plus tard, mais pour le moment, nous allons simplement l' utiliser comme référence. Je veux m'assurer que c'est au centre. Super, nous avons maintenant cette référence. Donc je vais juste cliquer et ramener le passé à 80 %. Maintenant, faisons-le à 50 %. OK, génial. Verrouillons simplement cette couche pour le moment. Commençons par animer la base. Très bien, c'est donc la base que nous avons maintenant. Puisque nous allons faire pivoter cette forme, je veux que cette ligne soit liée à la base afin qu'elle puisse pivoter avec elle Et aussi, j'aimerais changer le point d'ancrage ici au centre. Laisse-moi le jouer pour voir le timing. Super, donc je pense que nous avons besoin de quelques secondes pour laisser cette animation respirer avant d'ajouter l'autre. Et étendons ces couches. Ce sont les effets de mouvement pour le moment. Nous allons les couper plus tard. Très bien, le dernier effet de mouvement se termine au bout d'une seconde, 25 images. Je vais avoir un peu de pouls ici. 2 secondes, deux images, et c'est à ce moment que l'animation de la base va commencer. Je vais cliquer sur le cadre R, R K pour faire pivoter, facile Es. Ensuite, au bout de 2 secondes environ, 20 images, je vais le faire pivoter. -270 Incroyable. Maintenant, laissez-moi voir le moment car je pense que c'est peut-être trop rapide. Il se peut que je doive modifier la rotation pour m'arrêter là. Nous aurons 1 seconde de rotation. OK, super. Je vais les étendre à nouveau. Maintenant, ajoutons un cadre clé pour la pièce au début, nous devrions avoir la même partie que nous avons utilisée. Ensuite, à la fin, je vais le déplacer ici, comme le tout. Ensuite, je vais sélectionner les cycles. Et ils seront là. Je serais là. Ensuite, je vais sélectionner ces deux options. Ils seront là. Ces deux-là seraient là. OK, permettez-moi de cacher la référence pendant une seconde. OK, donc j' ai des arêtes vives ici. Dans mon cas, ce seraient bords arrondis et je pense que cela serait en fait plus beau. Je vais donc simplement le garder tel quel. OK, super. Maintenant incroyable. Je voudrais régler la touche de Saber. Sélectionnons d'abord la rotation et jouons avec le graphique plus près de la fin, comme ceci. OK. J'ai l'impression que la rotation peut être plus rapide. Je vais donc ajuster cela et je vais également ajuster la pièce pour le tapotement. Je veux compenser un peu. Je ne veux pas qu'il commence au début de la rotation. Je dirais donc par ici. Et encore une fois, ajustons les images clés. C'est au centre, OK, maintenant c'est un peu trop rapide. Encore une fois, changeons un peu le timing. Génial. Il est maintenant temps de simplement supprimer cette ligne comme celle-ci que nous avons ici. Je vais ajouter un cadre clé pour la pièce. À ce moment-là, je vais cliquer sur le menu, je vais sélectionner ces deux points Déplacez-les ici, puis je vais sélectionner celui-ci et le déplacer ici. C'est à ce moment-là que je suis le contrôleur de Coutu. Supprimez celui-ci. Bien, permettez-moi cacher à nouveau la référence pour que je puisse voir le timing. OK, prévisualisons le tout. Génial Je vais être à nouveau la référence et je vais dupliquer la base, et je vais vous dire pourquoi dans une seconde. Si je fais cela, c'est parce que je veux avoir la même forme. Tu te souviens qu'il y avait une croix dans notre référence ? Oui, c'est une croix. Je veux que cette forme, comme cette ligne, soit la même que cette ligne. Et je peux ajuster un peu le trait , comme je peux généralement simplement créer une ligne et ajuster le trait. Mais cet accident vasculaire cérébral est très spécifique car il ne s'agit pas d'un accident vasculaire cérébral. On change la forme, c'est vraiment unique. C'est pourquoi je vais simplement dupliquer la base. Je vais supprimer toutes les images clés, mais assurez-vous d'avoir votre marqueur à la fin, sinon vous vous retrouverez avec une forme étrange. Il suffit de supprimer les images-clés et de relier la nouvelle base à l'ancienne base. Maintenant, je voudrais changer le point d'ancrage et le déplacer ici au centre. Ensuite, je vais animer la rotation, en fait, oui. OK, je vais, laisse-moi voir si je dois le faire. OK. Et je pense à la rotation de cette couche et aussi à la position parce qu'elle bouge un peu. OK, ce sera la fin alors. Je veux que ça commence à partir d'ici. Et c'est à ce moment que la couche démarrera. La rotation est correcte au début. Et puis peut-être trois images après la fin du dessalement, je vais en faire neuf accord ? Et déplace-le ici. Laisse-moi voir à quoi ça ressemble. OK, c'est trop lent. Passons donc à nouveau aux principaux amis en ouvrant le graphique et en apportant quelques ajustements à partir de là. Boum. D'accord, en fait, il tourne dans le sens inverse Et ça m'embête un peu, alors je vais juste le prendre ici et le faire pivoter comme ça. OK, voyons à quoi ça ressemble. C'est bon. OK, super, génial. L'animation est prête sur la base. Laisse-moi cacher la référence et jouer le tout. Génial. OK, c'est incroyable. La prochaine fois, nous allons transformer la science en carrés. Alors restez connectés et j'ai hâte de vous voir très bientôt. 7. 5. Icône animer 2 (Part1): Bonjour à tous et bienvenue à la nouvelle leçon. C'est ce que nous avons créé la dernière fois. Je vais juste le prévisualiser une seule fois pour que vous puissiez le voir. Et je trouve que ça a l'air bien. Cela semble un peu précipité maintenant, mais la prochaine animation sera un peu plus lente pour compenser. Très bien, donc si nous revenons à l'animation originale, nous allons transformer la science en carrés. Voilà à quoi ça ressemble. C'est l'animation que nous allons créer aujourd'hui. Nous allons terminer la transformation de cette icône. Maintenant, si nous y regardons de plus près, c'est en fait ce que nous allons créer, isoler certaines de ces couches. Vous pouvez donc voir que ce sont les lignes qui se transformeront ensuite en carrés comme celui-ci. Nous allons commencer par une seule ligne, puis nous allons progresser et créer tous ces carrés. Permettez-moi simplement de vous montrer ce que nous allons créer en premier. OK, c'est l'animation isolée. C'est la ligne, boum, qui se transforme en carré. OK, allons-y. Je vais ouvrir ma composition maintenant. Laisse-moi trouver cette ligne, d'accord ? Et avant de faire tout cela, je voudrais renommer mes couches et les organiser un peu mieux Je vais donc simplement accélérer les choses, mais je vais simplement renommer tout ce qui est incroyable Maintenant, toutes mes couches sont nommées. En fait, j'aimerais masquer ces deux couches. Voilà, les effets de mouvement sont déjà terminés. Laisse-moi les cacher. Et permettez-moi de cliquer à nouveau sur le second. Je ne vois donc pas les couches cachées. Laissez-moi y retourner pour voir s' il y a autre chose que je puisse cacher. Oui, peut-être le ballon. Je n'ai pas besoin de voir le ballon maintenant et je vais juste garder tout le reste. C'est bon, super. Maintenant, commencez par afficher la référence. C'est ma référence. Je vais trouver ma ligne. Nous allons commencer par cette ligne. Je vais l'ouvrir et ajouter une image clé pour le clic par et me montrer quand toute cette animation, d' accord, c'est à ce moment-là que la base commence à bouger. J'aimerais que cette ligne commence son animation quelques images avant la rotation. Et c'est facile, ça démarre juste plus lentement. Dans mon cas, je voudrais simplement lancer le mouvement de cet air ici. Ça fait 2 secondes, deux images. Ensuite, je voudrais cliquer pendant environ 2 secondes, 15 images. Et je vais sélectionner ces deux portes. Je vais les déplacer ici. Ce que je veux faire, c'est m' assurer que ce point est exactement au centre de tout cela, mais pas ici, évidemment, car c'est à ce moment-là qu' il va se transformer. Je vais prendre une règle. Si vous ne voyez pas vos règles, vous pouvez simplement cliquer sur ici, puis sur règles. C'est bon. Je crois que c'est le centre de la place. Oui, super. Cliquez maintenant sur la couche, cliquez à nouveau et transformez-la en un petit point comme celui-ci. OK, voyons maintenant si le timing fonctionne. Je vais juste isoler celui-ci. OK, je pense que c'est une bonne chose. Dessinons maintenant et créons la forme des carrés. Maintenez la touche gauche enfoncée et cliquez sur le rectangle arrondi pour en créer un. Oui, cela ne semble pas bon, nous le ferons. Juste des bribes. OK, laissez-moi retirer cette règle. Ça m'embête beaucoup. Retirez le remplissage. Assurez-vous simplement d' avoir un trait sur le. Créons maintenant le carré. D'accord, je pense que 24 c'est bien, d' après la référence. Ouvrons la partie rectangulaire. Passons simplement à la rondeur. OK, alors changez le point d'ancrage pour qu'il soit au centre et renommez ce carré Et cette fois, j'aimerais changer la couleur de cette couche. Je vais le rendre vert car toutes les couches associées à la nouvelle icône auront une couleur différente. Ma composition est donc propre. Très bien, permettez-moi de cacher la référence. OK, je trouve que le carré est beau. OK, mais ce point doit être déplacé. Je pense que c'est bon ici. Très bien, incroyable. Maintenant, nous avons le carré, nous avons le point. Faisons en sorte que cette couche se termine ici. Et c'est à ce moment-là que nous allons le transformer en carré. Cliquez sur le cadre en arc pour obtenir la position sur l'échelle. Cliquez sur D. En fait, celui-ci doit être légèrement déplacé. Cela ne devrait pas s'arrêter exactement. Lorsque l'image clé est. Mais ce n'est même pas un cadre, juste un point après . Donc je peux le voir. Très bien, et cette couche devrait commencer ici. C'est à ce moment que celui-ci doit commencer. Très bien, maintenant je vais les déplacer à environ 3 secondes par rapport à nos cadres. Mais il se peut que nous devions l'ajuster. Arbre. Réduisons-le et déplaçons-le ici. Je veux qu'ils se chevauchent. OK, laisse-moi voir à quoi ça ressemble. OK, ajoutons maintenant quelques images clés entre celles-ci. Tout d'abord, je voudrais passer à environ deux secondes de 25 images. Et copiez-collez les dernières images clés, faites-les descendre un peu. Ensuite, ici au milieu, je dirais trois secondes, trois images, pour faire monter un peu le tout. Ensuite, nous aurons la position initiale ici. Donnons-en un aperçu. OK, c'est un peu, maintenant cliquons sur Position. Je vais ouvrir le graphique et apporter quelques ajustements ici. Il s'agit du graphique des vitesses, pas du graphique des valeurs. Je vais simplement apporter des modifications au graphique de vitesse. D'accord ? Je pense que ça a l'air bien. OK. Maintenant, c'est une bonne chose. Le moment est bien choisi si nous ne voulons pas que ce soit trop précipité. Je pense donc que c' est bon. Incroyable Maintenant, nous allons à nouveau afficher la référence. Cliquez sur le cycle pour ne pas voir le graphique. C'est bon. Pour le moment, il sera plus facile d'animer chaque ligne au même moment Ensuite, nous les compenserons. De cette façon, nous pouvons nous assurer que le timing est correct et que le timing est le même pour chaque animation. Je vais sélectionner le cycle ici. Je vais utiliser Arch Frame pour le rôle. Cliquez ici, je voudrais simplement le déplacer ici. Je suppose que je veux qu'il soit un peu plus élevé que le précédent afin que nous puissions avoir une certaine variété. OK, c'est incroyable. C'est à ce moment que cela se transformera en carré. Je vais aller ici et je vais le dupliquer là-bas. Voici le carré. Et je vais cliquer, et je vais passer à la dernière image clé. Je peux donc voir la position finale sélectionner tous les cadres clés de position et les déplacer ici. Parce que je veux que cette animation soit la même. Nous pouvons donc avoir une certaine cohérence. Maintenant, la première image clé devrait être différente, évidemment elle devrait se trouver ici. Permettez-moi de zoomer pour m'assurer que les deux sont alignés, d'accord. Voyons si ça a l'air bien, d'accord ? Maintenant, fais ceci, ajoute-le ici, et voyons la transformation, d'accord ? Incroyable Bon, maintenant je vais répéter le même processus et je vais transformer cette ligne en carré. Je vais ouvrir une partie, et elle devrait commencer ici. OK, permettez-moi de zoomer à nouveau. Ici Ruler. Ensuite, une autre chose est que je veux m'assurer que ces deux points sont alignés. Je vais avoir un autre dirigeant ici. Changez à nouveau le P. Voici mon chien. Génial Maintenant, doublez ce carré, déplacez-le ici, cliquez, sélectionnez tous les cadres clés de position et déplacez-les ici. OK, et maintenant ça devrait s'arrêter là. OK, voyons à quoi ça ressemble. OK, c'est incroyable. Super, nous avons les trois premiers carrés animés. 8. 6. Icône animer 2 (Part2): Maintenant, animons à nouveau ces deux-là. Pareil ici. Je vais juste sélectionner cette ligne. J'ai déjà un cadre clé de chemin, donc oui, vous pouvez simplement cliquer ici pour en ajouter un. Va ici, et celui-ci devrait être là. Et celui-ci ici, tout comme ces deux points. Permettez-moi de retirer cette règle parce qu'elle me dérange. Encore une fois, c'est juste un peu ennuyeux. Parfois, je zoome. Créez un petit nœud comme celui-ci. Génial Maintenant, je vais dupliquer celui-ci, en fait. Bon clic. Je vais passer à toutes les images clés de position. La position finale devrait être ici. Maintenant, nous n'avons besoin que de ces images-clés car la position est différente et l'action, le mouvement, sont plus petits. En fait, la première image clé devrait être ici. La prochaine, je pense que celle-ci devrait baisser un peu plus. Encore un peu plus haut. Et c' est la position finale. Laisse-moi voir à quoi ça ressemble. Juste celui-ci devrait s'arrêter là. Ici. C'est bon. OK, c'est incroyable. Répétez maintenant le même processus pour l'autre ligne. OK, voici comment je vais masquer la référence et je vais vous montrer à quoi ressemble notre animation. Voici maintenant l' aperçu. OK, super. Il est maintenant temps d'ajouter la dernière rangée de carrés. Alors faisons-le. Ce serait vraiment facile. Permettez-moi de cacher la référence. Je vais juste sélectionner ces carrés, les dupliquer. Amenez-les ici et sélectionnez leur position. Maintenant, déplacez-les simplement ici. Juste celui-ci. J'aimerais changer le cadre clé. Laissez-moi voir où se trouve celui-ci par ici. Ce sera celui du milieu. Quand il augmente, c'est juste un peu trop maintenant. Génial. Maintenant, tous les carrés animés, ce qui est incroyable. Décalons maintenant ces images clés. Permettez-moi de cacher la référence pour le moment. Tout d'abord, je vais commencer par cette ligne. Cette ligne connectée à ce carré. Je pense qu'ils sont bons. Maintenant, je veux que celui-ci commence quelques images plus tard. Celui-ci est peut-être là. Celui-ci est peut-être ici. Celui-ci, ici, oui. OK. Je vais commencer par ceci. D'accord ? Cette ligne est. Ce carré devrait commencer ici. Celui-ci est le premier. Celui-ci est bon. Laisse-moi voir laquelle c'est. D'accord ? Le carré du milieu ici. Celui-ci, ici. Ce carré devrait commencer ici. Celui-ci devrait s'arrêter là. Ce carré devrait commencer ici. Décalons simplement ces trois autres carrés ne sont connectés à aucune ligne. Laisse-moi voir à quoi ça ressemble. OK, super, voyons un aperçu du tout. Très bien, pour terminer celui-ci, je voudrais faire un petit ajustement qui fera une énorme différence à mon avis. Comme pour tous les carrés, je vais cliquer sur cette icône ici, par rapport au cliquer sur cette icône ici, flou cinétique, ce que je trouve plutôt cool Vous voyez donc ce petit flou ici. Je vais également appliquer cela aux effets de mouvement, à la ligne et à la base. Si je prévisualise le tout, vous verrez ce flou cinétique très cool que j'aime beaucoup Le voyez-vous ici ? Très bien, cachons maintenant la référence. Et nous allons faire quelque chose de très simple. Nous allons créer cette ligne, ce carré qui n'est en fait qu'un trait. Il faut dessiner un simple comme celui-ci. Je vais masquer la référence juste pour m'en assurer. Super, maintenant je vais créer un masque car je ne veux pas que la ligne se chevauche avec mes carrés Créez simplement une petite forme ici. Supprimez le trait, mais ajoutez un fichier. Génial. Maintenant, assurez-vous d'avoir cette nouvelle forme sur laquelle vous avez cliqué Parce que nous voulons créer plusieurs formes au sein d'une même couche. OK. Ainsi, créez différentes formes qui comblent les lacunes. Génial. Si vous ne voyez pas cette option, cliquez simplement sur Total Switches modes et assurez-vous qu'il s'agit d' Alpha Inverted Mate, et boum, nous l'avons incroyable Renommons ce trait de masque carré. C'est un trait carré. Ces deux éléments doivent être verts car ils font partie de l'icône carrée. Hein ? Je vais ajouter à nouveau notre effet de garniture préféré . Animons la fin. Et je veux le faire ici, je dirais 3 secondes, 20 images. Et au bout de 2 secondes, 20 images, ça commence à zéro. En fait, je vais ouvrir le trait et m' assurer que nous avons une coupelle ronde et un joint rond. OK, laisse-moi voir à quoi ça ressemble. Génial. C'est un peu lent, donc je veux que ça se termine. OK, super. Une petite chose que j'ai remarquée, c'est que nous devrons peut-être ajuster un peu la partie du masque. D'accord ? Parce que, comme vous pouvez le voir ici, je peux voir que cela se chevauche ici Maintenant, j'ai juste besoin de cette image par image où j'ai besoin de vous, par exemple, pour celle-ci. Et je pense que celui-ci, de cette façon je ne le vois pas se chevaucher avec ce carré, est le carré numéro sept Et je vais juste m' assurer que mon marqueur est là. Je vais ouvrir la case quatre et ouvrir transformation et le cadre clé pour la position O case sept ici. La position ici, sept ici, elle devrait être ici. Et encore une fois, la couche sept devrait être la même que l'original. Assouplissons-les facilement et voyons voir. OK, comme je l'ai dit, nous devrons probablement y aller image par image. Cette position ici peut être ici. Je vois encore un petit chevauchement, Boom. OK, voyons ce qui se chevauche d'autre. Je pense que celui-ci, c'est la troisième couche, disons la huitième. Je vais donc simplement répéter le même processus et ajuster la position des images clés de chaque image qui chevauche ma ligne OK, je suis prêt. C' est maintenant l'aperçu. 9. 7. Effets de mouvement (icône 2): La dernière ligne consisterait simplement à ajouter l'effet de mouvement. Il y a une ligne ici. Il s'agit de l'animation originale. Il y a une ligne ici qui s' ajoute à l' animation de coup morphing que nous avons Ajoutons-les. Je dirais que nous pouvons partir d'ici. OK, cliquons sur le penchu et dessinons une ligne comme celle-ci Effectuez le trait 26 et retirez le remplissage. Ouvrons simplement cette couche et faisons de la gamme un joint rond en coupelle ronde. Très bien, maintenant nous allons simplement ajouter à nouveau l'effet trim pats. Je vais les ajouter ici. Et animez la fin. Fais-le commencer ici. C'est un peu trop lent. Peut-être qu'ici, je vais également animer les départs ici. Voyons voir, je vais couper cette couche. OK, laisse-moi voir à quoi ça ressemble. Super, je vais juste dupliquer celui-ci et le faire pivoter un peu. Et changez légèrement de position. Et en le décalant, en fait, je vais le retourner et modifier à nouveau la rotation. Laisse-moi voir à quoi ça ressemble. En fait, je ne pense pas que nous ayons besoin de celui-ci, honnêtement. Je vais le supprimer. Il y a trop de monde et je vais t'y obliger. Donc, juste ici. Très bien, incroyable. Super, c'est l' animation que nous avons créée aujourd'hui. État, parce que la prochaine fois, nous poursuivrons cette animation de morphing Je vais te voir très bientôt. 10. 8. Idées pour l'icône 3: Bonjour à tous et bienvenue à la nouvelle leçon. La dernière fois, nous avons pu transformer cette icône en ceci. Et voici le résultat. Maintenant, ça a l'air bien. Il est maintenant temps d'animer l' autre icône et de la transformer. Permettez-moi de revenir à mes icônes et transformer cette icône en cette icône. OK, faisons le même exercice que la dernière fois. Qu'est-ce que ces deux icônes ont en commun ? Eh bien, à mon avis, ils ont ce carré en commun, c'est le carré. Et ils ont aussi cette ligne en commun. Cela m'a fait réfléchir, nous avons cette ligne qui est similaire à celle-ci. Nous avons ces deux éléments, comme nous avons des carrés ici, mais ils peuvent facilement se transformer en cercles. Que pouvons-nous transformer d'autre ici ? Eh bien, je vois deux éléments. L'une est cette ligne, comme la courbe ici, et l'autre est celle-ci. Comment puis-je transformer ce que j' ai ici au milieu en cette ligne courbe ? Et si j' animais cette ligne ? Eh bien, j'ai deux lignes ici. J'ai une croix. Mais ce que je peux faire peut-être, c'est simplement faire en sorte que cela franchisse une ligne plutôt que de la traverser. Ensuite, animez la ligne et rendez-la incurvée. C'est ce que j'ai fait. Et puis cet élément n'est pas un élément complexe, mais je n'arrivais pas à trouver quoi que ce soit que je puisse faire pour passer de celui-ci à celui-ci sans avoir l'air un peu bizarre. C'est pourquoi cet élément apparaîtra simplement en bas de l'écran, et je pense que cela semble très bien. Permettez-moi de revenir à votre animation originale et vous montrer ce que nous allons créer aujourd'hui. OK, nous faisons pivoter toute la forme, puis nous faisons également pivoter cette forme. Tu vois, boum. Bien, maintenant nous transformons toutes ces formes en cercles afin que cette forme disparaisse en une seconde. Cette transformation linéaire fait apparaître les deux cercles. Cet élément semble former une ligne courbe comme celle-ci. 11. 9. Icône d'animation 3 (partie 1): OK, c'est super cool et je suis excitée. Commençons. C'est là que nous nous sommes arrêtés la dernière fois. Nous avons déjà le second. Je veux avoir un aperçu du tout pour vous montrer le calendrier. Je pense que le moment est bien choisi pour le moment. Mais j'aimerais ajouter une petite pause ici. Je veux juste que cette animation soit lue pendant une seconde. C'est un peu trop rapide, je pense, ici. Mais peut-être que lorsque nous ajouterons cette maison ici, nous compenserons celle-ci. À la fin de toute cette animation, nous devrons peut-être apporter quelques ajustements au timing. Animons ça. Tout d'abord, je vais ajouter : qu'est-ce que c'est ? Pourquoi n'est-il pas nommé ? Nommons-le. C'est un élément de mouvement. Bien, maintenant nous voulons tout faire pivoter. En gros , tout sauf la croix. Je vais devoir créer un nouvel objet pour pouvoir déplacer ces remuer, le nouveau « aucun objet » ou «   contrôler le décalage » et pourquoi Et je vais donner un nom à cette place maintenant. Incroyable. Maintenant, laissez-moi sélectionner chaque petit carré, tous ces carrés verts. C'était ma référence initiale. Je vais le supprimer. Je n'en ai pas besoin maintenant. OK, quelques carrés plus le masque et le trait carré, entre parenthèses au carré maintenant Voyons maintenant quand cette rotation va se produire. Je pense qu'ici, 1015 images suffiraient pour le puzzle Maintenant, notre cadre clé pour la rotation, facile, facile. Je pense que je vais passer à environ 5 secondes, cinq images, et le faire pivoter à 180°. OK, super. Laisse-moi voir à quoi ça ressemble. Cela peut être un peu lent, mais nous allons maintenant ajuster les images clés maintenant ajuster les tout en déplaçant la ligne. N'oubliez pas ce graphique de Gatowjust. Encore une fois, celui-ci va être un peu extrême. Je veux que ce soit extrême parce que je veux avoir un effet de mouvement cool. Vous voyez la motion en troisième position maintenant. Le voyez-vous ? Oui, très cool. Est-ce assez extrême ? Voyons voir, peut-être un peu plus. Encore un petit peu. Je veux que ce soit très, tellement rapide. Ainsi, lorsque vous travaillez sur des animations contenant de nombreux éléments comme celui-ci, il est préférable de prévisualiser le tout lorsque vous poursuivez l'animation. Nous le faisons maintenant juste pour voir si le timing fonctionne et si le pouls est suffisant, ou s'il reste suffisamment de temps pour que cette animation respire avant de passer à l'animation suivante. À y regarder maintenant, je trouve que la pose est un peu trop grande. Maintenant, permettez-moi de le prévisualiser quelques fois. C'est en temps réel. Maintenant je pense que c'est une bonne chose. Commençons cette rotation à environ 4 secondes, trois images. Prévisualisons à nouveau le tout. OK, maintenant je pense que c'est bon. OK, maintenant c'est bon. Trouvons maintenant notre ligne. C'est celui-ci que nous allons ajouter aux images-clés pour la rotation des positions. Et je pense qu'au bout de 4 secondes environ, 15 images signifient simplement zéro et que tout s'arrête là. Contrôlez le changement de vitesse pour couper, dupliquer et le fil. OK, je vais ouvrir le graphe de rotation et je veux créer celui-ci un peu. Ext, d'accord ? Je veux faire comme si ce signe faisait bouger toute la composition. Je pense que c'est une bonne chose. Incroyable. OK, maintenant laisse-moi voir quand ça s'arrêtera. Ça bouge bien, juste ici. Donnons-lui encore une fois deux ou trois cadres à reproduire. Et nous allons animer cette ligne. Il nous reste cette ligne là-bas. Mais avant cela, nous devons transformer chaque cercle en carré. Et ça va être très cool. Je vais vous montrer dans une seconde. Appuyons à nouveau sur la touche gauche, et je vais créer un cercle. J'ai besoin que ce soit un cercle droit. OK, merci. Génial. Changez le trait en blanc. Et je vais zoomer et modifier le point d'ancrage pour qu'il soit au centre. Maintenant, laissez-moi le masquer et dévoiler afin que je puisse m' assurer qu'il est aligné Je vais verrouiller cette zone pour retrouver mon carré. C'est le carré numéro huit. Je vais le déplacer ici. Je veux juste isoler ceci et cela. Permettez-moi de cacher le carré pour m' assurer que le cercle est au centre de la ligne. Ce n'est pas vraiment le cas, je vais devoir juste OK, je pense que c'est une bonne chose. Je vais juste le déplacer un peu vers le bas. Il se peut que nous devions ajouter une image-clé de position ultérieurement. Je pense que c'est bien. OK, voici ce que nous allons faire. Nous allons simplement utiliser ce cercle comme référence parce que nous voulons emprunter le chemin. Du cercle et transformez notre carré en cercle. Je vais donc ouvrir l'ellipse et faire la même chose que dans le tutoriel précédent Cliquez avec le bouton droit de la souris et convertissez en Baser Pat. La raison pour laquelle nous le faisons est que nous voulons copier ce chemin. Maintenant, je vais aller ici, c'est la case huit. Je vais l' ouvrir. Et pareil ici. Je souhaite créer les images clés de la partie de base. C'est à ce moment-là que cela commencerait. En fait, permettez-moi de zoomer un peu sur ma composition. OK, voilà. Et je pense que ça devrait s' arrêter là. Ensuite, je vais copier la partie du cercle, le nouveau cercle que nous avons créé. Allez ici, sélectionnez la partie, Collez. Maintenant, il se peut que nous ayons juste besoin d' ajuster un peu la position. OK, voyons comment cela fonctionne. Laisse-moi juste le cacher. OK, c'est maintenant, tu vois ce qui se passe ? Cela se transforme en quelque sorte comme les angles arrondis que nous avions transformés en cercle. Je trouve donc que c'est beau, mais j'aimerais juste en redessiner le graphique, que ce soit plus rapide et plus fluide. OK, je veux le prévisualiser à nouveau en temps réel. OK, trop lent à mon avis. Prévisualisons le formulaire. Je dirais qu'ici, je veux que ce soit plus extrême, plus rapide au milieu. OK, incroyable. Parfait. Oui, exactement ce que je voulais. Super, maintenant nous allons répéter le même processus. Le calendrier sera le même pour tous ces éléments. Nous ne les compenserons pas. Passons au carré numéro sept. Ouvrez-le, cliquez avec le bouton droit de la souris. Convertissez en base F pour la partie ici. Et déplace-le ici. Ne le déplacez pas. Ensuite, déplacez votre marqueur ici. Copiez et collez cette partie. Super, nous devons ajuster le graphique ici, mais nous le ferons plus tard en le faisant une fois pour toutes. Je vais répéter le même processus pour un carré numéro six. Cliquez avec le bouton droit, convertissez en partie de base sur une image-clé. Easy Marker, allez ici, copiez ce passé ici. OK, je vais accélérer les choses maintenant parce que je vais essentiellement répéter le même processus pour chaque petit carré. Génial. Nous avons déjà transformé chaque petit carré en cercle Maintenez maintenant la touche Maj enfoncée et sélectionnez tous les cadres clés du chemin, tous les carrés sauf le premier, car le graphique du premier a déjà été ajusté. Je vais m'assurer de sélectionner les D déplacés, de les déplacer un peu ici, de les rendre extrêmes. Voyons comment cela fonctionne. Super, maintenant ils se transforment tous en même temps, et c'est pour ça que nous gagnons. Voyons l'aperçu. Super, je pense que c'est le bon moment. 12. 10. Icône d'animation 3 (partie 2): Animons maintenant cette ligne. Je vais sélectionner la ligne, aller ci-dessous dans un cadre clé pour le chemin. En fait, je veux que cette ligne commence à s'animer ici. Juste avant la fin de l' animation de l'animation de transformation, je vais ajuster le chemin et le placer ici, au milieu. Et voyons comment cela fonctionne. OK ? Cela doit être plus rapide parce que c'est l'idée, comme si la ligne faisait apparaître ces éléments, d'accord. Il faut donc que ce soit plus lent au début, puis plus rapide à la fin, voyons voir, d'accord ? OK, et c'est à ce moment que ces deux cercles apparaîtront. Je vais donc les trouver. C'est quoi ? Cercle carré quatre. Et maintenant, je vais parler AVC et ça commence comme ici, non ? Et puis ici. Il devrait déjà avoir disparu. Mettez le trait à zéro à ce stade. Je vais faire en sorte que ça commence ici. OK ? Oui, ça sonne bien. Incroyable. Maintenant, faisons la même chose, et en fait je vais simplement copier ces images clés à deux traits. Et laissez-moi savoir, c'est pour une image clé à cinq R. Pour le trait, serrez et collez. OK, super. Maintenant, répétons le même processus pour ces trois cercles ici, mais je vais les décaler un peu. Je crois que c'est juste ici, quelques images après celui-ci. Pareil ici. Ouvrez, survolez, survolez les images clés. Déplacez-les un peu Voici un trait, touche par trait, image par touche. Et déplace-le ici. Voyons voir. OK, je pense que ça a l'air bien. Maintenant, en attendant, je veux que cette ligne soit également animée Il s'agit du trait carré. Laisse-moi l'ouvrir. Tout d'abord, je voudrais ajuster le décalage. Parce que regardez ça. Nous devons animer la fin. Nous pouvons donc nous contenter de cette ligne ici. Et c'est une ligne droite, et nous ne l'animerons pas Je veux juste que le carré soit découpé et qu'il s'arrête là. Je n'ai qu'une ligne ici. Cependant, si j'anime le début, je dirais, par exemple, 25 % ou en fait 24 %, il me restera cette ligne Et je veux cette ligne. Cette ligne. C'est pourquoi nous devons modifier le décalage. Le décalage devrait être là à 100 % et je vais juste gâcher cette animation. Nous l'avons déjà animé, et c'est pourquoi je vais juste le mettre tel qu'il était ici Ensuite, il y aura juste une autre image clé sur l'image suivante où le décalage serait de 100. OK. Maintenant, voyons à quoi ça ressemble, d'accord ? OK, je vais juste voir si c'est le bon moment. Je pense que oui, peut-être que ça devrait commencer plus tôt. Voyons voir. OK, je vais ajuster le chronométrage et je remarque autre chose que je vais corriger dans une seconde. Tout d'abord, l' animation est bonne. Jusqu'ici. Je veux que le panneau soit plus rapide. C'est la première fois que je change ces deux images clés, je vais les déplacer. Cela doit être plus rapide et peut-être commencer ici, sinon tout se passe en même temps et vous ne pouvez pas vraiment voir ce qui se passe. Imaginons les cadres clés du parc. Juste un peu le graphique. Je sais que j'ai dit que je le voulais. Je veux toujours que ce soit extrême, mais je ne vais pas saisir cette porte ici et la déplacer. OK ? Et je vais juste avoir besoin du moment pour les petits cercles qui étaient carré de cinq, quatre ici Voyons voir. OK, peut-être un peu plus tôt. OK ? Maintenant, tous ces autres carrés doivent être un peu retardés, car comme je l'ai dit, tout se passe en même temps et c'est un peu confus. Et ces deux là, voyons voir. OK, maintenant nous avons un peu plus de structure. OK ? Peut-être que la dernière chose que j'ai remarquée, c'est que je n' ai pas eu à changer de carré. Parce que n'oubliez pas que cette icône a un grand carré ici. Donc, si je reviens en arrière, je veux juste trouver ce carré et retirer ce cadre clé. Génial. La prochaine fois, nous allons terminer l'annulation de cette icône, et je suis très heureuse de vous voir dans la prochaine leçon 13. 11. Icône d'animation 3 (partie 3): Salut les gars et bienvenue à la nouvelle leçon. Voici un aperçu de l' animation que nous avons bien réalisée jusqu'ici. Et aujourd'hui, nous allons terminer l'animation de cette icône. Cette icône est ici. Bien, la première chose que je vais faire serait de remplacer cette ligne blanche. Si je veux le faire, c'est parce que, comme vous le savez, cette ligne fait partie d'une forme qui était en fait la forme originale que nous avions. Oui, celui-ci. Comme vous pouvez le voir dans notre animation originale, nous voulons que cette ligne se courbe, remonte grâce à cet outil. Ce serait très difficile si nous essayions de le faire avec cette ligne. La raison en est que, comme vous pouvez le voir, il y a un tas de points ici, par exemple, si je crée un autre point ici et que je commence à le déplacer, il y en aura un autre ici. Et il y a encore trois points dont je n'ai pas besoin ici. Je peux supprimer ces formes, mais je veux que ma composition reste vraiment propre et bien rangée C'est pourquoi je veux simplement créer une autre forme qui chevauche celle-ci Je peux commencer à l' animer et ce sera beaucoup plus facile à faire Cliquons donc sur le stylo pour tracer une ligne simple qui chevauche la ligne existante que nous avons Je vais laisser ces deux points les déplacer vers le bas. OK ? Et en fait, je vais déplacer la ligne, créer ce nouvel élément que je viens de créer au-dessus de ma base. Et je vais isoler ce nouvel élément avec la base. Et je vais le renommer. Ce sera la ligne. Et je vais changer la couverture en marron parce que cela fait partie de la nouvelle icône et je veux que toutes les couches associées à cette icône soient brunes. Très bien, laisse-moi isoler et me désinisoler. Il va falloir que je change à nouveau de trait. Rond, coupelle, joint rond. J'ai l'impression que le coup peut être de 26,5. Oui, et je dois m'adapter comme celui-ci doit être là Celui-ci, ici. Je ne veux pas l'être. Je veux que tout le monde voie que je change de forme. Je le vois à peine maintenant. C'est bon, super. Laissez-moi voir le calendrier. Je vais les isoler, laissez-moi cacher celui-ci pour le moment. OK, en fait, je veux que cette couche commence ici exactement à la fin de l'autre ligne. Son changement de contrôle de l'animation doit être coupé, dupliqué et effacé. Et je dois évidemment le cacher. Allons-y d'accord. De plus, mes cercles le cachent un peu. Et assurez-vous simplement de cliquer sur l'icône pour obtenir le flou Bien, mettons maintenant cette ligne au-dessus de tout. Génial. Avant d'aller de l'avant, je constate que certaines couches ne sont pas nommées C'était ma référence pour le cercle, je vais donc le supprimer. Laisse-moi voir. Je veux que ma composition soit très claire comme du cristal. C'est bon, super. Parfait. Ajoutons maintenant l'élément extérieur de celui-ci dans notre animation originale. Comme vous pouvez le constater, nous ne changeons pas vraiment la forme de l'icône. Nous avons des images-clés pour la position et l'échelle, mais nous ne modifierons pas la forme Et comme nous ne changeons pas de forme, nous n'avons pas besoin de dessiner cet élément. Nous pouvons simplement le prendre car nous avons déjà ces icônes conçues dans Adminstrator Je vais simplement créer un masque car je veux n'avoir que cet élément. C'est bon, super. Et assurez-vous simplement cliquer sur le cycle pour ne pas avoir de problèmes avec la balance. Copiez ceci et je vais revenir ici et je vais commencer à animer le cycle que je voulais commencer à animer à partir d' Cliquez sur le crochet gauche pour que je puisse le faire glisser ici. Ici. Cliquez sur P. Je peux donc animer la position et l'échelle C'est bon. Voyons d'abord où se trouve cet élément. Je vais l'étendre. Je vais le déplacer ici. Je veux m'assurer que c'est au centre, super. Et déplacez-le un peu vers le bas. OK, maintenant ajoutons Phil Cower, parce que je veux qu'il soit blanc Génial. L'animation se déroule comme suit. Cet élément provient du bas de l'écran. S'arrête ici, fait une pause d'une milliseconde, descend puis remonte. Alors, cliquez. Ainsi, vous pouvez voir vos images clés. Et déplacez-les, je dirais, à environ 7 secondes, cinq images. Et au bout d'environ 6 secondes, 13 images, déplacez-le ici et appliquez le flou OK, maintenant ouvrons le graphique de la position ici. Nous devrons peut-être séparer x de y, mais pour l'instant, je vais juste travailler avec le graphique de vitesse dans le graphique de valeurs, d'accord ? OK. Je pense que ça a l'air bien. Juste un peu plus extrême. OK. Incroyable. Non, je trouve que ça a l'air bien. C'est bon. Je veux que cette couche commence réellement à partir d'ici. Je ne veux pas voir tout le mouvement d'ici à ici , alors d'accord, c'est bien. Je pense que c'est le bon moment. Maintenant, ajoutons une petite impulsion, de 7 secondes, cinq images à je dirais 7 secondes, 14 images. Voyons voir. Très bien, je vais ajouter un cadre clé pour le poste. Et puis au bout de 8 secondes, je vais juste faire en sorte que ça se passe comme ça. Laisse-moi voir à quoi ça ressemble. OK, je veux que ce soit le cas. C'est donc fait exprès. Ouvrons maintenant la ligne pat et ajoutons une image-clé pour le chemin ici Je vais devoir ajouter un autre point ici pour avoir la courbe. Et le point doit être au centre ici. Assurez-vous simplement de tenir. Déplacez, cliquez et maintenez, pour avoir une courbe comme celle-ci, d'accord ? Maintenant, saisissez ce point et déplacez-le ici. Juste les points, d' accord ? Je ne sais pas pourquoi. J'ai l'impression que ce n'est pas le centre. Cela m'embête. accord ? Peut-être comme ça. Voyons voir, je ne veux pas encore le prévisualiser, d'accord ? OK, maintenant la ligne est trop lente. Bien que ces deux images clés aient le même point de départ et le même point de fin, ouvrons les images clés ici. OK, et maintenant faisons la même chose ici. Très bien, voyons voir. OK, je pense que ça a l'air bien. Maintenant, je veux juste dupliquer mon icône d'origine. Parce que je veux voir où cet arc est censé se trouver, et je veux m' assurer qu'il est aligné. Je vais donc simplement le copier-coller ici. Cliquez sur l'icône pour supprimer le graphique. Permettez-moi de l' agrandir pour que je puisse voir. OK, ça devrait être quelque chose comme ça, je pense. OK, c'est un peu différent, mais je veux dire, ça n'a pas vraiment d'importance. Maintenant, cela aussi fait baisser la ligne. Et je veux en faire un rebond, comme si c'était vers le bas et vers le haut. Je pense donc que la dernière image clé devrait être plus rapide. Je vais donc passer à environ 8 secondes, dix images. Et ce sera plus facile si j' ajuste d'abord la ligne. OK, celui-ci va ici, ce point va ici, et celui-ci va ici. Et nous devons ajouter le masque. Oui, nous le ferons plus tard. Permettez-moi de cacher la référence pour le moment. Assurez-vous que c'est un bel arc. Masquez la référence. Je vais juste ajouter une petite règle ici. Oui, c'est maintenant je crois. Oui OK, c'est bon. Où sont mes deux ? OK, donc l'outil doit maintenant monter ici. C'est bon. Nous devons ajuster l'échelle. Je viens de remarquer que ces deux-là sont maintenant trop grands ici. Nous devrions avoir l'échelle normale. Je vais donc simplement ajouter un cadre clé puis ici, quand il descendra. Je voulais juste réduire un peu comme ça. Montrez-moi l'icône d'origine. Ouais. OK. Maintenant, je pense que c'est une bonne chose. Maintenant, copiez la première image clé sur la page. OK, laisse-moi voir à quoi ça ressemble. OK, la dernière chose que je voudrais faire ici pour la seconde serait, encore une fois, de me contenter du graphique. Cliquez sur ce point ici rendre un peu plus extrême. Génial. Et pareil pour la ligne. Je veux que ce soit un peu plus extrême qu'il ne l'est actuellement. OK, si vite, puis lentement à nouveau. OK, laissez-moi vous donner un aperçu. Je peux donc voir si c'est le bon moment lorsque vous prévisualisez Assurez-vous simplement d'avoir une résolution de 100 %. OK, c'est un peu trop lent. Je veux ajuster cela. Je pense que cette pause est une bonne chose maintenant. Je pense que cela peut être plus rapide, et cela peut être encore plus rapide. Et prévisualisons-le à nouveau. Le tout. OK, maintenant je veux juste ajouter un masque ici. Je vais créer un carré. Retirez le trait situé au niveau du noyau tombé et déplacez-le au-dessus de la nouvelle ligne et inversez l'alpha Et démarrez-le ici en cliquant sur le crochet de gauche. Et je vais nommer ce masque, ligne, ligne, ligne, et cet élément sera brun. Bien, maintenant, prévisualisons-le une fois de plus. En fait, je souhaite ajouter un autre cadre clé pour ce cycle. J'ai envie de descendre un peu. Comme je l'ai dit, je veux un petit salut. Oui, peut-être un peu. Alors voyons voir. Génial. Voyez-vous en quoi ce mouvement secondaire apporte quelque chose à cette animation ? Je vais vous montrer dans une seconde ce très chouette rebond. Laisse-moi te montrer. C'est avec la ceinture, c'est sans les nœuds. Ça a juste l'air trop statique. C'est comme si ça collait à la limite. Et quand on a un rebond, ça a juste l'air beaucoup plus organique. Très cool. Très bien, super, incroyable. Nous sommes prêts à transformer cette icône. La prochaine fois, nous poursuivrons l'autre transformation où nous aurons cette icône , puis nous dévoilerons le logo. Merci beaucoup pour le temps que vous m'avez accordé. J'espère que ce tutoriel vous plaira et je vous dis à très bientôt. 14. 12. Idées et design - Icône finale: Bonjour les gars et bienvenue à la nouvelle leçon. Je vais prévisualiser l'ensemble de l'animation. C'est là que nous en sommes arrivés, et c'est là que nous nous sommes arrêtés la dernière fois. OK, super, c' est ce que nous avons aujourd'hui. Nous allons continuer cette animation et transformer le Pycone en cette icône Permettez-moi de vous expliquer à nouveau mon processus de réflexion tout en animant ceci Je réfléchissais encore une fois façon dont je pourrais passer de ceci à cela. Je voulais, encore une fois, déceler certaines similitudes. Mais comme vous pouvez le constater, ces deux Chas sont assez différents l'un de l'autre Ils n'ont pas beaucoup de choses en commun. Dans ce cas, j'ai juste décidé d'animer cette partie ici Ce petit carré que nous avons va prendre cette forme. Et puis l'autre partie de la forme sera formée. Revenons à la composition originale et commençons cette leçon. Je vais commencer par créer cette forme, comme nous l'avons fait la dernière fois avec les autres icônes. Je vais juste copier celui-ci. Et je vais le coller. Ici. Laissez-moi voir quelle était, d'accord, oui, la référence précédente. Je vais le supprimer, et voici le nouveau. Et j'ai également remarqué que cette couche n'est pas nommée, donc je vais juste nommer ce stylo. C'est bon, super. Maintenant, tout est propre. Je vais isoler cette couche et la trouver. Permettez-moi de l'agrandir un peu et je vais juste ajouter une touche de couleur. Je veux le rendre blanc. Nous allons maintenant créer une forme. Je veux juste faire pivoter un peu l'icône. Je veux m'assurer que c'est une ligne droite , sinon cela aura l'air bizarre. Je pense que c'est une bonne chose. Maintenant, je vais créer un masque. Je n'ai pas besoin de cette goutte pour le moment. Je vais créer cette icône lors d'une fuite. Je ne créerai donc pas cette forme car, comme je l'ai déjà mentionné, nous allons transformer le petit carré en cette partie de l'icône. Bien, commençons maintenant par créer une ellipse comme celle-ci, et supprimons l'effet de remplissage Ajoutons un trait. Voyons quel est le tracé de l'autre couche. Ça fait donc 24. OK, comme ça, c'est incroyable. Je vais maintenant dessiner une forme rectangulaire et je vais dessiner deux rectangulaires ici, mais je vais ajouter le noyau Tu vois ce que j'ai fait ici ? Je n'ai pas créé de nouvelle couche, mais j'ai ajouté la forme dans la couche extérieure. Je vais le supprimer maintenant. Et lorsque vous créez une forme, assurez-vous simplement de cliquer ailleurs et ne pas sélectionner les éléments. D'accord. Maintenant, parce que je veux le masquer, et c'est pourquoi j'ai besoin qu'il soit sur une couche séparée. Laisse-moi cacher ça pour le moment juste une seconde. Cette fois, je souhaite créer deux formes différentes. Cette fois, assurez-vous que votre forme sélectionnée avant de dessiner la nouvelle forme. Oui, c'est ici. Passons maintenant à l' alpha D comme ceci. OK, permettez-moi de cacher la référence. Je pense que je vais juste déplacer celui-ci ici. Le masque sera là. OK, maintenant jetons l'autre partie de la forme et je vais passer à une autre couche. Je dessine essentiellement la forme qui devrait ressembler à notre icône. OK, et une de plus ici. Enlevons le remplissage. Ajoutons un trait, 24. Waouh, c'est trop. Faisons en sorte qu'il soit 15. Si je cache la référence, je veux juste voir à quoi cela ressemble. Faisons en sorte que ce soit 15. Cette forme n'est pas belle. Il va falloir que je m'y adapte. Je vais le faire en léchant King ici. Ajustement des formes. D'accord. Je vais changer le trait à 12. Permettez-moi de tout dévoiler juste pour voir si la raison pour laquelle le trait semble plus audacieux est parce que nous devons redimensionner l'icône Je vais donc aller voir un parent en montant les escaliers jusqu'à celui-ci et je vais l' escalader comme ça. Permettez-moi d'ajuster à nouveau cette forme, car je pense que cette partie doit être corrigée. N'hésitez pas à jouer avec la forme jusqu'à ce que vous soyez satisfait de son apparence. Maintenant, si j'isole, voyons voir Peut-être ce carré, je veux juste voir si le trait est correct. Je pense que je vais juste aller ici et m'isoler maintenant. Je pense que c'est bon. Nous devrons peut-être ajuster le trait plus tard, mais je pense que c'est bon maintenant. OK, voici la forme. Pour être honnête, je n'aime pas vraiment le cercle. Créons-en un autre. Ça n'a tout simplement pas l'air élégant. Génial. Et je vais juste passer à l'alpha, porter à nouveau, supprimer celui-ci et changer le trait. Oui, 24 cette fois. C'est bon. 15. 13. Icône de morphing 3 à l'icône 4: Maintenant que nous avons cette forme et cette nouvelle icône, je vais supprimer ma référence. Et commençons par masquer ces couches pour le moment. Parce que je veux d'abord créer l'autre animation avant de transformer cette icône en une autre icône. Voyons d'abord comment le timing fonctionnerait. OK, super. Je pense que les 9 secondes rondes seraient un bon point de départ pour cette animation. Ce que nous allons faire, c'est commencer par cette courbe ici. Nous allons l'animer et je vais l'ouvrir. Je vais ajouter notre effet de découpage préféré. Allons-y, je vais passer à une image clé pour commencer. Pour les deux derniers, je vais passer à environ 9 secondes, 20 images, et je vais faire en sorte que celui-ci soit 50 % et celui-ci 50 % deux. Génial. Voyons maintenant à quoi cela ressemble. OK, c'est incroyable. Je pense que le moment est bien choisi. Je vais maintenant sélectionner ce cercle. Ce cercle. Je vais cliquer. Je passe à un image-clé pour la position que je vais prendre. La position commence au bout de 9 secondes environ, cinq images. Et cela se terminera au bout de 9 secondes, 26 images. Et je veux les déplacer et les faire s'arrêter ici. C'est là que nous allons effectuer la transition. Lorsque vous déplacez le premier cercle, vous pouvez simplement copier-coller l'image clé de l'autre cercle. J'ai remarqué quelque chose ici, voyez-vous cette partie ici ? Nous avons eu un effet de découpage des tracés par rapport à l'animation précédente. Et au bout, c'est 24 heures et il y avait un masque qui recouvrait cette partie. Mais maintenant que nous n'avons pas le cercle, nous le voyons. Permettez-moi de changer cette image-clé en 23. Je pense que si je vais ici. Oui, si je vais ici, je ne verrai plus cette partie. Génial. Voyons maintenant comment fonctionne le chronométrage. Tu vas en faire un feu de 100 pour que je puisse tout voir . Génial. Parfait, je pense que c'est bien. Passons maintenant à la dernière image-clé, sélectionnons ces deux cercles et contrôlons Shift et D. Et supprimez-les parce que nous ne voulons plus voir le S à partir de maintenant, ils vont simplement disparaître Animons cette ligne là-bas. Je vais à nouveau ajouter un cadre clé pour les extrémités D. Je vais aller ici pour voir. Je vais faire ces 8 % et je vais aussi faciliter le démarrage Je vais faire en sorte que ces 8 % soient excellents. Je pense que cela doit être plus rapide car vous voyez qu'ici, cette ligne chevauche les cercles Oui, je pense que c' est bon. Voyons voir. OK, c'est incroyable. Super, super. En même temps, je veux que le pénis descende et disparaisse. Je vais donc ajouter une image-clé pour la position, puis passer à environ 9 secondes pour les images, faire descendre et contrôler Shift pour couper Kate aime ça, et voyons à quoi ça ressemble. OK, je vais le couper à partir d'ici. Super, je pense que c'est génial. Je veux simplement sélectionner toutes ces images clés et les rendre un peu plus rapides. Parce que nous allons maintenant alterner cet élément et je pense que la diffusion peut être plus rapide. Je vais maintenant ajouter un nouveau contrôle d'objet, décaler et créer un nouvel objet. Et je vais cliquer sur Enter, et je vais renommer cette rotation Pas génial, je veux parenter tous ces éléments, mais comme vous pouvez le voir, ces éléments sont déjà parentés à la couche huit C'est l'autre nœud que nous avions. La meilleure façon de le faire dans ce cas serait simplement de transmettre l'ancien au nouveau. Maintenant, le pu, le pincement n' est apparenté à aucun. En fait, nous n'avons pas besoin d'être parents. Ça ne fait que baisser. Je veux donc juste voir et m'assurer que tous ces airs sont parentaux et que oui, comme vous pouvez le voir, ce masque et cette ligne ne sont pas séparés jusqu'au nez Nous devons donc également les élever maintenant. OK, donc ce cercle, oui, il est déjà parentalisé Cette ligne, déjà parente. Et ce cercle est déjà parent. OK. C'est incroyable maintenant. Je vais ouvrir la rotation de la rotation, pas de cadre clé ici. Et je vais passer à environ 10 secondes. Et je vais juste le faire pivoter une fois, comme si je faisais un cercle complet. Voyons donc à quoi cela ressemble. OK, c'est bon. Mais nous avons commis une petite erreur. Et l'erreur est que nous n'avons pas changé le point d'ancrage ni la position du zéro. Je vais juste en changer le point d'ancrage. Non maintenant et ce sera le point d'ancrage de tout cela maintenant. C'est à partir de là qu'il va réellement pivoter. OK, super. OK, super. Maintenant, je veux simplement ouvrir les images-clés de rotation et apporter quelques ajustements au graphique de vitesse Et je veux juste le rendre plus net. Commencez plus lentement, plus vite, puis encore plus lentement. Oui, d'accord. Je pense que ce mouvement est parfait. Il ne nous reste plus qu' à transformer cela sur le carré en une autre forme afin de former la nouvelle icône. Je vais maintenant décolorer les couches. Et aussi, je viens de me rendre compte que j'ai supprimé ma référence. Permettez-moi donc de revenir rapidement en arrière et de trouver ma référence afin que je puisse voir quelle devrait être la longueur de cette ligne. OK, voici ma référence. Je vais juste changer l'autocité à 50 %. Je pense que pour l'instant, laissez-moi trouver le carré OK, alors voici la place. Je vais cliquer et déplacer ces points ici. Et ces points ici aussi. J'aimerais changer la position de ces éléments ici parce qu'ils sont plus bas et je veux qu'ils se trouvent quelque part par ici. Je vais cacher ma référence pour le moment car j'ai du mal à voir le volant. D'accord, changeons d'abord la position de ces éléments. OK, je pense que nous devons tout déplacer un peu vers la gauche pour que tout soit aligné. OK, super, oui, je trouve que ça a l'air bien. Maintenant. Permettez-moi d'abord de renommer ces éléments qui encercleront ce masque Comment pouvons-nous appeler cet élément icône finale ? Et j'aimerais encore une fois, changer la couleur de ces éléments car ils feront partie de la nouvelle icône, afin qu'ils puissent être jaunes par exemple. Super, maintenant pointons toutes ces choses vers le. J'aimerais également m'assurer que ce cadre clé se termine ici. À la fin de la rotation, j' ajouterai l'effet de trajectoires de découpage au cercle et à cet élément également, un bloc de découpage. Et j'aimerais animer la fin. En fait, je vais le terminer au bout de 10 secondes, huit images. Et ça va commencer au bout de 9 secondes, 15 images. Fais ce zéro. Ensuite, copiez-le et collez-le ici. Et voyons à quoi ça ressemble. OK, tout d'abord, ça devrait être zéro ici, pas deux. OK, alors ouvrons le trait et assurons-nous d'avoir une coupelle ronde et un joint rond composés de ces deux éléments. Et je vois que nous devrons également ajuster le décalage. Oui, le décalage du cercle parce qu'il part de, voyez-vous comment il commence à partir d'ici ? J'aimerais simplement ouvrir les garnitures et commencer ici. Génial. Incroyable. OK. Maintenant, ouvrons simplement le graphique pour les trajectoires de découpage et rendons-le plus lisse et identique ici. n'est pas nécessaire qu'ils soient les mêmes car ce serait bien d'avoir une certaine diversité. Voilà à quoi ça ressemble. Maintenant, laissez-moi juste porter ce chiffre à 100 pour que nous puissions tout voir. Super, super, eh bien je trouve que l'animation est bonne. La prochaine fois, nous allons continuer avec la dernière animation dans laquelle nous allons animer ce logo Et ça va être très amusant, et nous allons terminer cette animation de morphing Restez à l'affût alors. Je vais te voir très bientôt. 16. 14. Révélation de logo: Bonjour les gars et bienvenue à la nouvelle leçon. Je suis très enthousiaste à l'idée de cette leçon. Commençons donc. Aujourd'hui, nous allons réellement animer. Une grande partie de cette leçon consisterait à animer le logo, cette animation circulaire, avec cette transition liquide que nous avons Nous allons donc commencer par animer le logo avant assembler cette animation dans l'autre animation et de la finaliser Parce que dans notre animation originale, si nous revenons en arrière, nous avons ici cette transformation. Oui, et puis nous avons la goutte qui forme le logo. Il s'agit d'une précomposition. En fait, créons d' abord la précomposition afin de voir où se trouverait le logo et comment animer cet élément Où doit se situer cet élément ? Avant d'avoir le drop, je vais d'abord importer le logo « Yes, I am a designer ». Cliquez ici avec le bouton droit de la souris, Importer le fichier. Voici mon dossier. Je vais maintenant cliquer sur Importer en tant que composition, Conserver la taille des couches et Importer. Maintenant, laissez-moi voir ce que nous avons ici. OK, nous avons donc ici le cercle avec le logo. Et nous allons d'abord nous assurer cliquer sur le second afin de pouvoir la stérilisation en continu Nous pouvons nous assurer que le logo est de haute qualité. Ensuite, je vais cliquer sur le contrôle K et changer cette composition en, je dirais, 180 à 180. Génial. Maintenant, redimensionnons légèrement le logo. Nous pourrons le réduire plus tard, mais je veux mieux voir le logo. C'est pourquoi je veux simplement l'étendre. OK, super. Nous allons commencer par créer une forme rectangulaire très simple comme celle-ci. Peu importe, nous allons le masquer quelques secondes. Assurez-vous simplement qu'il couvre tout le cercle. Retirez le trait et tapez sur Phil. Génial. Je vais maintenant déplacer cette forme sous le logo et la masquer. Je vais à Alpha. Ensuite, je vais cliquer sur et ajouter un cadre clé pour le poste. Je vais l'assouplir facilement. Je vais passer à environ 1 seconde et y déplacer cette image-clé Bien que je veuille qu'il soit là au début, laissez-moi voir à quoi cela ressemble. OK, c'est un peu trop rapide. Je vais déplacer cette image-clé ici. Je dirais environ 1 seconde 28 images. Je ne sais pas pourquoi j'ai supprimé le premier. Je vais juste l'ajouter ici. OK, maintenant je pense que ça a l'air bien. Il se peut que nous devions l'ajuster, mais nous le ferons plus tard. Maintenant, dans votre panneau gras, recherchez l'effet de vague, modifions les paramètres. Celui-ci devrait être de -15 ce 1 200,15 Celui-ci, oui, nous pouvons le maintenir à 90 degrés et tout le reste peut rester tel qu' il est en ce moment Maintenant, changeons le couvercle. Je vais utiliser du gris clair pour celui-ci. Incroyable. Permettez-moi d'en avoir un aperçu. Bien. OK, ça a l'air incroyable. Nous allons maintenant sélectionner ces deux éléments. En fait, permettez-moi de le renommer. Je vais le nommer comme ça. Parfait, permettez-moi de sélectionner ces deux éléments en commençant par le masque, le logo et le contrôle V. Ensuite, je vais simplement ouvrir cette couche, deuxième vague dans mon cas, et modifier le réglage. Je veux qu'il en soit 17. Cela peut rester à 215 et tout le reste peut réellement rester tel qu'il est actuellement. Et je vais juste changer la couverture. La couverture sera plus foncée. Donnons-en un aperçu. Incroyable. Maintenant, copiez-collez ces deux éléments. Et je vais les compenser un peu. Je vais juste les faire commencer à peu près, je dirais, à la dixième image. Ouais. En ce moment même. Changeons à nouveau le couvercle. Cette fois, je vais en faire une couverture rouge plus foncée car nous allons maintenant révéler le logo. La dernière doit être la couverture originale du logo. Si je le dévoile, je vais juste prendre ce code et je vais modifier le remplissage de cette dernière couche pour la découvrir ensuite En fait, je veux juste décaler un peu les couches. Ils sont tout simplement trop linéaires pour le moment. Permettez-moi de les sélectionner toutes. Oui, voyons à quoi ça ressemble. Waouh, super. Bien, ouvrons l'éditeur et apportons quelques ajustements au graphique de vitesse en sélectionnant tous les points et en ajustant le meilleur. Maintenant, rendons-les un peu différents, qu'ils ne soient pas si statiques. Et oui, je veux que certains soient plus rapides. Certaines vagues peuvent être plus lentes. Je pense que celui-ci peut être un peu différent. Celui-ci peut être plus rapide. Comme ça, et je pense que le dernier peut rester tel qu'il est actuellement. OK, je veux juste le compenser un peu plus. Pour ce dernier point, la seule chose que je remarque, c'est que cette première position doit être légèrement inférieure Tout simplement parce que je peux le voir bouger avant l'animation, et je ne veux pas que cela se produise. Laisse-moi voir. OK, la seule chose est que cette forme recouvre cette forme. Je vais ouvrir à nouveau la position et modifier le graphique. Oui, on peut les faire annuler l'un après l' autre. Après l'autre. OK, super. Maintenant, lorsque nous aurons passé la phase finale, quatrième vague, nous voulons que vous révéliez le titre dans l'ensemble du logo. Maintenant, je vais simplement dupliquer ces deux couches. Oui, mais cette fois, je vais changer le masque de ce logo qui doit être Alpha maté à la vague. Laissez-moi voir à quoi cela ressemble maintenant. OK, cette dernière vague dévoile le titre. Incroyable. Génial. Maintenant, dans notre animation originale, nous avons les slops et les mouvements scolaires que nous allons ajouter Maintenant, faisons-le. Nous allons commencer par tracer une ligne très simple, celle-ci. Et nous allons ajouter un petit trait. Je vais juste le faire en 23. Pour l'instant, ouvrons-le, assurons-nous d'avoir une coupelle ronde, un joint rond. Et maintenant, nous allons apporter quelques modifications au cône. La longueur de départ doit être de 79, la longueur de fin de 71 %, le départ 56 %, le N E de 83 %. Je pense que cela semble bien Il ne reste plus qu'à changer le point d'ancrage. En fait, maintenant, cela ressemble beaucoup à une goutte. Mais j'aimerais modifier la rotation. En fait, je veux que ça se passe comme ça. Ouais. OK, incroyable. Ajoutons maintenant des cadres clés pour la rotation, la position et l'échelle, et simplifions-les facilement. Voyons maintenant le timing. Eh bien, je dirais qu'à peu près à cette heure-ci, je veux que ce bloc commence ici. Et je veux que l'échelle soit nulle. Alors je dirais qu'à environ 21 images, je veux que ce soit 100. Maintenant, je veux y aller avec un petit arc de cercle. Génial. Je vais le faire pivoter, puis au bout d'une seconde, je vais juste le mettre à zéro. En fait, il suffit de changer ce cadre clé de position pour qu'il soit là. Et la rotation, c'est ce truc qui prend de l'ampleur. Diminution, d'accord. Génial. Je pense juste que nous devons modifier un peu la rotation ici. Super, incroyable. OK, maintenant changeons de couleur. En fait, permettez-moi de changer la position du bit. Je dirais que nous pouvons rendre le gris par rapport à la couche plus foncée que nous avons S'ils se chevauchent, nous pouvons toujours voir cet effet de mouvement. OK ? Incroyable. Maintenant, je vais m' assurer que cette couche commence ici. Et ici, je vais changer le co, en, je dirais, violet. Et je vais renommer cet effet de mouvement. Génial. OK, alors laissez-moi le dupliquer et je vais changer de position. Il s'agit donc de la position finale et de la position de départ. Et j'aimerais également modifier l'échelle. Je veux que celui-ci soit plus grand maintenant. Rotation, laisse-moi voir. Ok, donc oui, la rotation devrait être comme ça. Et je vais juste remplacer ce cadre clé. Oui, ici, ça devrait être comme ça. Je vais le contrebalancer un peu. Et laisse-moi voir à quoi ça ressemble. OK, super. Incroyable. Ajoutons-en maintenant deux autres. Je vais commencer par en ajouter un pour le moment. Celui-ci commencerait ici et je dirais ici, et ils seront rouges, super. Voyons maintenant la rotation. La rotation est bonne. Je pense que l'échelle, réduisons-la pour avoir différentes formes. Et ces effets peuvent en fait commencer ici lorsque la vague rouge commence à s' animer. Je vais changer le trait que ce soit un rouge plus foncé que celui-ci, comme ceci. OK, et laisse-moi voir à quoi ça ressemble. OK, j'aimerais ajouter une autre forme grise qui sera d'ici à peu près ici. Ça, alors boum, boum. OK, super. Ajoutons maintenant quelques gouttes supplémentaires ici. Je vais changer le R pour que nous puissions avoir de la variété. Celui-ci sera plus grand cette fois. Voyons la rotation. Cette rotation devrait être la suivante. Remplacez ce cadre clé à la fin, je dirais que cela devrait être comme ça. Et il suffit de remplacer le cadre-clé pour le décaler. Voyons s'il en faut un autre. Oui, ajoutons-en un de plus. Ce serait un tout petit. Je vais juste fabriquer cette balance. J'en prendrai 80. Voyons si ce serait 80. Oui, je pense que c'est une bonne chose. Et fais en sorte que ce soit génial. Maintenant, je vais juste ajouter une rotation ici. Oui, remplacez-le. Remplacez-le et décalez-le. Laisse-moi voir à quoi ça ressemble maintenant. Génial. En fait, pourquoi ne pas commencer ici et s'arrêter quelque part ici ? Voyons en quoi ce serait génial. 17. 15. Finaliser l'animation: Maintenant je vais écrire. Cliquez ici, passez en revue la composition et le projet. Je vais ouvrir ma composition. Et laisse-moi voir. OK, nous avons donc cette icône ici. OK, donc dans l'animation originale, cet élément se déplace vers le haut. Ensuite, nous avons une liste déroulante qui descend pour former le logo. Tout d'abord, permettez-moi d'ajouter le logo juste pour que je puisse le voir. Oh, et nous changeons également la couleur de l'arrière-plan et le trait de l'icône car notre arrière-plan est rouge et le logo est également rouge. Maintenant j'ai une référence et je sais où placer cet élément, l'icône. Je veux dire, je vais le cacher juste une seconde, pour voir le timing. C'est à ce moment que cette icône se forme. En fait, je voulais me déplacer exactement comme lorsque l'animation des trajectoires de découpage s'arrête. Je vais donc ajouter un cadre à clé de position à cet air, car tout est déjà lié à cet air Je vais faciliter les choses, laissez-moi masquer le logo. Je vais passer à environ, je dirais, 10 secondes, 22 images. Et je vais d'abord animer la position comme ceci. Ensuite, j'ajouterai également une image-clé pour la rotation. Et je vais le faire pivoter un peu, changer de position pour être là. Et aussi l'échelle. Je veux aussi que la balance soit animée. Je voulais juste être un peu plus petit que ça. Oui, je pense que c'est parfait. Je pense que c'est peut-être trop rapide. Alors voyons voir maintenant c'est génial. En fait, c'est génial. Permettez-moi simplement d'ouvrir le graphique de la position et lisser. OK, super. Ajoutons maintenant trois autres images-clés. Ici, nous allons faire pivoter cette icône vers le bas, puis aller ici et copier les images clés. Voyons à quoi cela ressemble. C'est maintenant ici que le drop va s'animer. Maintenant, lançons une simple goutte avec le stylo, en assurant que le trait correspond à ce que je souhaite juste pour apporter quelques ajustements à la forme que je n' aime pas actuellement. Génial. Permettez-moi d'ouvrir le trait et d'en faire une articulation arrondie vers le haut. Génial. Oui, ça a l'air mieux, mais cette forme est toujours très belle. OK, je pense que c'est incroyable. Maintenant, changeons le point d'ancrage en cliquant sur y. Le point d'ancrage doit se trouver ici. Maintenant, renommons ce P. Passons au nouvel objet en tant que parent Et j'aimerais animer l'échelle de position. Je n'animerai pas la rotation. Cette animation devrait démarrer. Je pense qu'ici en fait, tu sais quoi ? Ne le prenons pas en charge, sinon nous le ferons évoluer avec le nouveau. Je pense que cela pose certains problèmes. Assurez-vous que l'échelle est nulle au début. Alors je dirais qu'ici, quelques images après cette image-clé où l'icône descend, cela fait 100 Maintenant, changeons de position d'ici là. Encore une fois, quelques images. Les derniers cadres clés ne font que créer cette corde ici. Maintenant, en fait, c'est ici, parce que c'est le point d'ancrage, et c'est à partir de là que l'échelle se produira. Je voudrais changer l'échelle, choisir zéro. Laisse-moi voir à quoi ça ressemble. OK, super, je pense que c'est très fluide. C'est génial. Maintenant, nous allons nous assurer de cette animation. Voyons le timing maintenant. Quand cette corde, elle devrait être quelque part par ici, je pense. Boum. Et en fait, je vais le réduire un peu. Et nous allons également ajuster cela. Faisons en sorte que l'air commence ici. Incroyable. Voyons voir, le tout maintenant. Génial. OK, maintenant, la seule chose que je veux changer, c'est à ce moment que l'icône s'abaisse. J'aimerais changer le fond. Je vais contrôler Shift et D et je vais ajouter quelques effets à cet arrière-plan. Je veux le rendre blanc. Dans le même temps, j' aimerais modifier le caractère erratique de cet élément Je vais ouvrir, c'est cette partie de l'élément. Commençons par celui-ci. Je vais l' ouvrir. Cower, laisse-moi voir quand cette transition aura lieu OK, exactement. À l'heure actuelle, cela fait 11 secondes, une image. Dans mon cas, je veux que cela passe au rouge. Je vais maintenant copier ces deux images clés. J'aimerais utiliser cette icône image clé pour la partie inférieure du trait, et coller les images clés que nous avons sélectionnées De plus, je cherche maintenant le petit élément au milieu. C'était celui-ci. OK, Stroke Past, voyons voir. OK, super. Dans le même temps, nous allons ouvrir le dépôt et répéter le même processus ici. Notre image clé pour le trait, puis dépassez les images-clés que nous avions. Je viens de remarquer que celui-ci a un champ. Supprimons le champ. Nous n'en avons pas besoin maintenant. Voyons à quel point ça a l'air génial. En même temps, j'aimerais terminer cette animation par une animation de sortie de cette icône. Nous avons déjà tout ce qu'il faut. Ajoutons maintenant quelques images clés ici. Et j'aimerais simplement effectuer cette rotation. Je veux juste être alterné deux fois. C'est un peu trop rapide, alors permettez-moi de prolonger. En même temps, je vais animer les tracés de découpe. Je vais cliquer sur ces éléments et cliquer sur vous. Ensuite, j'ajouterai à nouveau un cadre clé pour la fin. À ce stade, je veux qu'il soit nul. Je veux que celui-ci soit 02. Voyons à quoi cela ressemble maintenant. Génial. ne me restera plus qu'à animer cette forme deux, laissez-moi la trouver Avons-nous les garnitures ici ? Non. D'accord, ajoutons-les des blocs découpe et ajoutons un cadre clé pour la fin. Fais ce zéro. Incroyable. Voyons à quoi cela ressemble. Génial. En fait, ajoutons simplement une position pour que je puisse descendre en tant que. Oui, super, laisse-moi faire en sorte que ce 100 soit incroyable. C'est la moitié de l'animation. Ensuite, je vais prévisualiser tout ce que nous avons créé. Incroyable. OK, je pense que le moment est venu de recommencer depuis le début et de prévisualiser tout ce que nous avons créé ensemble. OK, ça a l'air incroyable. Et j'espère vraiment que vous avez apprécié ces leçons. C'était une jolie animation. Il y avait ici des techniques complexes. J'espère vraiment que cela vous a plu et j'espère que cela vous a été utile. Merci beaucoup pour le temps que vous m'avez accordé et je vous verrai très bientôt.