Principes de l'animation de logos pour débutants : animer des mots-symboles | Adam Chraibi | Skillshare
Recherche

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Principes de l'animation de logos pour débutants : animer des mots-symboles

teacher avatar Adam Chraibi, Designer and animator

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      INTRODUCTION DU COURS

      1:46

    • 2.

      Projet de cours et ressources

      2:22

    • 3.

      À propos de la parcelle et des restrictions de logo

      3:58

    • 4.

      Principes d'animation de logo de base

      4:46

    • 5.

      Créer l'espace de travail et les paramètres généraux

      4:15

    • 6.

      Animation-Reveal et disparition de logo

      16:14

    • 7.

      Animer la position et les jectoires complexes

      13:56

    • 8.

      Animer à l'aide de sentiers de bordure et de sentiers décalés

      11:42

    • 9.

      Explorer le principe de étirage à l'aide du paramètre de chemin

      12:31

    • 10.

      Suivre l'action et se chevaucher

      15:58

    • 11.

      Morphage de cadre de base

      10:15

    • 12.

      Étapes facultatives et ajout de couleurs

      6:05

    • 13.

      Félicitations

      1:11

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

1 040

apprenants

10

projets

À propos de ce cours

Bonjour, je m'appelle Adam, concepteur professionnel et animateur avec plus de 6 ans d'expérience maintenant.

Dans ce cours, vous apprendrez les principes d'animation de logo dans Adobe After Effects CC, nous concentrerons plus sur les techniques plutôt que la théorie.

Étant donné que les gens réagissent mieux aux vidéos que les images, l'animation de logo peut aider le concepteur et la marque à se connecter plus profondément avec leurs clients.

Ainsi, dans ce cours, vous apprendrez sur :

  • À venir avec les restrictions de tracé et de logo
  • Les principes de base de l'animation de logo
  • Faire un logo simple mais soigné révéler et disparaître
  • Créer une animation de logotype plus avancée en utilisant les principes de l'animation

 

Ce cours s'adresse aux débutants en animation de logo, mais vous familiariser avec Adobe After Effects est recommandé pour vous concentrer sur les techniques d'animation plutôt que sur le logiciel.

 

VOUS AUREZ BESOIN DE :

  • Adobe After Effects CC, la dernière version
  • Duik Bassel
  • Script gratuit

Une fois que vous téléchargez les scripts, vous avez simplement besoin de décompresser et de placer le fichier '.jsx' dans le dossier correct.

À la fin de ce cours, vous devriez pouvoir appliquer ces techniques à n'importe quel logotype et symbole.

À bientôt.

Rencontrez votre enseignant·e

Teacher Profile Image

Adam Chraibi

Designer and animator

Enseignant·e

Hello, I'm Adam Chraibi, professional designer, animator and video editor based in Casablanca, Morocco with more than 7 years experience and my motto is if you design it you can animate it.

I went to art school when I was a 15 years old where I studied the basics of drawing, shadows and light (Mangas style) and after that I went to law school where I got my bachelors degree in private Law.

But my love and passion for art and animation was bigger than the love for law, I wasn't feeling conformable studying it, but it was too late I couldn't just drop off I told myself at least get the degree and then do something else.

So I switched my career into doing what I love and passionate about, which is all the digital art stuff. That when I ... Voir le profil complet

Level: All Levels

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction du cours: Si vous me demandez pourquoi l' animation du logo est importante, je vous dirai que c'est important sous deux angles. vue du concepteur, il peut augmenter considérablement les chances que votre logo approuvé par le client. Bien que le logo esthétique soit logique et animé, on a plus de sens. [MUSIQUE] Du point de vue de la marque, donner vie au logo grâce à l'animation peut se connecter davantage avec le client et rendre le logo plus mémorable et plus attrayant pour ses clients. Bonjour, tout le monde. Je m'appelle Adam. Je suis un designer animateur professionnel. J'ai commencé à travailler par intérim avec de nombreuses entreprises telles qu'une compagnie aérienne et j' ai une agence et Facebook. Maintenant, je suis freelance et créateur de contenu à plein temps. Mes projets les plus récents sur lesquels je travaille actuellement sont une série animée sur le Web intitulée Jenny, mais c'est pour une autre histoire. Vous êtes ici pour en savoir plus sur les principes de base de l'animation de logo. Dans ce cours, vous découvrirez les choses à faire et à ne pas faire de l'animation de logo, essentiellement les meilleures pratiques d'animation de logo. Vous découvrirez ensuite les principes de base de l'animation du logo. Pour ce cours, vous aurez deux projets. Une animation simple de révélation et de disparition, et une autre est une animation de personnages plus avancée d'un type logo ou d'une carte du monde. Ce cours s' adresse aux débutants absolus en animation de logo, mais les connaissances de base d' Adobe After Effect sont très utiles, comme vous savez comment exporter des projets et After Effects. Pour ce cours, vous aurez besoin d'Adobe After Effects, bien sûr, vous aurez besoin de deux scripts gratuits. Le premier est le Duik Bassel, et l'autre est Rift. C'est tout pour l' introduction, les gars, et je vous verrai dans la première leçon. 2. Projet de cours et ressources: Maintenant, pour ces projets de classe, nous avons deux projets, comme je l'ai dit plus tôt. Le premier est un simple logo qui se révèle et disparaît. La raison pour laquelle j'ai choisi celle-ci est vous familiariser avec les images clés, les easins et le graphique de vitesse, et c'est très important, surtout si vous commencez tout juste. Le deuxième projet sera une animation de personnages plus complexe d'un logotype. La raison pour laquelle j'ai choisi ce deuxième projet spécifique est que les techniques que vous apprendrez ici peuvent être appliquées à n'importe quelle lettre, et vous pouvez également les appliquer à des objets. deux objets simples sont des objets complexes. Ce que je veux que vous fassiez maintenant, c'est d'aller de l'avant et de télécharger le projet à partir du projet et des ressources. Vous trouverez ici tout ce que vous devez suivre avec moi tout au long du cours et vous trouverez également le projet final au cas où vous ne savez pas ce que j'ai fait ou si vous avez besoin d'aide, j'ai inclus la finale projet également. Donc, ce que je veux que vous fassiez maintenant, c'est d'aller de l'avant et télécharger Duik Bassel à partir d'ici. Ensuite, vous allez sur leurs sites Web officiels et vous n'avez qu'à le télécharger. Ensuite, vous allez sur aescripts.com et vous téléchargez également le script de rift. Vous voyez 29,99 ici. N'ayez pas peur. Il suffit de mettre 0, puis de mettre ajouter au panier. Fondamentalement, vous vous connectez simplement au site Web comme si vous aviez acheté quelque chose. Ils vous enverront un e-mail avec le lien de téléchargement puis vous le téléchargerez Une fois que vous l'aurez, vous voudrez peut-être décompresser le fichier, double-cliquez ici et vous trouverez celui-ci, le Duik Bassel.2.jsx. Extrayez vers, puis copiez le fichier ici. Il s'agit donc du chemin d'accès, si vous êtes sous Windows, et c'est le dossier de chemin si vous êtes sur Mac. Même chose pour la faille, vous l' installez de la même manière. Ensuite, ce que vous voulez faire avant de travailler avec les scripts, vous voulez aller à la section Modification, préférences, scripts et expressions. Assurez-vous ensuite de cocher Autoriser les scripts à écrire des fichiers et à accéder au réseau. Cliquez ensuite sur « OK », et vous êtes prêt à partir. Mon astuce pour terminer le projet est simplement de le faire facilement. Ne vous étirez pas. Il suffit de suivre avec moi et d'essayer de comprendre pourquoi nous prenons de telles décisions au lieu de simplement suivre aveuglément. Alors, assurez-vous de tout préparer. Assurez-vous d'ouvrir Creative Cloud et de télécharger le projet et de vous voir lors de la prochaine conférence. Nous parlerons d'instructions sur le logo. 3. À propos de la restriction du lot et de logo: Dans cette conférence, nous parlerons des choses à faire et à ne pas faire de l' animation de logo, et ce que je veux dire par là, c'est que nous parlerons des meilleures pratiques des animations de logo, des choses à garder à l'esprit lors de la réalisation l'animation. Si c'est la première fois que vous faites de l'animation de logo , vous vous demandez peut-être comment trouver les intrigues ? Une bonne astuce que je fais à chaque fois que j'ai besoin de scènes pour animer mon logo, c'est que je me dis, quel est l'intérêt de cette entreprise ? Que fait-il ? Prenons Indeed, par exemple, et essayons de créer des mini-intrigues pour notre animation. Indeed est un service gratuit pour les demandeurs d'emploi, et ce que vous faites, c' est télécharger votre CV, rechercher des emplois, créer des e-mails d'alertes d'emploi, enregistrer des emplois, postuler directement à un emploi. Pour ce faire, vous devez posséder un diplôme, une formation ou une expérience professionnelle. Maintenant que j'ai remué toutes ces idées, je peux aller de l'avant et le réduire à une mini-intrigue de un à cinq événements. Nous voulons une animation courte et logique, car l'animation du logo ne doit pas dépasser au maximum, je trouve, huit secondes. Certains disent six, d'autres disent 10, je pense que huit, c'est bon. Par exemple, je peux faire une animation avec des pairs diplômés, puis un CV, puis un logo Job plus révéler. Ou nous pouvons faire un CV, plus une loupe, chercher un emploi, plus le travail, ainsi que la révélation du logo. Comme vous pouvez le voir, des courts métrages et ainsi raconter une petite histoire sur l'entreprise. Cela étant dit, dans certains cas, vous n'avez qu'à faire une animation minimale, comme une simple révélation et disparaître. Dans ce cas, vous n'avez pas à vous soucier des parcelles. Vous n'avez qu'à vous soucier des techniques. Tout dépend de ce que le client demande, qu'il veut une animation complète du logo explicatif, ou que vous voulez simplement apparaître et disparaître, ou une forme se transformant en logo. Il s'agit de trouver les parcelles. Parlons maintenant des meilleures pratiques pour l'animation de logo. La première règle est que vous souhaitez conserver l'animation entre une et six secondes maximum, huit secondes. Pourquoi ? Parce que l' animation sera utilisée sur applications mobiles, sur des sites Web, vous souhaitez que le spectateur voie rapidement le logo , puis commence à , puis commence explorer le site Web ou à acheter un produit. Vous ne voulez pas laisser trop de temps à ce que les utilisateurs affichant le logo se révèlent. La deuxième règle consiste à conserver l'animation à l'intérieur du cadre ou de la zone active. Il ne devrait pas sortir des frontières, encore une fois, car il sera utilisé sur de nombreux appareils, téléphones, sites Web, etc. Il doit donc rester dans la zone active. troisième règle est que vous devez savoir pour qui vous animez. Apprenez par exemple qui est le public de cette marque, quelle est la mission de cette marque, et vérifiez également leurs produits pour que votre animation soit alignée sur le but et la mission de la marque d'éviter des choses telles que une animation de logo avec de la viande pour un restaurant végétarien. Vous comprenez l'idée, non ? Quatrième règle, évitez les blagues insultantes et l'humour noir. À moins que vous ne vous animiez vous-même, personne ne veut que vous vous moquiez de ses clients. Une entreprise peut se moquer d'elle-même, mais n'affecte jamais ses clients. Cinquième règle, n'interférez pas avec la conception originale du logo car la plupart du temps, vous recevrez des éléments graphiques. Si vous devez interférer, vous devriez au moins voir avec le client si c'est correct. Pour tout résumer, dans cette conférence, nous avons parlé d'une mini-intrigue et de bonnes pratiques pour l'animation de logo. Nous avons dit que pour les parcelles, vous faites remue-méninges sur tout ce que vous savez sur l'entreprise, puis vous la réduisez, et pour les meilleures pratiques, cinq d'entre elles, essayez de les garder à l'esprit. Ensuite, nous parlerons principes de base de l'animation du logo. 4. Principes de Animation de logo de base expliqués: Dans cette conférence, vous découvrirez les principes de base de l'animation du logo et nous verrons des exemples différents de la façon dont ces principes sont appliqués aux logos. Fondamentalement, ils sont les mêmes que les 12 principes d'animation Disney, mais ceux-ci sont plus axés sur l'animation du logo que sur les personnages. Le premier principe d'animation est facile à entrer et à sortir facilement. C'est probablement l'un des aspects ou principes les plus importants de l'animation dans l'histoire de l'animation. L'histoire drôle, c'est que quand j'ai commencé à faire de l'animation. La première fois, je n'ai pas voulu appliquer easy ins » parce que je ne savais pas à quoi servait ces « easy ins ». J'ai vu des tutoriels et l'instructeur disait que c'était facile. va faire fonctionner l'animation sans heurts, mais je ne pouvais pas comprendre ce qu'elles entendent par douceur. Que voulez-vous dire en douceur ? Mais apparemment, j'ai appris et facile à entrer et à sortir signifie accélération et accélération. Vous pouvez lui montrer la vitesse de l'animation. Vous souhaitez que l'animation démarre rapidement et lentement. C'est facile d'entrer. Vous souhaitez également que l'animation démarre lentement et se termine rapidement. Il s'agit d'une sortie facile, ou vous voulez que l'animation démarre lentement, puis rapide, puis lente, ce qui est facile. Ce que vous devez absolument appliquer à toutes vos images clés, sauf si vous animez des robots, car les robots se déplacent et exécutent leur vitesse en position linéaire. Pour les robots machine, vous pouvez aller de l'avant et laisser les images clés linéaires. Voici ensuite les principes de l' animation d'arc. Fondamentalement, le principe de l'arc est la trajectoire visuelle d'un objet. Au lieu d'un objet se déplaçant dans une trajectoire droite comme des robots, il se déplace et une trajectoire d'arc. Imaginez quelqu'un qui botte un ballon de football. Le ballon va monter, puis il va descendre, créant ainsi la trajectoire de l'arc. Cependant, il existe une règle à ce principe que plus la vitesse d'un objet est grande, plus la trajectoire sera droite. Imaginez tirer une balle à partir d'un pistolet. Il ne courbe pas à moins que vous soyez dans un film recherché, mais les balles iront dans une trajectoire droite car c'est super rapide. Le principe d'animation suivant est le squash et l'étirement. Pensez à une boule en caoutchouc. Si vous le jetez en l'air il s'étirera en montant. Ensuite, il s'écrasera quand il est au fond du sol. Ce principe d'animation donne l'illusion de la gravité et nous l'utiliserons beaucoup dans cette classe. De plus, il peut être appliqué à des objets simples et complexes. Mais il y a cependant une règle. Si vous étirez la hauteur de l' objet, vous devez vous assurer d' étirer la largeur manière égale, et vice versa. Cela permet une animation plus grande et plus réaliste. Action superposée et suivi. Ce principe nous utilisera également beaucoup dans cette classe d'animation de logo. En gros, ce que je veux dire ici, c'est que lorsqu'un objet bouge, une partie de celui-ci bouge et qu'une autre partie suivra, nous appelons cela se chevauchant. Ensuite, lorsqu'il s'agit d'une position d'arrêt absolue étant en mouvement, différentes parties de l'objet s' arrêteront à des vitesses différentes. Nous appelons cela un suivi. L'inertie signifie essentiellement qu' une force vous fait bouger ou vous arrêter. Pour expliquer cela plus en détail, imaginez que vous êtes debout dans un bus et que le bus circule et que vous ne vous accrochez à rien. Si le bus s'arrête, votre corps se jettera par la force de l'inertie. Dans ce cas, le bus s'arrête. C'est logique. Si ce n'est pas le cas, vous pouvez simplement me laisser une question. Ensuite, c'est l'anticipation. anticipation est l'action préparatoire ou pose à l'action principale. Par exemple, vous pliez le genou avant de sauter. Ce que nous faisons ici en utilisant l' anticipation, c'est que lorsque nous préparons le spectateur à ce qui va se passer une fois appliqué, cela a pour effet de rendre l'action de l'objet plus réaliste. Enfin, la mise en scène. principe de mise en scène signifie que les principales actions se déroulent tour de rôle avec de petites pauses pour souligner un moment précis. Les scènes doivent être en ordre et doivent avoir le même but. Guider les spectateurs vers le logo final. Pour résumer tout dans cette conférence, nous avons abordé les bases de l'animation du logo, la facilité, le principe de l'arc, le squash et l'étirement, l'action qui principe de l'arc, le squash et l'étirement, se chevauche et le suivi anticipation et enfin mise en scène. Ensuite, nous allons ouvrir After Effects et configurer notre espace de travail. 5. Configurer l'espace de travail et les paramètres généraux: Dans cette conférence, nous allons ouvrir After Effects et nous couvrirons l'espace , les paramètres de composition, deux paramètres que vous devez configurer, et nous allons également importer Adobe Illustrator fichiers dans After Effects. [BRUIT] Après avoir ouvert After Effects, vous voulez continuer et cliquer sur « Nouveau projet » puis sur « Nouvelle composition ». Allons maintenant et donnons un nom à cette composition. Le logo révèle [NOISE] Attika comme ça. Voici les paramètres de la nouvelle composition. Largeur, nous avons 800 pixels ; hauteur, nous avons 600 pixels ; fréquences d'images, 29,99 ou 30 images par seconde ; résolution, pleine ; et pour l'arrière-plan, couleur blanche ; durée, huit secondes. Cool. La prochaine chose que nous devons faire c'est que je vais double-cliquer ici. Ensuite, vous voulez aller de l'avant et trouver le fichier que je vous ai dit de télécharger à partir des projets et des ressources et ouvrir celui-ci ici, ce fichier Adobe Illustrator, Attika Logo. C'est sous Course Files, Logo révèle Attika. Importer. Importez la composition de type et, pour les dimensions du métrage, la taille du calque. Nous ne voulons pas avoir de taille de document. Cliquez sur « OK », double-cliquez sur la composition Attika Logo, sélectionnez les commandes de contrôle X. Double-cliquez sur Logo révèle la composition Attika. Assurez-vous de cliquer ici, puis de Contrôler la commande V, ils arrivent dans cette zone juste ici, avant de contrôler la commande V. Maintenant, la prochaine chose que nous devons faire ici est de parler de l'espace de travail. Si vous accédez à l'espace de travail Windows, vous pouvez voir avec lequel je travaille, c'est de l'animation. Ici, nous avons tous les scripts dont nous aurons besoin. Au cas où j'ai besoin d'un script, je vais juste aller de l' avant et ensuite, quand j'aurai fini, je le fermerai. Une chose à propos des scripts, je n'aime pas trop utiliser le script. Je n'aime pas trop compter sur le script, mais certains d'entre eux sont super nécessaires juste pour accélérer le flux de travail. Ceux qui vous éviteront de faire les choses répétitives, ceux que je trouve utiles. Dans ce cours également, j'ai essayé de tout garder sans utiliser de scripts car si vous venez de commencer avec l'animation de logo, vous ne voulez pas investir dans des scripts coûteux. Vous voulez d'abord savoir si c'est votre truc ou non. La prochaine chose que je veux que vous fassiez est d' aller dans Edition, Préférences, Général, puis je veux que vous vous assurez de cocher cette option Centrer les points d'ancrage dans les nouvelles couches en forme. C'est très utile. Cela vous évitera beaucoup de difficulté à centrer les points d'ancrage manuellement, en particulier avec les nouveaux calques que vous allez créer. Une autre chose à faire ici est de cliquer sur ces fichiers Adobe Illustrator ou couches Adobe Illustrator car ils se trouvent désormais dans After Effects, ce sont donc des couches. Cliquez avec le bouton droit sur Crée, puis Créer des formes à partir de couches vectorielles. La raison pour laquelle nous créons des formes à partir de ces couches vectorielles est qu'avec les couches de formes, vous disposez de plus de paramètres et d'options d' animation. Je vais maintenant supprimer ces couches Adobe Illustrator. Il suffit de changer la couleur de l'icône sur le type pour que nous puissions les distinguer. L'icône se trouve en haut et le type est en bas. Allez-y toujours et économisez. Vous ne savez jamais quand Adobe After Effects va se bloquer. Logo révèle [NOISE] Attika, voilà, économisez. Les gars, c'est tout pour cette conférence. Récapitulez les points forts. Dans cette conférence, nous avons importé des fichiers dans After Effects. Nous avons ajusté les paramètres généraux. Nous avons converti les calques d'illustrateur en calques de forme pour plus d'options d'animation et de liberté. Nous modifions les couleurs des calques pour ne pas être confondus et nous avons enregistré nos projets. Ensuite, nous ferons notre première animation de logo. 6. Animation-Reveal et disparaître du logo: Maintenant, il est temps de faire notre première animation de logo après tout ce discours, et nous allons commencer par la simple animation de logo révéler et disparaître de ce logo Attika ici. C'est essentiellement comme n'importe quel autre logo de symbole, donc la technique que vous apprendrez ici, nous pouvons l'appliquer à n' importe quel logo de symbole. Juste pour vous faire connaître les gars, si ce que je vais faire vous semble très difficile, c'est bon. Surtout si c'est la première fois que vous faites une animation de logo. Ne vous battez pas, ne vous sentez pas frustré, continuez à avancer, et si vous avez l'impression de ne plus pouvoir suivre, ça devient trop compliqué, vous pouvez simplement faire une pause, prendre une profondeur respirez, puis revenez et finissez le tout. Parce que j'ai vécu la même chose. La première animation de logo, je les suit comme il n'y avait aucun moyen de le faire. Mais avec patience et puissance de bien, j'ai pu terminer le tutoriel et faire l'animation du logo. Commençons. Maintenant, la première chose que j'aime faire est de sélectionner les deux calques puis de les déplacer un peu vers la droite, comme 10 images vers la droite. Zoomons sur la chronologie en touche Alt ou Options et en faisant défiler avec le bouton central de la souris. Maintenant, nous pouvons voir les cadres. Si vous effectuez un zoom arrière, vous disposez de secondes. Si nous effectuons un zoom avant, vous voyez des images. Commençons et animons d'abord l'icône. Je vais juste cliquer sur cette option solo juste pour distinguer l'icône comme celle-ci. Je vais cliquer sur S pour afficher les paramètres d'échelle. Nous ferons la révélation avec la balance. Je vais cliquer sur le chronomètre pour ajouter l'image-clé. Ensuite, je vais déplacer l'image-clé 10 images, donc 10 plus 10 c'est 20. Maintenant, pourquoi est-ce que je choisis la 10e image, c'est parce que nous travaillons dans une composition avec 30 images par seconde, et que 10 images ne sont ni trop rapides ni trop lentes, c'est la norme. Maintenant, je vais le réduire à 25 %. Vous vous interrogez probablement sur les deux décisions que je prends. abord, pourquoi ai-je déplacé les calques 10 images vers la droite, puis pourquoi est-ce que je passe à 25 et non à zéro sur la révélation scalaire ? Maintenant, je les ai déplacés vers la droite juste pour avoir assez d'espaces blancs pour jouer l'animation. J'aime bien commencer par des espaces blancs, sans rien à l'écran. Également très utile lorsque vous travaillez dans une animation plus longue pour avoir un peu d'espace avant l'animation réelle au cas où nous aurions besoin d'ajuster les calques ou autre. Maintenant, pourquoi l'ai-je réduit à 25 % et non à zéro pour cent ? La raison est simplement parce que c'est la meilleure pratique. Lorsque vous faites une révélation avec les paramètres d'échelle, il est préférable d'afficher un peu de la forme car si elle est trop petite, elle ressemblera à un point, comme ceci. Imaginez que si vous effectuez une mise à l'échelle sur de nombreux objets et qu'ils doivent apparaître simultanément, il semblerait que nous ayons de la poussière sur l'écran. Mieux vaut avoir une échelle comprise entre 20 et 30 % et 100. Je vais laisser 25, et ensuite, je vais sélectionner ces images-clés. Appuyez sur F9, jusqu'à l'option Ease In. Ce que nous avons fait ici, c'est Ease Ease. Commencez lentement puis vite, puis ralentissez. Laissez-les encore une fois. Allons maintenant à l'éditeur de graphes. Assurez-vous que vous disposez de ces options, Afficher les propriétés sélectionnées ici. Modifiez le graphique de vitesse et capturez, zoomez automatiquement sur. Maintenant, voici un conseil professionnel pour garder à l'esprit les gars tout en faisant révéler, disparaître ou transformer une animation, c'est que vous voulez que celles-ci apparaissent ou se produisent au sommet de la vitesse ici. Vous ne souhaitez pas avoir de ralentissements au début de ce type d'animation. Révélez, disparaissez et morphine. Vous voulez que cela se produise rapidement, discret et exactement comme le jab Floyd Mayweather. Ce que je vais faire maintenant, c'est simplement sélectionner ces points ou manipuler, puis je vais faire glisser ceci vers la gauche comme ceci. Comme vous pouvez le voir ici, cela va encore ralentir au début, puis accélérer puis ralentir d'ici la fin. C'est déjà mieux. Mais pour le rendre encore meilleur, je vais cliquer ici, sélectionner ceci, cliquer ici, puis faire glisser ça vers la gauche. Maintenant, l'animation se produira au sommet de la vitesse ici. Maintenant, si nous cliquons sur Play, nous pouvons voir que c'est bien mieux. Cliquez ici pour revenir à la chronologie. Maintenant, ce que nous voulons faire, c'est animer la typographie. Cliquons à nouveau ici pour sortir du solo. Maintenant, nous avons ici le type que nous devons animer. Vous pouvez animer le tout en un mot ou animer les personnages individuellement. Pour le rendre plus intéressant, je pense qu'il vaut mieux animer le personnage individuellement. Ce que je vais faire maintenant, c'est simplement fermer cela en cliquant ici, puis ouvrant les options pour les contours de type. Fermez Transform pour l'instant, et nous pouvons ouvrir Contenu. Maintenant, vous voyez ici, nous avons des groupes de 1 à 6. groupe 1 est le dernier personnage, et le groupe 6 est le premier personnage. Maintenant, nous devons ouvrir tous ces groupes comme ça, en cliquant sur cette flèche droite. Recherchez ensuite le groupe Transform, ouvrez-les tous. Ce processus est un peu fastidieux. Cependant, certains scripts vous permettent de le faire facilement, mais ils sont assez chers. Je ne voulais pas les inclure dans ce cours parce que tout le monde n'est pas prêt à payer 70 $ ou 80$ pour les scripts s' ils commencent tout juste. Vous pouvez voir que le composant A est situé au milieu. Pour vérifier cela, si je déplace la position, vous pouvez voir qu'elle se déplace du milieu. Ou si je tourne, on peut voir qu'il tourne depuis le milieu. Sélectionnez maintenant la position pour le groupe 6, sélectionnez la position pour le groupe 5, sélectionnez la position pour les groupes 4, 3, 2, 1. Vous effectuez un zoom arrière comme ça. Maintenant que vous avez tout sélectionné, cliquez sur le chronomètre, nous y allons. Maintenant, ce que je vais faire, c'est sélectionner cette couche et cliquer sur U. J'ai juste les images-clés que nous venons d'ajouter. Encore une fois, je vais tous les sélectionner et les déplacer vers les mêmes images. Cliquez ensuite ici pour ajouter une nouvelle image clé à la position, puis après avoir ajouté de nouvelles images-clés, vous faites glisser la position vers la gauche. Vous voyez que j'ai d'abord ajouté les images-clés , puis j'ai ajusté la position à gauche. Si j'avais d'abord ajusté la position, cela n'aurait pas affecté tous les groupes, mais un seul groupe. Il est un peu différent de travailler avec des groupes que de travailler avec des calques. Voyons ce que nous avons maintenant, zoomez. Pas mal. Pas mal. Ce que je vais faire maintenant, c'est sélectionner toutes les images-clés. Encore une fois, nous devons passer à l'éditeur de graphes. Vous voyez qu'il a l'air linéaire. C'est comme si un robot bougeait. Nous allons les sélectionner. Appuyez sur F9. Maintenant, revenons en arrière. Ok, nous avons les courbes. Maintenant, vous voyez ici, on dirait qu'il n'y a qu'une courbe ou une ligne, mais en fait, il y a tous les groupes R1 au-dessus de l'autre. Sélectionnez-les tous et encore, faisons simplement les assouplissements. Pour celui-ci, nous allons simplement utiliser une fin simple et facile. Commence vite, finit lentement. Ajustons simplement cette poignée. Déplacez-le vers la gauche. Cliquez sur « Jouer ». Bien, mais j'ai l' impression d'avoir besoin de rendre le paramètre de position ou l'animation de position un peu plus lent. Je peux aller de l'avant et le déplacer dix images de plus et en faire 20 images, comme ça. Nous l'avons ici. Maintenant, il faut ajouter un masque. Pour ajouter le masque, sélectionnez le calque de type, tout, Commande de contrôle R pour amener les guides. Cliquez ici, puis je vais déplacer ce guide vers la droite comme ceci, l'arrêter ici, juste en haut de l'icône, puis sélectionner l'outil Rectangle. Cliquez sur ce bouton, puis l'outil Crée un masque et créez le masque. Maintenant, j'ai commencé le masque d' ici à ici pour faire croire que ce type provient de l'icône. Cliquons maintenant sur « Jouer ». On y va Cool. Maintenant que nous avons plus d'images-clés, nous devons faire les décalages. Pour les décalages, je veux que le A apparaisse en premier, donc le dernier personnage apparaisse en premier, puis je veux que tout suive. Maintenant, nous pouvons le faire manuellement en sélectionnant les images-clés, puis en les déplaçant un peu vers la droite, mais cela prendra beaucoup de temps. Dieu merci, il y avait trois scripts que nous pouvons utiliser et que je vous ai dit de télécharger plus tôt. Les failles, sélectionnez toutes les images-clés. Alors, juste ici, assurez-vous d'avoir les mêmes paramètres que moi. Pour celui-ci se déplace, vous n'avez pas à vous en inquiéter, juste ici sous la portée, j'en ai un, puis échelonner puis descendants, pas ascendants Puis cliquez sur « Afficher ». Maintenant, vous pouvez voir que les descendants vont commencer à partir d'ici, jusqu'en haut. Ça a l'air bien. C'est parfait. Allons de l'avant et jouons la révélation. On y va, je vais juste attendre un peu et à trois secondes, je veux le faire disparaître. Fermons simplement les failles parce que nous n' aurons pas besoin de cela. Vous pouvez le mettre ici si vous le souhaitez sous le panneau Effets, mais ce n'est pas nécessaire. OK, c'est cool. Maintenant, pour le Disappear, ce sera beaucoup plus facile car nous n'animerons que la couche de type entièrement, nous n' animerons pas les groupes. Cliquez sur « P » pour la position au chronomètre, même chose pour Scale. On y va. Ensuite, je vais déplacer 10 images et faire disparaître l'échelle. C'était zéro cette fois-ci parce que nous voulons qu'il disparaisse définitivement et pour le Type, nous allons déplacer 20 images comme nous l'avons fait plus tôt pour le Reveal et ajuster la position comme celle-ci. C'est pourquoi nous avons le guide ici pour que nous puissions voir où ajuster le masque. Quelque chose comme ça ici. Ensuite, nous devons également ajuster le masque. Revenons à cette position. Ouvrez le calque de type, recherchez un masque, ouvrez cette chose Masque 1 puis ajoutez un chronomètre pour le chemin du masque. Déplacez ensuite la tête de lecture vers l'arrêt ou les arrêts de position, V pour sélectionner cet outil de sélection, puis maintenez « Maj » et faites glisser vers la droite, le masque comme celui-ci et alignez-le sur le guide. que nous avions créé plus tôt. On y va. Maintenant, si nous y jouons simplement, voyons ce qui se passe. Cool. Une dernière chose à faire est que nous devons modifier les assouplissements pour une disparition en douceur. Cliquez donc sur [inaudible] pour avoir toutes les images-clés. Sélectionnez ces F9 jusqu'à la fin de la facilité. Passons au graphique de vitesse. Cette fois, nous voulons faire le contraire. Nous allons cliquer ici et nous en sortir facilement. abord avec une facilité d'entrée, maintenant une sortie facile. Commencez lentement et disparaissez vite, comme ça. Pour les deux, pour le masque et pour le type. Maintenant, cette ligne rosée est de type et cette ligne orange est le masque. Il est plat, mais vous pouvez toujours l'ajuster. Même chose pour la mise à l'échelle. Nous n'avons qu'une facilité facile. Nous devons nous en sortir facilement. Faites glisser cette chose ici. Commencez lentement. La courbe vers le bas signifie lente, la courbe vers le haut signifie rapide. Ensuite, faites glisser celui-ci aussi parce que nous voulons que la disparition se produise à la vitesse de ramassage ici. Nous ne voulons pas laisser ralentissement pour la disparition. Jouons à ça et voyons. OK, c'est cool. Maintenant, un seul problème que nous avons est que la disparition quand elle se produit, l'icône disparaît avant le type, ce qui n'est pas bon. Le type doit disparaître avant l'icône. Une chose que je fais est que lorsque je fais de l'animation du logo, j'ajuste d'abord les images-clés et les paramètres des images-clés, puis je vérifie l'animation et s'il y en a n'importe quoi, je vais régler les images-clés. Ce que je peux faire ici, par exemple, c'est sélectionner les paramètres d'échelle ou les images-clés de l'échelle pour l'icône, puis simplement la faire glisser vers la droite. Cool. Voyons maintenant ce qui se passe. C'est mieux. Récapitulez les points forts. Dans cette conférence, nous avons abordé l'ajout images-clés, l'ajout d'assouplissements, l' ajustement du graphique de vitesse, utilisation de scripts et l'utilisation de masques. Ensuite, nous allons créer une animation de logotype plus avancée. 7. Animer la position et des jectoires complexes: Dans cette conférence, nous allons commencer par l'animation de type logo plus avancée. Eh bien, nous allons animer les personnages, sauter, tourner, changer et tout. Celui-ci est un peu avancé et je veux que vous remarquiez qu'il existe de nombreuses techniques pour réaliser ce type d'animation, mais je suis allé de l' avant et je n'ai choisi que le moyen le plus simple possible de réaliser cette animation pour garder cette classe amical pour les débutants. Commençons par animer la position tout en respectant le principe de l' animation de l'arc. Je veux que vous alliez maintenant ouvrir ce fichier Adobe After Effects où vous trouverez ce logo prêt à être animé. Tout d'abord, je vais le faire, c'est simplement changer les couleurs de ces calques, pour que nous ne soyons pas confus. Cliquez ici, maintenez la touche Maj enfoncée et sélectionnez la première, et je vais juste les faire glisser un peu vers la droite, comme ceci. La première chose que nous devons faire ici est définir la zone active. Si je fais un clic droit sur mes paramètres de composition, vous pouvez voir avec quoi je travaille ici. La largeur, les hauteurs, le bouton 1920 ATP. Nous devons encore faire ici, c'est maintenant définir la zone active. ce faire, nous allons aller de l' avant et sélectionner l'outil Rectangle, puis je vais dessiner un rectangle comme celui-ci sur le dessus de la toile entière, comme ceci. Ensuite, je vais ouvrir les paramètres du rectangle , un chemin rectangulaire. On y va, taille. Vous pouvez voir une taille identique à celle de la toile. Maintenant, pour définir la zone active, il suffit d'aller de l'avant et de réduire la taille à environ 400 pixels. Je ne sais pas pourquoi j' ai le rectangle 2, je vais le supprimer. J'ai peut-être cliqué deux fois sur le rectangle. Qui sait ? Nous devons maintenant changer cette couche en calques de guidage. Cliquez donc avec le bouton droit de la souris, puis recherchez la couche guide. On y va. Il s'agit maintenant d'une couche guide. Je peux le poser ici et le verrouiller. Ensuite, Layer, New, Solid, vous voulez choisir la couleur blanche comme arrière-plan, poser et la verrouiller. Ensuite, je vais les effrayer, ce qui veut dire se cacher alors. Cliquez ici, alors active l' option timide et nous l'avons ici. Maintenant, nous allons commencer par animer la position, puis nous allons passer à la trajectoire. abord, animons le T. Cliquez sur P pour la position, puis nous allons déplacer la tête de lecture à environ 25 images par seconde car nous allons travailler avec plus de trois images-clés. C'est pourquoi j'ai choisi 25 images au lieu de 20 images, et je vais définir la position finale en premier, afin que vous puissiez éviter de chercher la position finale après avoir effectué l'animation. Je vais le fixer à 25 parce que nous voulons que le T vole puis revienne à sa position initiale ou à sa première position, alors réglez la position finale d' abord toujours vous les gars. Ensuite, je vais déplacer la tête de lecture ici, 20 images ou 19, 20 images ou 19 puis sélectionner V pour l' outil de sélection directe, puis cliquer, glisser vers le haut, maintenir la touche Maj enfoncée pour faire glisser dans une trajectoire droite. Zoom avant pour voir ce qui se passe ici. Encore une fois, nous ne devrions pas franchir la frontière. Ensuite, déplacez cela jusqu' à la première image, qui est de 10 images, puis je vais la faire glisser vers le bas, relâcher la souris, puis relâcher les quarts de travail. Maintenant, une autre chose que je dois faire ici est que mon ordinateur fait beaucoup de bruit, c'est que je vais aller composer la résolution à environ la troisième place, sélectionner tous ces F9. Maintenant, si je clique sur Play, [BRUIT] pas mal. Sélectionnez tout, graphique de vitesse, puis réglons les courbes. Le saut est impulsif, donc nous allons commencer rapidement au début car lorsque vous sautez, vous ne prenez pas de ralentissement, accroupissez, puis sautez et vous sautez à pleine vitesse. Ici, il n'y a pas de ralentissement au début d' un saut. On y va. Quand il baisse, il ralentit puis baisse rapidement. Quand c'est comme ça, cela signifie vitesse, et quand vous avez une courbe comme celle-ci, cela signifie ralentir. Si je clique sur Play, c'est bien mieux. Une autre chose est que cela pointe au milieu, cela ajuste le gel lorsque le T est là-haut dans le ciel, sorte que vous pouvez l'ajuster en le soulevant ou en le descendant. Si nous l'évoquons, il gèlera moins de temps et si vous l'abaissez, il gèlera plus de temps en haut. Vous pouvez voir si je veux en parler, j'ai deux images-clés ici, donc je dois les transformer en une seule car nous avons une image clé pour l'entrée et une pour les sorties. C'est facile d'entrer, c'est facile, alors sélectionnez les deux, double-cliquez, puis vérifiez le verrouillage continu, donc sortant vers entrant. Maintenant, si je le déplace, nous n'en avons qu'un. Vous voulez juste le déplacer un peu, juste un cran, rester moins de 5 000. Maintenant, cliquez à nouveau sur Lecture. Changeons ça un peu vers la gauche. C'est bien mieux. Je ferais peut-être avancer ça un peu plus. Le prochain sera p, donc p, encore une fois, même chose. Cliquez sur Position, faites-le glisser ici, ajoutez une image-clé pour la position finale et revenez en arrière, puis placez-la ici, puis revenez en arrière, puis posez-la ici. Vous pouvez voir que je me suis accroché. C'est pourquoi vous le voyez s'accrocher lorsque vous voyez ces lignes. Cela indique un accrochage. Ensuite, déplacez la tête de jeu ici, et avant qu'elle n'atteigne la position finale, je veux faire glisser ceci ici. Un peu ici, je vais désélectionner le Snap in pour l'instant, voilà comme ça, juste la trajectoire. Maintenant, voici ce que je vais faire. Je vais sélectionner toutes ces images-clés, cliquer avec le bouton droit sur Interpolation d'image-clé, puis ici, là où vous voyez l'interpolation spatiale, je vais la changer en linéaire juste pour que je puisse être droit des lignes comme celle-ci et je peux ajuster cette chose correctement. Si vous cliquez dessus et que vous sélectionnez tout, il suffit de désélectionner toutes ces images-clés, de sélectionner celle que vous souhaitez déplacer, puis de la déplacer. Comme ça. C'est mieux. Maintenant, je peux sélectionner l'outil plume, maintenir Alt et cliquer ici, puis ajuster les courbes, maintenir Alt. On y va. Nous pouvons maintenant voir dans celui-ci que nous appliquons les principes de l'animation de l'arc car il va voler dans une trajectoire RF. Nous choisissons cela, nous y allons. Bien sûr, rien n' est définitif, on peut toujours revenir et s'ajuster. Maintenant, nous allons faire la même chose. Sélectionnez toutes les images-clés, appuyez sur F9, accédez aux courbes. Il va commencer rapidement comme ça, puis il va se courber ici, puis ralentir. Quand il atteint cette position, je veux qu'il ralentit un peu. La même chose ici, je veux que ça ralentisse un peu. On y va, comme ça. Sélectionnez-les, double-cliquez, envoyez-les dans une image clé ou un point d'ancrage. Appliquons maintenant l'animation. Pas mal. Je veux juste ajuster un peu la congélation ici, alors sélectionnez-le et la même chose pour la dernière. Je ne veux pas qu'il gèle trop, qu'il parle comme ça. Cliquez sur ces trop élévateurs, faites-le baisser un peu, alors on y va. Si vous le soulevez et que cette chose change, cela signifie que vous en avez trop parlé . Assurez-vous que cette chose ne change pas, la première courbe reste la même. Faites-le descendre. C'est bien mieux. Peut-être que je vais juste augmenter un peu cela ici, afin que nous puissions obtenir de bons mouvements de ce point à ce stade. C'est mieux. Maintenant, ce que je vais faire, c'est complimenter le saut avec la rotation, alors cliquez sur R sur le clavier pour la rotation. Nous voulions stocker comme cela 90 degrés, [NOISE] définit une image-clé. Ensuite, je vais sélectionner ce calque ou cliquer ici pour afficher les autres images-clés, puis je vais le déplacer lorsqu' il sera gelé vers le haut. Ensuite, je vais le faire pivoter de nouveau comme ça. Vous pouvez voir que je suis juste en train de tourner vers les droits ici. Puis, quand il atteint la position descendante, il va faire une dernière rotation pour revenir à sa position initiale, donc zéro. On y va. Maintenant, F9, l'essence et ajustez ces petits morceaux comme ça. On y va. Cliquons sur Play. Je n'ai pas craché. Celui-là au milieu. Double-cliquez sur image-clé ou un point d'ancrage , puis déplacez-la un peu vers le haut. C'est bien mieux. On va geler là-haut. Passons au R dans le vert, et la même chose. P pour la position finale. Reculez, puis sélectionnez-le, placez-le comme ceci, puis déplacez-vous ici et nous allons le mettre tout en bas. Il va sauter d' ici tout le long du bas vers le haut. Sélectionnez-le et réglons simplement la trajectoire. Sélectionnez-les tous. Même chose, F9. Le saut est encore une fois impulsif. Encore une fois, pour ralentir, ce sont ces sorties. Ça va ralentir un peu ici, puis boum, ça tombe comme ça. Sélectionnez l' image-clé du milieu, double-cliquez , verrou continu, puis faites-la monter un peu. On y va. Cliquez sur Play. Incroyable. Récapitulez les points forts. Dans cette conférence, nous avons défini la zone active, nous avons défini l'image-clé de position, nous avons ajusté des trajectoires complexes et nous avons ajusté le graphique de vitesse. Ensuite, nous allons animer utilisant la trajectoire de coupe et la trajectoire de décalage. 8. Animer des chemins de coupe et de compensation: Dans cette conférence, nous allons essayer quelque chose de différent. Nous animerons les formes à l'aide d'un tracé de coupe et d'un tracé décalé, pas de lettres. Après cela, nous allons transformer les formes avec les lettres. Assurez-vous de ne rien sélectionner. Allez dans l'outil Forme, Ellipse, puis je vais dessiner un cercle juste ici. Maintenez Maj. Relâchez la souris, puis Maj. Sélectionnez l'outil Sélection directe. Ensuite, nous allons ajuster cette ligne juste ici, au milieu. Ou peut-être juste avec le O comme ça. Ensuite, faites glisser ceci vers les droits Maintenant, ce que nous voulons faire, vous voyez ici nous avons du contenu et ici nous avons Ajouter. Je vais aller de l'avant et ajouter des coupe et ajouter des tracés décalés. Maintenant, pour les trajectoires de coupe, je vais aller de l'avant ici, là où il est écrit « End » et « baisser ». Ensuite, pour la trajectoire des décalages, j'augmenterai les montants. Ensuite, rejoignez la ligne, remplacez-la par Round Join comme ceci. Décalages, nous allons l'ajuster car nous voulons l'animation se déroule comme ça dans le sens des aiguilles d'une montre. Je vais le faire. Il suffit ensuite de déplacer la position de la nouvelle forme que nous avons créée en cliquant sur la flèche droite de mon clavier. Vous pouvez maintenir la touche Maj enfoncée et cliquer sur la flèche droite pour avancer plus rapidement. Je vais ajuster plus de la trajectoire des décalages. Peut-être juste un peu des décalages et de la trajectoire de coupe jusqu'à ce que nous ayons quelque chose comme ça. Commençons maintenant par l'animation. Je vais juste fermer les trajectoires de décalage parce que nous n'en avons pas besoin pour le moment. Cliquez sur la nouvelle forme que nous avons sélectionnée. Je veux changer la couleur en rouge. Ensuite, composez le chemin de fin comme ceci jusqu'à ce qu'il soit sous la même forme que l'O. Nous y allons. Ajustez ensuite un peu le décalage. On y va. Parce que ça va bouger comme ça. Je compense un peu la forme. Ajoutez une image-clé pour Fin et ajoutez une image-clé pour Start. Ensuite, nous allons bouger, puis allons avec la fin, augmenter comme ça. Assurez-vous qu'il ne touche pas une queue. Ensuite, la même chose pour Start, nous l'augmenterons également jusqu'à ce que nous ayons la forme de l'O. Nous mettrons ici 84. On y va. Ensuite, je vais définir une image-clé pour les décalages , puis déplacer ce petit peu. Ensuite, ça revient à O comme ça. Maintenant, si je clique sur Play, vous ne verrez rien se passer. Mais je vais simplement déplacer ces 10 images, donc on passe à 20. Si je vais de l'avant et décaler ces images-clés. Vous pouvez maintenant voir l'animation. Ce que j'ai fait, c'est décaler le début et la fin, et j'ai décalé la première image-clé au début de l'animation et une autre à la fin de l'animation. Maintenant, nous pouvons tout sélectionner, puis F9. Pour celui-ci, si vous utilisez simplement F9, facile à utiliser, c'est tout à fait parfait. Il a l'air très bien. Mais vous pouvez bien sûr l' améliorer un peu en sélectionnant ces images-clés. Juste le début et la fin. Allez à nouveau dans l' éditeur de vitesse, puis augmentez un peu la vitesse au milieu. On y va. Je sais que c'est beaucoup de choses, beaucoup d'informations en même temps. Si c'est la première fois que vous effectuez ce type d'animation. Mais prenez les choses douces les gars. Prends ça doucement. Vous pouvez me poser des questions et tout ce que vous voulez. Je sais qu'il y a beaucoup d' images-clés, cela peut être déroutant. C'est pourquoi j'ai inclus les projets finaux et les ressources du projet que vous pouvez télécharger et vous pouvez vérifier ce que j'ai fait. Maintenant, ce que nous devons faire, c'est nous allons faire la même chose pour le O mais nous voulons que l'animation ne soit pas dans le sens des aiguilles d'une montre, mais dans le sens inverse des aiguilles d'une montre. Je vais dupliquer ce calque, fermer l'animation ici. Cliquez sur U pour afficher uniquement les images-clés de cette couche. Alors appelons-les simplement pour que nous ne soyons pas confus. Je vais renommer celui-ci Cercle 1, et celui Circle 2. Maintenant, si je clique sur U, on y va. Avons-nous sauvegardé les projets ? Vous devez sauvegarder vos projets. Maintenant, ce que nous devons faire est beaucoup plus facile. Nous allons juste changer les valeurs. Il commence ici par un et se termine par 85. Nous allons changer cela et nous allons faire de même pour celui qui se trouve en haut, puis nous pourrons ajuster les décalages manuellement. Ici 85 et là un. Maintenant, pour le premier, c'est le départ. Il commence par zéro et se termine par 84. Zero ici et 84 ici. Sélectionnez toutes ces images-clés comme celle-ci. Ensuite, déplacez-vous simplement à l'aide de la flèche de votre clavier. Maintenez la touche Maj pour aller plus vite simplement pour l'aligner sur la seconde ou pour les troupes. Maintenant, réglons les décalages. Il commence peut-être ici et il se termine ici. Je vais sélectionner le calque entier et le déplacer vers la droite. Voyons maintenant la première animation, puis celle-ci. Vous pouvez voir les décalages pour celui-ci, il commence par le haut et les décalages de celui-ci commencent par le bas. Maintenant, il suffit de cliquer sur U pour masquer les images-clés. Enfin, pour le S, nous allons essayer quelque chose de plus drôle. Ce que nous allons faire, c'est que je vais sélectionner l'outil Plume. Assurez-vous que vous n' avez rien sélectionné, aucun calque n'est sélectionné. Ensuite, je vais cliquer ici, et maintenez-le enfoncé et faites glisser, maintenez la touche Maj enfoncée, puis maintenez Alt et masquez cette ligne ou cette courbe. Cliquez ensuite ici sur S. Assurez-vous de cliquer au milieu, puis faites glisser comme ceci. Maintenez les quarts de travail et voilà. Vous pouvez le faire et cliquer sur cette ligne pour ajuster les courbes comme celle-ci. Comme vous pouvez le constater, travailler avec l'outil Plume et Adobe After Effects est peu près la même chose que l'utilisation l'outil Plume et d' Adobe Illustrator. Je suppose que l'expérience en conception graphique peut beaucoup aider en animation si vous passez d'un concepteur à un animateur. Également Motion Design. Sélectionnez le calque de forme, renommez-le S Animation et sélectionnez une autre couleur pour celle-ci en Lavender est la couleur que nous y avons sélectionnée. Maintenant, nous allons faire la même chose que nous l'avons fait avec o. Ouvrez cette chose, ajoutez le chemin d'ajustement et ajoutez le chemin des décalages. Ajustons les décalages. Miter, Round Join. Augmentez ensuite les quantités comme celle-ci jusqu'à ce que vous couvriez le s. Ce que nous pouvons faire est de sélectionner le crayon, puis d'ajuster ces points un peu comme ça. On y va. J'ai donc cliqué sur l'outil Sélection directe, puis j'ai sélectionné les points d'ancrage et je l'ai ajusté. Maintenant, réglons la trajectoire de coupe. Je pense que ce p nous dérange, donc je vais déplacer un peu l'animation S vers la droite. Encore une fois, baissez l' extrémité autour de zéro. Ajoutez des images-clés pour Fin et Start. Déplacez la tête de lecture, déplacez la fin comme ceci. Déplacez ensuite le Start comme ceci jusqu'à ce que vous ayez le o, puis déplacez à nouveau. Déplacez ensuite la fin vers la droite , puis le début vers la droite. Oh, c'était trop. 99 ici. Encore une fois, nous avons juste besoin de les compenser, alors cliquez ici et ici C'est mieux. F9. C'est beaucoup mieux, mais j'ai l'impression que c'est trop rapide. Ainsi, avec toutes les images-clés sélectionnées, cliquez sur aussi l'option, puis faites glisser vers la droite. C'est bien mieux. Cliquez sur U. Ensuite, nous allons simplement aller de l'avant et cacher les deux O et S en cliquant sur l'œil parce que nous n'en avons pas besoin pour le moment. Ils nous confondent. Je vais aussi les timider. C'est P. C'était une erreur. Vous timidez O et O et S. Recap. Dans cette conférence, nous avons ajouté des formes, puis nous avons animé des traits en utilisant la trajectoire de décalage et la trajectoire de coupe. Enfin, nous décalons les images-clés pour créer notre animation. Ensuite, nous explorerons principe de l' animation d'étirement à l'aide des paramètres de trajectoire. 9. Explorer le principe de l'étirement à l'aide de l'indicateur de chemin: Maintenant que nous avons fini d' animer la position, nous allons explorer ce principe d'animation étirée et nous allons le faire en utilisant les paramètres de trajectoire. Ce sera délicat, mais vous pouvez le faire. À ce stade, ce que vous voulez faire est dupliquer la commande T Control D, modifier la couleur ou la couleur dupliquée, puis de sélectionner la dernière, U, pour afficher le cadre clé. Appuyez sur J sur votre clavier. Sélectionnez tous les cadres clés, les quarts et la flèche gauche, faites-le glisser vers la gauche comme ceci car nous allons utiliser ce T comme référence. Nous y allons, U sur le T dupliqué, puis nous voulons supprimer la position, nous voulons supprimer ces cadres clés. Mais tout d'abord, remettons-le dans la position finale avant de retirer les cadres clés. Cool. Maintenant, ce que je vais faire, c'est chercher le chemin. Contenu, Groupe, puis Chemin d'accès, puis ajoutez une position. C'est la dernière position que nous allons ajouter en premier. Cliquez à nouveau sur U, apportez la lecture au début, puis baissez le T comme ceci, simplement en utilisant les flèches de votre clavier, en maintenant les Maj enfoncés, ici. Nous y allons, donc maintenant nous avons la position ici pour le chemin, et nous avons la position en bas pour le chemin. Une autre chose est de sélectionner ces deux cadres clés. Maintenez la touche Alt plus Command et cliquez avec le bouton droit pouvoir les geler. C'est pourquoi, lorsque nous animons le chemin, le T ne bougera pas, donc il ne nous dérangera pas. Je vais juste apporter celui-ci un peu à droite comme ça. Cool. La première chose, c' est que nous allons déplacer la tête de jeu vers la droite. Permettez-moi de zoomer un peu sur la chronologie. Nous y voilà, nous sommes dans la chronologie. Une fois que le T commence à bouger, assurez-vous que le chemin est sélectionné ici. Sélectionnez le haut, comme ceci. Vous pouvez maintenant voir que ces points d'ancrage sont sélectionnés. Ensuite, je vais l'étirer à nouveau en utilisant mes flèches. Vous pouvez maintenir la touche Maj enfoncée et vous étirer jusqu'en haut. Je vais faire la même chose pour le plus bas . Juste comme ça. Maintenant que nous avons installé ce cadre de clé ici, le T va s'étendre de sa forme normale à cette forme. Nous ne nous étirons pas à l'aide balances parce que ça ne va pas paraître beau, ça va paraître horrible si on s'étire avec les écailles. Ensuite, déplacez ça un peu ici. Juste au moment où le T se bloque ici, je vais sélectionner les premières images clés contenant la forme originale du T, de la commande de contrôle C, commande de contrôle C, commande de contrôle V, puis de tout apporter jusqu'au sommet, maintenez la touche Maj comme ceci. Maintenant, il va s'étirer en haut. Une fois qu'il sera terminé, il retrouvera sa forme d'origine. Maintenant, sélectionnez l'image clé que vous venez d'ajouter, Control Command C, puis déplacez-la un peu, Control Command V. Pourquoi avons-nous dupliqué cette première image clé ? Nous pouvons donc contrôler le gel ici, car nous déplaçons le T maintenant avec la trajectoire et non avec la position. Vous pouvez contrôler le gel avec un seul cadre de clé, mais avec le chemin, nous devons ajouter deux trames clés pour contrôler le gel. Ensuite, je vais encore bouger la tête de jeu. Permettez-moi d'ajuster cette image clé à gauche comme ceci. Nous y allons, et lorsque le T atteindra sa position finale comme celle-ci, je vais aller de l'avant, Commande de contrôle C, la dernière image clé, puis la faire glisser vers la droite, puis la commander V. Ensuite, une fois que je l'ai fait, je sélectionnerai le haut du T, puis je l' étirerai comme ça. Voici ce truc. Une fois que le T est en haut avec sa position d'origine, quand il descend, la queue passe en premier, puis le haut suivra. Maintenant, si je sélectionne tous ces F9, Play, vous pouvez voir de quoi je parle. Les gars, si c'est déroutant pour vous, j'ai inclus le projet final. Vous pouvez l'ouvrir et vérifier par vous-même ce que j'ai fait avec les cadres de clés. Maintenant, sélectionnez-les tous, éditeur de graphes, et maintenant nous pouvons ajuster les images clés ici. Accélérez puis ralentissez un peu. Ensuite, ici, nous allons faire le contraire. Une fois qu'il est arrivé ici, ralentissez un peu ici , puis accélérez un peu ici. Cliquez sur Play. Le dernier, je n'aime pas beaucoup ça, mais je vais le faire, voyons voir. Je pense que c'est un peu trop rapide quand il descend, donc je vais les sélectionner, maintenir Alt et les faire glisser un peu vers la droite, puis celle-ci un peu plus. Voyons maintenant. [BRUIT] C'est bien mieux. Je préfère mieux cette animation. Les gars, souvenez-vous que deux choses contrôlent l'animation, la distance entre les images clés et le graphique de vitesse. Maintenant que nous avons fini avec le T, nous pouvons aller de l'avant et cacher celui-ci, celui que nous utilisons comme référence, cacher et nous éloigner. Ensuite, allez de l'avant et sélectionnez le R et nous allons faire la même chose. Donc, nous devons le positionner, l'animer. Cliquez ici, Contenu, Groupe, Chemin d'accès. Ensuite, encore une fois, nous allons ajouter un cadre clé pour la trajectoire. Forme originale, ajoutez d'abord un cadre de clé, comme ceci, puis déplacez-le vers le haut. Quand il atteint la position supérieure, ajoutez un autre chemin, puis là où il commence à se déplacer, assurez-vous que le chemin est sélectionné. Sélectionnez les points d'ancrage et étirez-les par le bas. Ok, les gars, ne l' étirez pas par le haut. Sélectionnez l'outil Plume, cliquez ici, puis je vais juste le régler. [BRUIT] Maintenant, si nous le jouons, [BRUIT] maintenant c'est le chemin. Juste ici sur la position, je peux aller de l'avant et ajuster un peu le R, l' amener un peu au sommet. Laissez-moi décocher Snapping. Voyons maintenant. OK, c'est cool. Maintenant, F9. [BRUIT] J'adore ça, ça a l'air incroyable. Les gars, vous pouvez voir ce que nous avons fait ici. Nous définissons la trajectoire pour la position initiale et une autre trajectoire pour la position d'origine lorsqu' elle atteint le sommet et nous l'étirons uniquement au milieu lorsqu'il saute. Je veux cliquer sur U pour fermer ça. heure actuelle, ce que nous allons faire, c'est tout compenser et nous assurer que tout ne se chevauche pas quand il s'agit l'animation afin que nous puissions passer à l'étape suivante, ce qui donne plus de vie à l'animation. Donnez vie à ces principes d'animation de logo. Je vais juste fermer ça et fermer ça en cliquant sur U sur les couches, puis je vais amener tous ces bébés au même point de départ, en au même point de départ, assurant que tout est bien aligné. Nous avons T d'abord, puis nous avons R, puis nous avons besoin du cercle 1 avant le P et du cercle 2 avant le P, puis P, puis enfin S comme celui ici. Sélectionnez-les tous, maintenez la touche Maj enfoncée , cliquez ici et ici, Fenêtre , puis recherchez Rift, puis je vais cliquer ici pour décaler. [BRUIT] Cool. Maintenant, si nous jouons l'animation. Nous pouvons encore effectuer quelques ajustements manuels. Le reste nous donnera un coup de main, mais nous pourrons tout finaliser manuellement. Nous avons d'abord le T , puis le R qui saute tout de suite. C'est pas bon. Je veux que le T atteigne d' abord le bas , puis le R peut sauter, puis une fois que le R atterrit, je ramènerai le cercle 1 après cela. Sélectionnez tout, tous les cadres clés. Effectuez un zoom avant, puis déplacez-vous un peu, maintenez Alt et déplacez-vous un peu vers la droite. Vous pouvez le voir maintenant. [BRUIT] Cela va encore trop vite pour moi, donc j'ai besoin d'en ajuster un peu plus. C'est bien mieux. Celle-ci peut être juste un peu aussi. Ok, les gars, vous pouvez voir que je ne fais que regarder l'animation. Quoi que ce soit juste pour moi, je vais laisser ça comme ça. Jetons un coup d'œil une dernière fois. C'est ça. Nous avons gardé les points forts. Dans cette conférence, nous avons travaillé avec les paramètres Path. Nous avons exploré les cadres de clés gelés. Nous avons utilisé le script Rift pour décaler les calques et nous avons ajusté manuellement les décalages de la couche pour obtenir tout ce que nous voulons. Ensuite, nous ajouterons d'autres principes d'animation à notre logo. 10. Suivez des actions de chevaux et de superposition: Maintenant, dans cette conférence, nous allons ajouter d'autres principes d'animation. Plus vous ajoutez de principes d'animation à votre logo, mieux c'est et plus votre logo sera réaliste. Nous ajouterons donc un chevauchement et suivi, et encore une fois, nous utiliserons les paramètres de chemin, car c'est le moyen le plus simple pour les débutants. [BRUIT] C'est probablement la conférence la plus difficile de cette classe. Un conseil de workflow professionnel que je fais pour ne pas confondre dans toutes ces images-clés et ces calques est que, je vais travailler sur un calque spécifique, puis quand j'ai fini tout ce que je veux en faire, je vais de l'avant et je le crains loin. De cette façon, je garde l'interface propre et je ne suis pas confondu avec beaucoup de calques et images-clés en cours de route. Allons-y maintenant. Ce que le T sélectionné clique sur Vous pour obtenir les images-clés. Ce que nous voulons faire maintenant, c'est chevaucher les mains du T. Au fur et à mesure qu'elle monte, la main va se pencher et quand elle descend, les mains vont s'envoler vers le haut. Nous allons ajouter deux autres images-clés de chemin au T. Maintenant qu'il commence à monter comme ça, je vais aller de l'avant et zoomer sur l'écran, cliquer ici, puis m' assurer que vous avez sélectionné le chemin 1. Ne sélectionnez pas celle-ci en bas, elle sélectionnera toutes les images-clés et nous ne le voulons pas. Ensuite, avec l'outil de sélection directe sélectionné, allez de l'avant et sélectionnez ce point et ce point. Ces deux points ici, Control Command T. Vous aurez ce cadre de sélection. Il y avait un point au milieu, vous le voyez probablement, vous ne le savez probablement pas, mais le voilà. Pouvez-vous voir le petit ? Cliquez dessus et faites-le glisser vers la gauche, comme ceci. Vous pouvez voir que maintenant le curseur est passé en rotation. Nous allons aller de l'avant et faire pivoter cette main vers le bas comme ceci. Une fois que nous avons terminé, cliquez sur Escape. Cliquez ici, maintenez la touche Maj enfoncée, cliquez ici et affichez la commande T. Une fois que vous avez terminé, cliquez sur Echap. Maintenant, ce que nous devons faire, c'est ajuster un peu plus cela en ajustant les courbes et peut-être les points qui déforment la forme en T, et pour ce faire, nous devons sélectionner l'outil Plume. Celui-là, juste ici. Maintenant, si je clique sur ce point, vous pouvez voir que rien ne se passe. Tout ce que je peux faire, c'est le déplacer vers le haut ou vers le bas ou l'étirer. Si je veux le courber, j'ai besoin de poignées, et pour créer des poignées, puisque nous ne les avons pas ici, maintenez Alt ou Option et cliquez sur les points. Cliquez ici, cliquez ici, puis cliquez ici. Vous verrez que nous allons perdre les arêtes tranchantes sur les bords arrondis mais nous pouvons les fixer, alors sélectionnez les parties extérieures de la poignée, pas celle à l'intérieur. Maintenez la touche Alt enfoncée, cliquez sur, puis faites simplement glisser la souris Alt, cliquez et faites glisser le curseur vers l'arrière. Même chose ici, sélectionnez d' abord, puis Alt et faites glisser. Maintenant, nous pouvons déformer cela comme ça, cliquez ici et ajustez ces courbes comme celle-ci. On y va. On y va. Je peux également le faire. Étirez-les un peu. Cool. Maintenant, passons ça. Ensuite, une fois qu'il commencera à descendre, donc de ce point à ici, nous ferons la même chose. Fondamentalement, la même procédure. Je vais juste aller de l'avant et l'accélérer, mais cette fois, au lieu de baisser les mains, nous allons les plier parce qu'il descend. Par la force de sa descente, la main va monter. Donc V, pour l'outil de sélection, puis sélectionnez ceci, Commande de contrôle T, et fondamentalement la même chose. [MUSIQUE] Une fois que vous avez terminé, vous pouvez cliquer sur V, et nous l'avons ici. Sélectionnez l'outil Sélection directe, sélectionnez toute cette zone vide pour désélectionner le T, et maintenant, une fois le T qui est l'image-clé finale, je veux aller de l'avant et l'écraser, alors sélectionnez le à nouveau, puis maintenez la touche Alt ou Option enfoncée, ainsi que les crochets droits à couper à partir de la droite. Zoomez sur la chronologie, puis ajustez-le un peu. On y va. Maintenant, ce que je vais faire, c'est d'abord dupliquer le T. On y va, puis on ajuste ça. Puisque nous voulons l'écraser, nous devons dupliquer les calques, puis appliquer de la morphine. Pour ce cours, nous ne parlerons un type de morphine , c'est-à-dire la morphine cadre, qui est celle que nous allons appliquer maintenant, mais lors du prochain cours, maintenant, mais lors du prochain cours, je vous présenterai de nouvelles morphines. Quoi qu'il en soit, après avoir dupliqué cela , sélectionnez le calque , vous supprimez toutes les images-clés puis je vais le mettre ici, donc juste au-dessus de la dernière touche du premier T comme ça. Maintenant, je peux ajouter une image-clé pour le chemin, cliquer sur « S », puis une image-clé pour l'échelle, mais commençons par déplacer les points d'ancrage. Ces points déterminent à partir de l'endroit où l' animation va commencer. Je veux que la balance commence par le bas, donc je vais déplacer celle-ci vers le bas. Sélectionnez ceci ou vous pouvez simplement cliquer sur « Y » pour sélectionner l'outil de déplacement des points d'ancrage, puis je vais déplacer celui-ci vers le bas comme ceci et ajouter Echelle, cliquer sur « U », puis déplacer simplement ceux à droite, comme 10 images à droite. Je calculerai 10 images plus tard. Maintenant, ce que je veux que tu fasses, c'est dissocier échelle et ensuite écraser le T comme ça. Une fois que nous aurons fait cela, nous irons de l'avant et déformerons à nouveau le T en utilisant la trajectoire. Sélectionnez la trajectoire, numéro 1, sélectionnez l'outil Plume, G pour l'outil Stylet, créez-les, poignées, puis réglons cela. Une fois que nous avons fait cela, la dernière chose que je dois faire est appliquer une oscillation d'amortissement. Fondamentalement, l'oscillation d'amortissement signifie que vous arrêtez de bouger un peu votre rebond. Pour ce faire, nous devons d'abord nous assurer que la distance entre les images-clés est de 10 images. [BRUIT] 7 plus 10, c'est 17. Je vais déplacer ça un peu vers la droite. On y va. Maintenant, je vais à Window Duik Bassel. Assurez-vous que vous enregistrez la commande de contrôle de projet S sélectionne l'outil de sélection. Sélectionnez celle-ci, animation, puis sélectionnez les deux images-clés de l'échelle. Ensuite, nous pouvons appliquer cette expression, Kleaner. Comme vous pouvez le constater, je n'ai pas simplifié ces images-clés car si vous appliquez une expression, vous ne pouvez pas le faire sur des images-clés qui ont ces images-clés car si vous appliquez une expression, vous ne pouvez pas le faire sur des images-clés qui ont des extrémités ou des sorties faciles ou des fins faciles en général. Maintenant, je vais sélectionner le calque, à nouveau, désélectionner et sélectionner pour afficher les contrôles d'effets, puis je vais décocher l'anticipation. Si nous jouons ceci, laissez-moi ajuster la longueur de ce calque. Nous en avons presque fini avec la couche T. Ce que nous pouvons faire, c'est sélectionner les deux T, cliquer sur U pour masquer toutes les images-clés, puis nous pouvons les ombrer. Nous pouvons passer au R. Avec le R, nous avons tout appliqué à cela. Nous avons juste besoin d'appliquer une rotation certaine profondeur et une oscillation pour donner une petite vie, U pour afficher toutes les images-clés. Je vais cliquer sur R pour l'instant, ajouter une touche de rotation. Alors c'est la position initiale du R. Je vais le mettre ici. Le R est au sommet, comme ça. Quand il démarre au début, je veux juste le faire pivoter un peu vers la droite. Puis, quand il atteint sa position finale, je veux le faire pivoter un peu vers la gauche, puis me déplacer un peu, puis appliquer la rotation zéro, la position d'origine. [BRUIT] Ici pour la position, c'est la position finale. Je vais aller de l'avant et contrôler la commande C et dupliqué ici, puis revenir ici, sélectionner celui-ci, puis baisser un peu la position en cliquant sur les flèches sur mon clavier pour lui donner un peu rebondir, juste une touche sur la flèche vers le bas. Sélectionnez ces deux images-clés et nous appliquerons également des expressions à cela. Sélectionnez-les tous les deux, maintenez la touche Contrôle ou Commande enfoncée, puis supprimez les Pour la rotation ici, je vais appliquer quelques assouplissements. [BRUIT] Ensuite, pour ces deux images-clés, la position et la rotation, nous appliquerons une certaine profondeur et une oscillation à l'aide du Kleaner. Encore une fois, je vais supprimer l'anticipation. Nous n'en avons pas besoin. Si vous jouez, vous voyez que c'est beaucoup mieux, bien plus beau. Nous y allons, assurez-vous qu'il ne dépasse la zone réelle. Alors, ça a l'air bien. Ça a l'air bien. Ensuite, nous allons d'abord passer au P, puis nous travaillerons sur les OO et S. Parce que le flux de travail pour les OO et S est un peu différent de ce que nous faisons actuellement. Encore une fois, nous en avons fini avec celui-là, les ombres. Maintenant, trouvons le P, et pour le P, nous allons appliquer un certain chevauchement, puis suivre jusqu'à la queue du P. Ici, nous avons sélectionné la couche P. Cliquez sur « U ». Une fois le P, qui est cette position finale, je vais aller de l'avant et ouvrir le groupe de contenu path [NOISE]. Sauvons ça. Comme vous pouvez le voir ici, nous avons le chemin 1 et le deuxième chemin. Cela arrive parfois lorsque vous souhaitez ajuster le chemin d'une lettre. Nous avons deux chemins et vous vous demandez, que dois-je ajuster le chemin 1 ou le chemin 2 ? La réponse est simple. Vous cliquez sur le chemin 1. Vous pouvez voir ces points d'ancrage. Il y a des effets sur le cercle à l'intérieur du P. Nous ne voulons pas travailler là-dessus. Nous voulons travailler sur la queue du P. Nous sélectionnons la voie 2. Les gars, il suffit d'ajouter un point ici. Ensuite, bougez. Permettez-moi également de montrer les autres images-clés. On y va puis on ajoute les mêmes points au-dessus de l'image-clé de la position finale. [BRUIT] On y va. Maintenant, ouvrons à nouveau le chemin. Cliquez ici pour désélectionner. Revenons ici. Quand il atteindra le sol, je vais le déplacer un peu en arrière. Maintenant, avec le chemin 2 sélectionné, nous allons aller de l'avant et faire la même chose que nous avons fait avec le T. Je vais sélectionner ceci avec V, qui est l'outil de sélection, sélectionner les deux coupons de fin et le bas En bref, la commande C. Déplacez cela vers le haut, puis tourne vers la droite, échappez à G pour le crayon Alts puis crée les poignées. Ajustez les coins. Ajustons un peu les courbes. [BRUIT] Cliquez ici. Cliquez à nouveau sur Path 2 et ajustez-le. On y va. Maintenant, je vais passer aux derniers points. Le chevauchement se terminera ici. Ensuite, nous aurons un suivi après l'arrêt, alors sélectionnez ces points d'ancrage et faites-le glisser vers la gauche et celui-ci aussi. Sélectionnez ensuite ces points d'ancrage et placez-les ici. [BRUIT] Tous ces éléments et F9 pour une facilité et une facilité. Cliquons sur « Jouer ». On peut peut-être déplacer ça un peu plus vers la droite. Cliquons à nouveau sur « Jouer ». [BRUIT] Si vous n' aimez pas accélérer l'animation, vous pouvez bien sûr ajuster la distance entre les images-clés à votre goût. C'est mieux. Maintenant que nous avons encore fini avec le T, vous devez masquer toutes les images-clés, puis nous allons le faire briller. Maintenant, pour les faits saillants du récapitulatif et cette conférence, nous timides calques pour ne pas être confondus. Nous avons ajouté d'autres principes d'animation à l'aide des paramètres de chemin et de la commande Transformer. Nous avons ajouté les gommages Kleaner de Duik Bassel pour quelques oscillations d' amortissement. Nous avons ajusté la distance entre les images-clés pour contrôler la vitesse de notre animation. Ensuite, nous verrons comment réaliser une morphine de trame de base. 11. Morphing de cadre de base: Nous allons maintenant voir comment transformer des formes en lettres en douceur et discrètement. C'est le morphing du cadre , en gros, le moyen le plus simple de se transformer. Lors de mon prochain cours, nous parlerons d'un morphing plus avancé. Maintenant, la première chose que nous devons faire est de trouver les lettres que nous voulons transformer car ce ne sont pas des lettres, mais simplement des formes. Je montrerai tous les calques cachés, puis j'afficherai O, puis O et S, et cachons le reste. Maintenant, je vais placer le premier O sous le cercle numéro 1, second O sous le cercle numéro 2, et le S est sous l' animation S, ce qui est bien. Cool. Commençons maintenant par le premier O. Cliquons sur « U » sur le cercle numéro 1, et l'animation s'arrête ici, et le morphing commencera ici. Maintenant, je vais aller de l'avant et couper ce calque ici en maintenant Alt plus crochets droits ou Option plus les crochets droits, et juste ajuster un peu cela. Assurez-vous également de masquer l'œil car ce calque ne s'affiche toujours pas, alors assurez-vous que l'œil est sélectionné. Ensuite, coupez ça ici. Maintenant, nous voulons changer la couleur du trait en noir, et pour ce faire, nous pouvons simplement la changer à partir d'ici. Sélectionnez le contour , puis passez au noir. [BRUIT] Maintenant, cela se terminera ici, puis se transforme en O. Ensuite, pour le O, nous voulons appliquer à nouveau des oscillations d'amortissement ou un rebond élastique en d'autres termes. Tout d'abord, je veux modifier la position des points d'ancrage pour l'animation, donc Y pour sélectionner les points d'ancrage. Maintenant, regardez ça, il tourne dans le sens des aiguilles d'une montre. Le O va rebondir de haut en bas. Avec le O sélectionné, je déplacerai les points d'ancrage ici, comme ceci. V pour l'outil Sélection, S pour l'échelle, puis P pour la position. Cliquez sur « U ». Sélectionnez les deux et déplacez-les à nouveau dans des images quelque part ici. Nous allons zoomer sur la chronologie pour voir quelle image nous sommes. Nous sommes sur le huitième cadre, donc 8 plus 10, c'est 18, donc ici. J'ai bien compris. Expérience. Cool. Maintenant, la prochaine chose à faire est de tout désélectionner , puis de dissocier la balance. Nous allons écraser ça. Vous voyez ce qui s'est passé ? Il s'est passé quelque chose ici parce qu'il n'est pas censé bouger comme ça. Que s'est-il passé ? Où sont les points d'ancrage ? Je ne le trouve pas. Oh, c'est ici. Comment cela s'est-il produit ? Eh bien, ça arrive tout le temps. Maintenant, nous devons le faire depuis le début parce que nous n'avons pas prêté attention. Restez ici, s'il vous plaît. On y va, ne bouge pas. Ajoutez de la position et de l'échelle, déplacez-les 10 images. C'est toujours en marche. Maintenant, baissons-nous comme ça, écrasons-le, écrasons davantage autour de 45 et ajustons également la largeur, autour de 126. Maintenant, pour le poste, je vais juste en parler un peu, c'est comme ça. On y va. Maintenant, sélectionnez tous ces éléments et appliquez Kleaner. Supprimez l'anticipation. Maintenant, si nous cliquons sur « Jouer ». [BRUIT] Maintenant, vous pouvez voir que c'est un peu lent. abord, vérifions s'il y a une distance de 10 images entre les clés. Cette fois, je n'ai pas bien compris. On y va. Si vous vous en souvenez plus tôt, nous avons parlé de morphing et nous avons dit la meilleure chose pour le morphing est de se produire à la vitesse maximale de l'animation. Puisque nous avons uniquement appliqué facilement ces images-clés, la vitesse maximale n'est pas à la fin de l'animation, mais elle se trouve quelque part au milieu. Pour contourner ce problème, il suffit de couper un peu le calque vers la droite comme ceci, puis de déplacer l'animation du deuxième calque dans l' animation du premier calque comme celle-ci. C'est à peu près la même chose que le morphing au sommet de la vitesse. Maintenant, il a l'air plus uniforme. [BRUIT] Cool. [BRUIT] Vous les cachez. Maintenant, nous faisons la même chose pour les cercles numéro 2 et O numéro 2. Maintenant, puisque le deuxième cercle est en train de descendre, nous allons faire le contraire de ce que nous avons fait plus tôt. Il va s'écraser et ensuite rebondir un peu. Encore une fois, avec le O sélectionné, déplacez les points d'ancrage cette fois vers le bas. V pour l'outil Sélection, puis ajoutez une image-clé pour l'échelle, une autre pour la position. Déplacez-les 10 images, dissociez la balance, baissez et réglez la position un peu vers le bas, comme ceci. 23 plus 10 c'est 33, donc nous avons 10 images ici. Sélectionnez tous ces éléments, Kleaner, et supprimez anticipation du panneau Commandes d' effets. [BRUIT] Encore une fois, faites la même chose pour le morphing. Coupez un peu du calque O, puis déplacez-le à l'intérieur de l'animation. Cliquons sur « Jouer ». [BRUIT] Il a l'air mieux. [BRUIT] Encore une fois, disons-les. Enfin, nous avons toujours le S et nous ferons la même chose, mais il n'y a pas de mise à l'échelle dans celui-ci. Nous allons juste jouer avec la position et la rotation. [BRUIT] Changez cela en noir. On y va. Donc, ça s'arrête ici. Coupez ici. Celle-ci, apportez-le ici. [BRUIT] Maintenant, pour le S, même chose. Y, baissez ces points d'ancrage. V pour l'outil Sélection. Ensuite, nous ajouterons une image-clé pour la position et une image-clé pour la rotation, donc R pour la rotation et P pour la position. Maintenant, je vais afficher toutes les images-clés. Je ne sais pas pourquoi le point d'ancrage est animé ici, mais il suffit de le retirer. On y va. Déplacez encore 10 images, donc nous sommes sur le 26e plus 10 quelque part ici. Maintenant, pour le poste, je vais juste le faire baisser un peu. Pour la rotation puisque cette chose saute comme ça, vous pouvez voir qu'elle se terminera ici. Vous pouvez le voir descendre, puis vers la gauche, ce qui signifie que la rotation sera basse. La rotation du S ou de la position sera abaissée pour position, puis la rotation vers la gauche, pour créer cette continuité. [BRUIT] Appliquez certaines oscillations d' amortissement, supprimez l'anticipation et faites la même chose que précédemment. On y va. Cliquons sur « Jouer ». [BRUIT] D'accord les gars, et nous l'avons ici. Nous pouvons maintenant afficher toutes les couches. Ensuite, une autre chose que je dois faire ici, supprimer le T. Celui-ci, nous n'en avons pas besoin. Je suis juste confondu. Il s'agit du T numéro 2 et de T numéro 1. [BRUIT] Pour celle-ci aussi, nous devons déplacer un peu vers l'intérieur pour qu'il soit plus uniforme. Maintenant, jouons l'animation entière. [NOISE] Récapitulez les points forts. Dans cette conférence, nous avons fait un morphing de trame de base et nous avons appliqué oscillations de courge et de dumping pour compléter la morphation. Ensuite, nous ajouterons d'autres étapes facultatives pour rendre notre logo plus intéressant, et nous ajouterons également des couleurs. 12. Étapes facultatives et ajouter des couleurs: Enfin, il s' agit d'une étape facultative et vous pouvez l'utiliser pour améliorer encore votre logo. Je recommande de l'utiliser, mais si vous êtes fatigué, vous avez besoin d'un repos, je comprends. Mais respirez et revenez et médiez. Cette étape facultative est incroyable, allons-y et voyons ce que nous pouvons faire ici. Nous voulons dupliquer le T ici, T décrit le numéro 3. Ensuite, je vais couper ça ici, et ensuite je vais le faire descendre sous tous les T, mettrai ici, voyons les images-clés de celle-ci et de celle-ci. Maintenant, avec ce T sélectionné, je vais aller de l'avant et le faire baisser, je vais tout sélectionner et baissons-le un peu plus. Ensuite, je vais simplement sélectionner le chemin, puis l' écraser encore plus, cliquer sur Afficher et voyons l'animation. C'est mieux, je dois dire. Ces prochaines étapes sont facultatives, vous n'avez pas à les faire si vous n'en avez pas envie, mais vous pouvez les faire plus tard. Maintenant, une autre chose que je veux faire est d' animer un peu le cercle numéro 2, et le cercle numéro 1 parce qu'il commence comme un cercle entier, je ne veux pas qu'il commence comme un cercle entier, mais peut-être juste comme un point en ligne. Je vais sélectionner le cercle numéro 1, ouvrir les images-clés, ouvrir le chemin de décalage, et juste là où nous voyons la trajectoire de décalage 1, je vais ajouter une image-clé pour les montants, cliquer sur Vous, met les montants ici un peu au milieu, puis, au début, diminuent les montants, comme ceci. Peut-être plus, juste comme ça, cliquez sur Play. Je ferai la même chose pour l'autre, et je réduirai les montants à 6, nous y allons, et bien sûr, appliquez [inaudible], comment pourriez-vous oublier ce qui vous est arrivé chez M. Maintenant, allons-y à l'avance et vérifiez le tout une fois de plus. Maintenant, comme vous l'avez peut-être remarqué, nous n'avons pas du tout parlé de couleurs dans cette conférence. Maintenant, il y avait une raison à cela. Il y avait une raison pour laquelle je n'ai pas parlé de couleur, et nous n'avons fait que des animations de logo en noir et blanc. Voici le truc que vous les gars. Vous pouvez toujours ajouter des couleurs une fois l'animation terminée. Par exemple, si je veux ajouter de la couleur à n'importe quel calque, je peux simplement cliquer ici, je vais cliquer sur ce raccourci pour agrandir la zone de montage, puis vous recherchez le remplissage, puis vous pouvez modifier la couleur d'ici. Il vous suffit de cliquer et vous pouvez répondre au code hexadécimal donné par les clients ou par vous, qui que vous réalisiez l'animation. Choisissons une couleur, par exemple, je vais aller avec, je ne sais pas, ce rouge ici, juste un exemple, puis cliquez à nouveau sur les raccourcis, et maintenant notre T est coloré. Voici ce que vous voulez, lorsque vous apportez un logo avec couleurs d'Illustrator à Adobe After Effects, et que vous souhaitez convertir les calques en calques forme, il y a de fortes chances que vous rencontrerez toujours des problèmes de la conversion lorsque vous convertissez les couches. La raison en est After Effect n'est pas très bon convertir des calques avec des effets, des dégradés, ou tout style appliqué au logo. Donc, si vous voulez le faire, vous devez vous assurer que le logo provenant After Effects possède des couleurs unies. Parce qu'après avoir fait l' animation dans After Effects, vous pouvez toujours ajouter des éléments ici, nous pouvons ajouter des dégradés, ajouter des effets, nous pouvons ajouter tout ce que nous voulions pour créer le animation. Mon conseil est si un client vous envoie un logo avec dégradés et des effets et tout cela, vous devriez demander un logo noir et blanc ou un logo d'une seule couleur. Maintenant, pour mon logo, je vais le garder ainsi, et la seule chose que je veux faire ici est d'aller dans Calques, ou Calque, puis solide, puis je veux que l' arrière-plan soit jaune. Vous voyez ce code hexadécimal ici, il est identique à celui utilisé dans le logo Mailchimp. Je vais garder mon logo noir et jaune, comme le logo Mailchimp. Maintenant, amenez le jaune ici au-dessus des blancs, et voici notre animation. Nous avons gardé des faits saillants, cette conférence nous avons dupliqué la lettre T pour plus d'action dans notre animation. Nous avons animé la trajectoire de décalage pour O et S, puis nous avons ajouté des couleurs. Ensuite, Outro. 13. Félicitations: Si vous l'avez inventé jusqu' ici, félicitations. Vous avez maintenant suffisamment de connaissances pour créer une belle animation de logo. Ce que je veux que vous fassiez ensuite, c'est d'aller l' avant et de poster le logo que vous avez animé dans une galerie de projets ici. Vous pouvez le publier ici et vous pouvez également le publier sur vos réseaux sociaux, sur votre portfolio. Nous avons tout couvert, des restrictions de logo aux principes d'animation de logo, en passant par la création d'animations de logo, et nous avons créé deux projets, pas un seul. S'il y a une chose que vous devriez tirer de cette classe c'est que l'animation consiste à placer des images clés. L'image clé est ce qui fait de l'animation. Tout le reste arrive en deuxième position. Vous placez d'abord l'image clé, puis vous les ajustez. Vous n'avez qu'un graphique de vitesse, vous ajustez la distance entre les images clés. Mais c'est la chose la plus importante sur laquelle se concentrer. Si vous aimez ce cours, n' oubliez pas d'aller de l'avant et de me suivre, laissez un avis pour que d'autres personnes puissent le trouver. Bien sûr, vous me suivez pour recevoir notification lorsque je publie un nouveau cours. Cela étant dit, très bientôt.