Animation d'icônes dans les effets After Effects n° 2 - Animer un badge militaire !

1. Introduction: Bonjour et bienvenue à ce cours où je vais vous apprendre à donner vie aux icônes. Nous prendrons un fichier vectoriel. Ensuite, nous allons dans Adobe après les effets et préparer toute cette animation à partir de zéro. C' est un projet super trouvé à suivre et à savoir faire. Cette fois, nous allons travailler avec ce lot de type militaire. À la fin du discours, vous serez en mesure de préférer n'importe quel vecteur Aiken à utiliser dans les effets après et complètement animé pour avoir une animation agréable pour votre modèle de portfolio ou utilisation Web. Alors inscrivez-vous maintenant, Laissez-nous ouvrir après les effets et commençons le monde. 2. Créer et importer l'icône: Bonjour là. Et bienvenue dans celui-ci où nous allons travailler sur l'animation d'un badge. J' ai un exemple vert de retour préféré dans Adobe Illustrator Et j'ai déjà publié les calques Deux séquences. Ainsi, les couches sont préparées et vous pouvez travailler directement après l'effet. Si vous, cependant, souhaitez créer ce pari par vous-même, je peux vous montrer un conseil rapide comment le faire. Permettez-moi de préparer une nouvelle composition. Full HD, tandis que 60 cadre, peut-être l'éternité sera suffisant. Et l'opération de formance est beaucoup trop. Je voulais avoir cinq ans pendant sept secondes. Ok, maintenant je vais utiliser le lot que j'ai déjà préparé. Mais si vous aimez créer ces choses dans des effets après vous-même, vous pouvez, par exemple, par exemple, sélectionner cet orteil rectangle un outil rectangle simple. Vous devez bien sûr utiliser le grain et les guides pour le rendre parfaitement égal. Je vais également prendre l'action du titre en toute sécurité. J' ai donc le milieu. D' accord. Et vous pourriez créer le meilleur comme ça. Au début, vous pourriez faire un rectangle comme des jours. Si vous travaillez dans Adobe CS six, vous devez appuyer sur l'ancienne touche gauche pendant que vous créez des distractions, car de cette façon vous allez créer un vizier pat si vous travaillez en CC ou en 2017 ou plus. Versions plus récentes. Ce n'est pas un problème parce que vous pouvez toujours aller orteil rectangle. Cliquez sur ce rectangle animal de compagnie clic droit dessus et converti en pat plus occupé. Une fois que cela est converti et que vous cliquez sur le chemin que vous voyez avec le Wiki, vous pouvez travailler avec le pat. Demandez vous s'il vous plaît Donc la chose que je ferais ici, je créerais un nouveau point ici avec mon stylo tal. Je crée un point ici. Un point ici, je cliquerais sur mon chemin et je vais sélectionner cet objet, appuyer sur ma touche Maj et l'ai tiré vers le bas. Et je vais également sélectionner cet objet et tirer un peu vers le bas. Maintenant, ce serait la base de mon lot. Il s'est avéré être trop long. Mais ce n'est pas un problème. Rappelez-vous que vous pouvez toujours cliquer sur le chemin et vous serez en mesure d'ajuster le point. Ce que je ferais, je voudrais juste ajuster les points comme ça. Je voudrais, bien sûr, essayer de le rendre parfaitement égal en allant près d'elle et en regardant chaque pixel. Je le fais. Je vois que je ne suis pas précis ici. Je ne suis pas précis ici. Ne le dites à personne parce que ce n'est qu'un exemple. Et puis je n'aime pas les grèves du lot. Alors j'irais ici. Affleck un autre rectangle. Je choisirais tout parce que je voudrais l'avoir sur des couches séparées que j'avais créées comme ça. Je cliquerais ici et créer un rectangle tout simplement comme ça. Et je vais juste faire la même chose hors cours. Je changerais la couleur parce que je ne supporte pas ce blanc. Je ne vois vraiment rien. D' accord ? Et encore une fois, je n'ai pas pressé vieux parce que je peux ouvrir le rectangle, ouvrir l'animal de compagnie et je peux le convertir au meilleur de votre pat. Ensuite, je peux cliquer sur le pad pour travailler avec le point. Notez que si vous cliquez ici, vous ne pouvez pas cliquer sur le point. Mais si vous dites comme juste un chemin, c'est parfait, car en utilisant l'outil de sélection VP, nous pouvons le déplacer. Donc encore une fois j'appuie sur G, je cliquerais sur le chemin que je vais appuyer ici et ici. Ensuite, je vais juste frapper sur le chemin à nouveau. Prenez mon outil de sélection et je n'ai pas fait la coupe, j'essayerais de le rendre similaire à celui du bas comme celui-ci. Comme ça. Bien sûr, nous aurions besoin d'être parfaitement égaux ici et Walla. Ensuite, vous feriez simplement dupliquer cette forme. Mettez-le ici, dupliquez cette forme, mais ici, faites une étoile. Laisse-moi me débarrasser de ce grand. Je ne dirais pas que c'est parfait, mais c'est la façon de le faire. Je ne dirais pas que c'est parfait, Si vous voulez être parfaitement précis avec les pixels, ce genre, bien sûr, va mieux. Depuis que je l'ai conçu ici, utilisons-nous celui-ci parce que c'est bien mieux que ça. Et je n'ai pas besoin de passer plus de temps là-dessus pour trouver l'unité. Mais je voulais te montrer comment ça se fait avec un effet d'après-effet. Depuis After Effects n'est pas l'outil vectoriel parfait et pas le logiciel vectoriel parfait. Je vais rendre ma vie plus facile en prenant le fichier de produit, en le plaçant à l'intérieur du programme et juste obtenir important comme composition. Je vais donc utiliser les tailles de calque de composition. OK, appuyez sur OK et j'ai le lot d'exemple vert. Maintenant, j'ai des couches plus anciennes. Laissez-moi appuyer sur le contrôle C et le contrôle V pour voir à quel point il est grand, il s'avère qu'il est un petit peu trop grand. Donc je l'ai accepté, et je vais placer la composition ici parce que la composition peut être très facilement réduite, réduite à l'échelle. Donc ce n'est pas comme parler. Ensuite, j'irais à une ligne, essayer de l'aligner au centre. Je vois que ce fichier illustrateur pourrait ne pas être parfait, donc le centre pourrait être un peu désactivé, donc ce serait votre prêt à classer le travail des orteils. Que vous ayez décidé de créer ce patch par vous-même ou que vous utilisiez le fichier de projet, veuillez l'importer dans des effets après en tant que composition, importer, conserver les tailles de calque et le placer dans une nouvelle composition York. Ce serait la préférence déposée pour travailler. Passons à la leçon suivante où nous commencerons immédiatement notre animation. 3. Fliper l'arrière-plan: Ok, la partie la plus difficile est faite. Nous l'avons conçu. On peut l'utiliser enfin, à l'intérieur après effet. Maintenant, je veux supprimer ce fichier de aftereffect, donc je n'aurai pas à m'inquiéter quand je supprime le fichier illustrateur ou je le mets quelque part pour que nous puissions l'utiliser. Il suffit de sélectionner un objet plus ancien, non ? Cliquez sur et sélectionnez. Créez des formes à partir d'une couche vectorielle. Ce qui est génial ici, c'est qu'après les effets a pu créer les formes et les affaiblir, supprimer les fichiers illustrateurs et nous aurons des calques de forme purs dans les effets après à utiliser. Nous n'aurions plus besoin du fichier illustrateur afin que nous puissions tout de suite supprimer et nous sommes restés avec cette belle forme joueurs. Maintenant, l'animation serait assez simple. Laissez-moi commencer par sélectionner l'action de titre safe. Ok, nous avons notre expérience et, comme d'habitude, je lierais tout à l'arrière-plan. Alors laissez-moi tout sélectionner avec mon choix de touche Maj avec l'arrière-plan. Donc, l'arrière-plan sera le parent ici. Et j'imagine que la rotation d'un retournement dans l'axe Y aurait l'air vraiment bien parce que c'est un badge. Ça devrait avoir l'air fort. Il devrait avoir un sentiment militaire. Alors laissez-moi essayer d'expérimenter avec ça. Si j'appuie sur sont je n'ai que le simple zéro Dacian, mais je veux en faire une couche de traité. Donc, je vais avoir d'autres rotations. Et si je vais travailler avec l'axe X ou pourquoi accéder à quoi ? Vous pouvez remarquer que seule cette couche est en train de tourner. Pourquoi c'est ça ? Tout est parent, mais seule cette couche tourne. Cela est dû au fait que les autres couches ne sont pas définies pour être des couches de traité. Donc, pour ajuster que nous avons juste besoin de cliquer ici traîné vers le bas. Et maintenant toutes les couches sont traités. Maintenant, tout fonctionnera correctement. Ok, je vais commencer l'animation. Je vais aller une seconde, mais c'est peut-être trop long. Peut-être à environ 25 images et sur la rotation Y. Je vais choisir un cadre clé. Ensuite, j'y retournerai et je rendrai la rotation négative de 90 degrés. Donc, ce sera un coup comme ça. Je peux te le montrer. Ok, c'est révélateur du côté gauche. Il tourne et il se montre. Ce sera votre première animation initiale. Ensuite, je choisirais ces cadres clés hors de cours, lui de l'assistant. Facile à soulager. Je ne prévisualiserais pas l'assouplissement. Je me rapprocherais et je ferai peut-être ça comme ça. Donc c'est rapide à la fin. Si vous n'aimez pas cette motion. Il suffit d'appuyer sur le contrôle Z et sélectionné de l'autre côté. Laissez-nous prévisualiser. Si nous aimons ça un peu plus. Eh bien, je dirais, mais je peux le faire un peu des deux côtés pour rendre la motion vraiment amicale. Ok, je pense que c'est vraiment cool. Ce sera tout pour cette leçon. Dans la leçon suivante, nous allons travailler avec l'étoile. Donc, une animation simple, nous pouvons appliquer à l'étoile, donc s'il vous plaît suivre à la suivante et va créer vraiment facilement. 4. Animer la petite étoile: D' accord. Nous avons notre arrière-plan retourné. L' animation est ajustée et ne se souvient pas que nous travaillons dans cette composition. Le camp est pour plus tard. Parce que nous pouvons déplacer ces exercices comme nous le voulons. D' accord. L' exemple vert. Lot. Nous voulions travailler maintenant avec l'étoile et mon j'imagine que le début serait cool si elle retournerait et apparaissait de petit à grand. Donc, je devrais appuyer sur s comme échelle et déplacer notre rotation comme parce que ce sont les deux seules propriétés avec lesquelles je veux travailler. Laisse-moi passer à une seconde. Donc je vois toute l'étoile. Et quant à la rotation, je veux choisir un cadre clé. Je veux mettre la clé un peu plus tard parce que c'est le résultat final. Je veux atteindre le stade normal. Et je veux que l'irritation soit Oh, pas dans la valeur y. Désolé. Je voulais qu'il soit sur la valeur Z. Donc, au début, une trame clé ici et puis la rotation à un négatif. Peut-être. Soyons précis ici, 1 80 donc ça aura un tour complet, pas un terme entier, parce que c'est toujours trop souvent Ok, Eh bien, et ça devrait arriver avec l'animation initiale de flip, Je vais étendre les cadres clés et me laisser prévisualiser ce qui se passe ici. Ok, je pense que ça devrait prendre un peu plus de temps. C' est plus rapide. D' accord. Je vais l'ajuster dans la seconde parce que c'est lié à l'assouplissement que nous devons faire. Et la dernière chose que je voulais aborder, c'est l'échelle. Bien sûr. À la fin, il devrait avoir une échelle de 100%. Laisse-moi les aligner. Ok, mais ici, il devrait être à propos de Eh bien, pas à propos de ça devrait être 0% donc ce n'est pas visible du tout. Ok, l'innovation commence à être vraiment agréable, mais comme vous pouvez le voir, c'est un peu ennuyeux. Et c'est un peu trop lent parce que je veux commencer à être déjà là quand l' élément retourne. Ok, laisse-moi jeter un oeil au facile. Je veux être un peu plus rapide ici. Oui. J' aime la vitesse et le mouvement et la rapidité de celui-ci maintenant, mais ça commence trop tard. Donc, la seule chose que j'aurais besoin d'ajuster est de prendre ces images clés et de les placer un peu plus tôt. Comme vous pouvez le voir ici. Les images clés ont été un peu décalées, donc je peux savoir en prévisualiser ici. Oui, parfait. Et j'ai touché l'endroit. Au moins, je crois ça. Parce qu'une fois cet Aiken glisse, l'étoile me laisse disséquer. Il commence à apparaître, et comme nous voyons toute l'icône, retourner l'étoile tourne déjà autour. La dernière chose que je veux ici, c'est les rayures à appliquer l'une après l'autre huit d'une manière vraiment puissante. Mais quant à la star, je pense que ça a l'air vraiment cool. Et nous allons nous arrêter ici et travailler avec les rayures dans la prochaine leçon parce que je pense que nous avons fait du bon travail ici et passons à la suivante où va travailler ces trois bandes et faire une animation vraiment puissante à partir d'eux ? 5. Animer les rayures: Bonjour et bienvenue dans cette prochaine leçon. Maintenant, nous avons l'étoile prête. Nous avons l'arrière-plan prêt. On peut travailler avec les rayures ici. D' accord. Je veux fermer l'étoile, et je vais la rendre orange parce que nous avons déjà travaillé avec elle. On ne veut plus le frapper inutilement. Ok, on a le fond des orteils. Shadow décrit Barbe, donc nous n'avons rien à faire avec. D' accord ? C' est juste. Numéro un. Et cette fois, je voudrais que les orteils s'envolent et grandissent à gauche et à droite. Et puis je veux le prochain vol des orteils hors de lui et faire la même chose. Donc, nous allons essayer de bricoler avec la position et essayer de trouver un moyen de le rendre vraiment cool . Ce sera simple. Je veux donc travailler avec la position p et bien sûr, l'échelle. Donc, un poste de presse me laisse commencer par le parcours de l'échelle. À la fin, il doit être 100%. Et au début, 0%. Donc, c'est l'animation initiale, il croît à gauche et à droite. Et ça vient vers moi. Quant à la position hors course, il devrait s'agir de la position finale. Donc je vais placer une autre garde ici. Mais chaque année, laisse-moi peut-être travailler avec ça ici. Il devrait être au-dessus de l'étoile. Et maintenant je peux vous emmener d'ici, et je peux prévisualiser si ça va paraître, OK, c'est juste arrivé ici, donc je vais prendre les images clés immédiatement. Laissez-moi peut-être prévisualiser les autres images clés. Ok, ils étaient dans le coin. Ok, j'aime bien la motion, mais je n'aime pas ça. C' est visible dans cette zone. Et donc la position est un peu trop lente. La position doit être décalée un peu plus tôt, donc elle commence à voyager, et elle choisit la taille à la toute fin. D' accord. Ça commence à devenir plus intéressant maintenant. Je vais faire un clic droit. La prémisse clé n'est pas et, bien sûr, a toujours toute l'animation Est. Parce que maintenant je peux travailler à la fois avec la position et l'échelle. J' aime vraiment la façon dont la balance apparaît. Peut-être essayer de le rendre plus rapide. Maintenant, il vole plus dans l'espace. Ça devrait, mais laisse-moi frapper la déposition. Que se passe-t-il avec le poste ? Peut-être que ça devrait être un peu plus rapide au début, , donc laissez-moi essayer de l'ajuster, OK ? J' aime vraiment le ralentissement à la fin parce qu'il est joliment face à l'endroit. Il devrait l'indiquer. Je pense que nous avons suivi cette animation assez bien. Et la grande chose ici, c'est que nous pouvons copier l'échelle, mais pas nécessairement la position. Donc, la position doit être ajustée à la main. Je traite. Donc je vois la balance. J' ai appuyé sur la grève. Un pays. Tu vois ? Sur la balance. Un peu plus tard, Contrôle. Voir ici, page en haut. Page vers le haut. Mise à niveau de page terminée. Je veux voir combien d'amis clés je suis allé de l'avant. 12345 Je suis allé pour 60 images. Ok, restons avec ça. 123456 Et la balance ici. Ok, c'est ce que l'échelle apporte. Et je n'aime pas vraiment la vitesse de six images là-bas. Six images, l'officier a tweeté. Nous pouvons éventuellement aller avec ma vieille page clé vers le bas, page vers le bas, encombrant et page vers le bas. Page en bas, Page en bas, page en bas. Donc, il sera maintenant compensé. Huit cadres. Ok, je pense que ce sera un peu plus optimal parce qu'auparavant c'était un peu trop rapide, et j'aime la motion en ce moment, mais si nous ajustons la position, ça sera tout simplement magnifique. Donc, sélectionnons la deuxième grève et la 3e 1 et appuyez sur P parce que nous voulons travailler un peu avec la position. Nous savons qu'à la fin, laissez-moi vous appuyer. La position devrait être un peu plus tôt que l'image clé réelle de la balance. Laisse-moi aller ici et voir la page jusqu'à trois cadres Triki. D' accord ? Pas de problème. 123 p. Comme la position avec ma position clé de changement ici. Non, ça. Ok, maintenant la dernière page en haut, page en haut, page en haut et position. Donc nous avons une clé d'ici. D' accord, aussi. C' est un cadre 123 Position G. 123 Position, cadre clé. Ok, maintenant, à propos de ces positions, nous devons changer la deuxième valeur parce que nous voulons qu'elle soit plus élevée. Peut-être que j'en ai trop fait ici. Je devrais voir les objets en premier, donc je vais supprimer cette clé dans ceci et je vais travailler avec la dernière frappe. Ça devrait être un peu plus haut. Exactement. Donc, il couvre derrière celui-là aussi. Le 2ème 1 il devrait se cacher derrière le 1er 1 Parfait. Maintenant, ça a l'air vraiment cool. Maintenant, je peux placer les cadres clés là où ils devraient être. 123 Il devrait être ici. Et celui-là aussi je prends ceci est une marque 123 et j'avais juste la position. Ok, super. Maintenant, je peux sélectionner la position. Cadres clés. Je peux cliquer avec le bouton droit de la touche de l'assistant Eastham dans. Et maintenant, je peux prévisualiser l'animation et le site si c'est bon ou ce n'est pas bon encore juste un léger ajustement parce que je pense qu'ils devraient être un peu plus avec un coup de poing. Donc je vais faire le tas sur le côté gauche pour que ça devienne plus rapide au début. Ok, désolé pour celui-là qu'on le place en bas pour que je ne gâche pas la vitesse. Qu' en est-il de ça ? D' accord. Vraiment, vraiment, vraiment sympa. Et ce que vous pouvez faire maintenant, c'est de les faire un peu plus tard. Parce que maintenant ils peuvent sembler un peu trop rapides les uns après les autres. Alors, Elsa, comme mon encombrant 12345 vieux et la place des orteils de changement. C' est 10 images plus tard parce que j'ai mis ces cinq images plus tard. Donc, le second doit être cinq et cinq autres plus tard. Ok, maintenant je vois que c'est le lent. Retournons en arrière. 123 123123 Ok. Et c'est une sorte de l'animation finale que j'ai. Si vous voulez l'accélérer, il suffit de bricoler avec ces images clés ou ces calques. Nous pouvons les offrir un peu différemment dans la prochaine leçon. Je voudrais vous montrer moins d'ajustements que nous pouvons faire ici pour rendre ce fini et poli pour être prêt à l'emploi. 6. Laisser un commentaire, s'il vous plaît: Hé, ce serait extrêmement utile pour ce cours si vous vous rendiez dans l'onglet Révision, que vous cliquiez sur Laisser un avis et que vous y écriviez quelque chose. Si vous ne voyez pas encore ce bouton, vous devez regarder quelques conférences supplémentaires et il sera disponible. La sculpture exige désormais que les cours aient fait l' objet de critiques récentes. Cela m'aiderait donc beaucoup. Il vous suffit de cliquer ici, dire si vous souhaitez suivre un cours ou non, rédiger une vue plus simple et de cliquer sur Soumettre. Je vous serais très reconnaissant si vous pouviez le faire maintenant. Merci beaucoup et à bientôt. 7. Touches de finition: Bon, bienvenue dans cette leçon. Maintenant, nous avons notre animation préférée et de voir le résultat final réel. Retournons à notre camp un parce que nous avons plus de visibilité ici. Je vais également sélectionner l'action du titre Safe à disparaître et revenir ici. Permettez-moi de le rendre un peu plus petit parce que je voudrais qu'il couvre le milieu de l'écran. Je vais le placer ici au milieu, et maintenant je vais prévisualiser si quelque chose est trop lent. Si c'est juste. À mon avis, les rayures s'écoulent très bien. Pas trop rapide, pas trop lent. Je peux toujours l'ajuster un peu ici. Si tu veux Toby, par exemple, plus vite tu les placeras comme ça. Ensuite, ils sembleraient un peu différents. Mais j'aime cette étude. ralenti, ce qui se passe comme ça. Si vous souhaitez mettre en valeur ce chariot, faisons un ajustement très simple de peur. Au début, je sélectionnerais un arrière-plan. Je sélectionnerais un clic droit, nouveau et bien sûr, et un nouveau solide pour la couleur. Je déciderais de la couleur que je peux sélectionner parmi les jeux de couleurs. Bien sûr que pas celle-là. Mais je vais choisir Phil. Je placerais le remplissage dans l'arrière-plan qui remarque ? Lisez aussi la suite et dans les équipes de couleur adobe, par exemple, explorer quelques variations de couleur que je pourrais utiliser. Un peu trop simple, un peu trop simple. Un peu trop simple, Eh bien, peut-être que ça marchera. D' accord ? Ou vous pourriez chercher quelque chose de plus intéressant. Je suis deux simple ici. Peut-être ce bleu ? Non, peut-être ça. Ok, il s'avère que celui-ci a l'air vraiment cool. J' ai un parfait que je peux mettre en valeur. J' ai de très beaux cercles derrière ça. Et j'ai fait des ajustements rapides dans cette composition pour qu'elle paraisse un peu mieux. 8. Merci !: Merci beaucoup pour votre participation à cette animation. Ce tutoriel, ce petit cours et pourquoi, Merci. Je vois une petite erreur ici. Cela semble que la pièce n'est pas visible car vous devez réduire. La transformation. Si vous le mettez, il sera normalement visible dans toute sa mesure. Ok, laisse-moi y retourner aujourd'hui. Merci. Je suis si contente que tu aies pris le temps de travailler avec moi là-dessus. Je peux Imation. Je pense que c'est une très grande compétence à avoir et nous aiken lentement par je peux apprendre de nouvelles choses, nouvelles techniques et nous élargissons nos connaissances générales sur le mouvement graphique. Si vous avez aimé les tutoriels, si vous avez aimé tout ce cours, s'il vous plaît donnez-moi un saut vers le haut. Une critique positive m'aide vraiment. C' est la meilleure façon de me remercier. Et vous voulez montrer de l'appréciation envers moi. Si vous voulez en voir plus sur ces cours, je serai très heureux si vous me permettez d'en enregistrer plus pour vous. Pour l'instant, je démissionne. Laissez-nous jouer maintenant mais autour avec elle. Et je te verrai dans le prochain