Live Encore : Animations dessinées à la main dans Procreate et After Effects | Fraser Davidson | Skillshare
Menu
Recherche

Vitesse de lecture


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

Live Encore : Animations dessinées à la main dans Procreate et After Effects

teacher avatar Fraser Davidson, Designer / Director / 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

      1:48

    • 2.

      Moyens d'utiliser cette technique

      5:05

    • 3.

      Animer dans Procreate

      19:23

    • 4.

      Passer à After Effects

      6:31

    • 5.

      Animer dans After Effects

      9:53

    • 6.

      Jouer avec les couleurs

      5:46

    • 7.

      Touches de finition

      6:26

    • 8.

      Q&R

      2:37

    • 9.

      Réflexions finales

      0:57

  • --
  • 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.

2 462

apprenants

11

projets

À propos de ce cours

Découvrez une technique d'animation unique qui combine Procreate et After Effects.

Les outils d'animation de Procreate sont un excellent moyen d'ajouter une touche de dessin à la main dans vos animations numériques. Dans ce cours d'une heure, enregistré avec Zoom et avec la participation de la communauté Skillshare, l'animateur Fraser Davidson vous décrira exactement le processus qu'il suit pour créer ces animations amusantes.

Il vous montrera tout d'abord comment créer une boucle animée simple dessinée à la main dans Procreate. Ensuite, il vous montrera les différents moyens de manipuler cette animation dans After Effects pour l'enrichir véritablement. En chemin, vous aurez l'occasion d'examiner en profondeur le flux de travail de Fraser et de créer une animation en même temps qu'un maître à l'œuvre.

Vous sortirez de ce cours, excellent pour les débutants qui souhaitent se familiariser davantage avec les différents programmes d'animation ou les animateurs plus expérimentés qui veulent apprendre une nouvelle technique, avec une animation amusante et de nombreuses compétences que vous pourrez appliquer à votre travail.

_________________________

Bien que nous n'ayons pas pu répondre à toutes les questions pendant la session, nous aimerions que vous participiez. N'hésitez donc pas à utiliser le forum de discussion pour partager vos questions et vos commentaires.

Rencontrez votre enseignant·e

Teacher Profile Image

Fraser Davidson

Designer / Director / Animator

Enseignant·e

BAFTA Award-winning director and animator. Co-founder and owner of Cub Studio. Has worked with many of the worlds leading sporting institutions (including the NFL, England Rugby, the NCAA, the IOC, Canadian Olympic Committee, Fox Sports, ESPN and more) as both an animator and brand designer.

 


 

Voir le profil complet

Level: Intermediate

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: Je pense que dans mon travail, il a été vraiment utile d'utiliser les fonctions d'animation avec lesquelles Procreate vous permet de travailler. Avec After Effects, vous disposez souvent d'un flux de travail assez propre et basé sur des vecteurs, et ce que cet outil d'animation manuelle de Procreate vous permet de faire, c'est vraiment avoir une idée de l'animation traditionnelle dans ce flux de travail propre. Bonjour, je suis Fraser Davidson. Je suis designer et animateur, et je co-dirige et je suis directeur de création chez Cub Studio. Je fais beaucoup de travail dans les sports, médias sociaux, toutes sortes de choses. Dans la classe d'aujourd'hui, je vais vous montrer comment nous pouvons prendre éléments animés simples de Procreate et tirer parti de la puissance d'After Effects pour les recolorer, multiplier et les améliorer généralement. Je pense que c'est utile à la fois pour les personnes qui ont peut-être doublé dans Procreate ou peut-être utiliser After Effects déjà, ainsi que pour les novices totaux aux deux, car cela vous donne un petit aperçu de la façon dont les deux fonctionnent et comment les deux peuvent être utilisé par l'autre pour créer une animation intéressante et puissante. Vous pouvez suivre à la fois dans Procreate et After Effects pendant que nous suivons le cours, vous recevrez également des fichiers préfabriqués quivous permettront d'entrer vous recevrez également des fichiers préfabriqués qui et de sortir du cours à différents points. Vous pouvez trouver ces fichiers dans la section Ressource de classe. J' espère qu'en prenant le cours, vous aurez une idée de ce qui est possible dans les deux programmes et vous donnerez un point de départ pour créer vos propres animations. Juste pour que vous sachiez, ce cours a été enregistré en direct à l'origine et j'interagissais avec le public pendant l'enregistrement. Ok, faisons ça. 2. Moyens d'utiliser cette technique: Bienvenue. Merci d'avoir rejoint la classe de Fraser Davidson. m'appelle Katy Je suis un produit avec Skillshare, et je vais accueillir la session aujourd'hui. Donnez-nous un bref aperçu de ce que nous allons faire, ce que les élèves peuvent s'attendre à venir en classe et du matériel qu'ils pourraient utiliser pour que tout le monde ait tout à portée de main. Dans l'ordre inverse, nous allons utiliser Procreate et After Effects. Nous allons animer un élément très simple dans Procreate une petite séquence animée et Procreate est fantastique pour cela. Donc, j'espère que vous aurez le sens de Procreate comment cela fonctionne, comment la fonction d'animation fonctionne. Ensuite, nous allons apporter cela dans After Effects, un logiciel plus développé que nous allons prendre et utiliser le pouvoir de composition d'After Effects. Nous allons multiplier, recolorer, ajouter des effets, et généralement améliorer cette pièce et en faire quelque chose de nouveau et de beau. Comme je l'ai dit, nous allons utiliser des principes d'animation très simples. Rien de compliqué. Vous pouvez venir à cela en tant que novice complet. Nous allons simplement explorer quelques-unes des fonctionnalités et de la flexibilité qu'After Effects vous permettrait d'utiliser de manière non destructive pour prendre cet élément et simplement faire des choses amusantes avec lui d'une manière très malléable. L' élément que nous allons construire est quelque chose de très simple, une petite séquence comme celle-ci. C' est en fait que c'est capturer en temps réel, mais c'est 15 images par seconde. Donc ça devrait aller. Ce que nous allons faire avec, c'est le transformer en quelque chose plus compliqué et intéressant et avec très peu d'efforts de la part d'After Effects. En ce qui concerne ce que cela représente. Vous pouvez construire toutes sortes de choses en faisant des éléments similaires et en les dupliquant, en les récupérant, en les retirant et en les ajustant. Voici quelques autres pièces. Ils sont un peu plus complexes en termes d'éléments Procreate que j'ai créés. Mais essentiellement, ce sont les mêmes principes. Prendre quelque chose et simplement utiliser des fonctions de base dans After Effects pour le transformer en de beaux motifs ou créer quelque chose qui vous aidera à travailler dans After Effects. Je suis sûr que nous allons vous donner tous ces éléments. Je pense que vous avez peut-être déjà eu le lien pour tous ces éléments. Vous pourrez jouer avec eux, les explorer et comprendre comment je les ai utilisés pour fabriquer ces pièces. Mais aussi vous seriez capable d'aimer gâcher avec eux dans votre propre temps et de construire vos propres morceaux. Bien que certains d'entre eux soient un peu plus compliqués, je pense qu'en regardant leurs séquences, vous serez en mesure d'en comprendre. Encore une fois, j'ai inclus tous ces morceaux, quelques spirales, d'autres formes imbriquées. Il suffit de vous donner un peu plus d'aperçu des raisons pour lesquelles je pense que cela est utile. Voici quelques-unes des pièces que nous avions construites que nous avons utilisées récemment et je vais juste les passer à travers. Ces petits fleuris que nous avons utilisés pour se déplacer d'une scène ou sortir certaines parties de l'animation. Voici un autre petit morceau que j'ai construit en utilisant tous les mêmes principes, juste un GIF en boucle et un peu d'un appareil photo qui bouge After Effects. Ce sont les éléments que j'ai utilisés dans d'autres œuvres comme la pièce sur laquelle nous travaillons en ce moment. Là où nous avons créé quelque chose comme ça, cet élément qui sorte un peu de narration visuelle qui vous permet ajouter ces petites fleurs à l'œuvre que vous ne construisez pas toute une scène animée à la main, mais vous y ajoutez des éléments qui aident à compléter des éléments qui sont plus proches des animations graphiques. C' est le contexte plus large de la façon dont nous utiliserons ces choses et peut-être comment, si vous possédez plus d'expérience avec After Effects, cela pourrait vous aider. La dernière petite pièce ici, juste construire un certain nombre d'éléments Procreate très simples. Nous avons construit tout un plaisir dans lequel nous avons pu prendre tous ces éléments de Procreate et les transformer en After Effects, les transformer en un système amusant unifié. Voici un autre exemple de cela. Donc, j'espère que vous avez une idée de la puissance que vous créez quelque chose de assez simple en utilisant les outils Procreate. After Effects vous donne le pouvoir de multiplier cela exponentielle et de faire des choses assez complexes et intéressantes. 3. Animer dans Procreate: Maintenant, commençons à animer nos éléments dessinés à la main dans Procreate. Ce que je vais faire pour l'amour de la parité, c'est que je vais construire l'actif Procreate qui est essentiellement ce que nous allons utiliser, mais quand je viens travailler avec elle dans After Effects, je vais utiliser un actif que j'ai pré-créé qui est exactement la même chose. En voici un que j'ai fait plus tôt atout. Juste pour que si quelqu'un suit et veut ouvrir les deux fichiers after effects, alors nous travaillons avec tous les mêmes trucs. Mais sinon, vous n'avez pas besoin de le faire. Vous pouvez utiliser l'actif que vous faites aujourd'hui de la même manière. Ce que nous allons faire, nous allons créer et ouvrir un nouveau fichier. Par souci de simplicité, je vais juste utiliser la taille d' écran standard que j'ai mis en place ici, donc une page blanche. Comme vous l'avez peut-être vu dans la pièce précédente, ce que nous allons faire est de créer une particule animée qui se déplace de manière dynamique le long d'un chemin. La première chose que nous allons faire est de créer un chemin. Maintenant, juste au cas où vous seriez intéressé, vous pouvez utiliser n'importe lequel de ceux-ci. On va travailler en noir et blanc. Ça va être très simple. Vous pouvez utiliser n'importe quel pinceau que vous voulez, je pense. Mais je vais utiliser ce pinceau à encre sèche qui, je pense, peut être trouvé dans l'encre. Donc, si vous voulez être très précis, c'est le pinceau que j'utilise là. Sur la couche 1 ici, je vais créer un chemin qui fait cela, puis boucle autour. Mais je pense que ce que je vais faire c'est que je vais le construire en deux, donc c'est un peu plus symétrique. C' est mieux. On y va. Je vais juste dupliquer ce calque ici, puis la fonction de transformation, je vais le retourner horizontalement. On y va. Juste pour qu'on ait une belle forme pour commencer. Il n'a pas besoin d'être parfait du tout. Ne vous inquiétez pas, ce n'est qu'une partie d'exemple. Vous pouvez créer n'importe quelle forme de votre choix. Je vais juste utiliser celui-là. vais juste m'assurer que c'est central et je vais le faire exploser un peu ici. Ça devrait être correct. Je vais juste marquer ici où est mon point de départ. Je vais juste commencer ici. Maintenant, ce que nous allons faire ensuite, c'est activer les aides d'animation. Si vous allez dans ces actions ici dans le canevas, nous avons les conseils de dessin, obtenu l'aide d'animation. Ce que cela va faire est de transformer vos calques en une séquence d'images maintenant. Vous devriez avoir une chronologie en bas et la possibilité maintenant d'ajouter une image. J' en ai ajouté un couple là-bas. Je vais juste supprimer ça, donc j'en ai deux. Ce que Procreate fait, c'est qu'il vous donne un peu d'effet de peau d'oignon pour rendre la première couche légèrement plus légère, et que vous ajoutez plus d'images, l'opacité de cela diminuera. Cependant, ce que nous voulons faire est rendre ce calque un peu en sourdine, donc je vais réduire l'opacité. Alors ce que je vais faire, c'est en faire un arrière-plan maintenant. Je le fais en cliquant dessus dans la chronologie et en vérifiant simplement la fonction d'arrière-plan là. Ce que cela signifie, c'est qu'il va juste le garder en arrière-plan pour référence tout au long du processus d'animation. J' ai mon pinceau à encre sèche. Ma première image va être un petit point. Faisons en sorte qu'on soit sur le bon cadre. Vous devrez peut-être sélectionner le cadre dans les calques. Même s'il est sélectionné dans la chronologie ici. je pense que lorsque vous commencez, vous devrez peut-être sélectionner cette première image. Si vous sélectionnez juste le cadre 2 là, et je vais dessiner, c'est un peu épais. Je vais choisir une couleur plus foncée. On y va. Je vais juste dessiner un petit point noir, puis chaque fois que vous créez un nouveau cadre, ce que nous allons faire est d'ajouter un autre cadre en cliquant sur le bouton Ajouter un cadre ici. Ils vont juste continuer à superposer. Vous n'avez pas besoin de sélectionner ce calque à chaque fois, il devrait simplement le faire automatiquement pour que ce soit le calque sur lequel vous dessinez. Ce que je vais faire maintenant, c'est déplacer ce point toujours aussi légèrement le long de la ligne. Je vais dans le sens des aiguilles d'une montre ici. Je vais recommencer. Maintenant, chaque fois que je fais ça, et vous pouvez juste suivre pendant que je le branche ici. Je vais étendre la quantité d'espace entre chacun de ces points. J' augmente juste la distance entre chacun de ces petits points. Ce que cela va faire est de créer l'effet d'accélérer notre petit point plus rapidement et plus rapidement autour de la ligne. Plus la distance entre le point est grande, plus vite il apparaîtra. Alors qu'il apparaît plus vite, ce que nous voulons faire est dans un autre petit principe d'animation, nous voulons le barbouiller en allongant légèrement le point. Plus je le fais, plus ils se séparent, et plus vite nos points se déplacent, nous allons simplement l'étendre pour qu'il soit de forme ovale. [ inaudible], pourriez-vous zoomer pour que quelqu'un puisse voir où vous êtes en référence à l'image entière ? Oui, bien sûr. Désolé. Nous y voilà. C' est là que j'ai commencé. Parfait. Merci. Je viens de bouger. Maintenant, pendant que vous allez le long, vous pouvez vérifier cela en frottant arrière et vers l'avant le long de la ligne de temps ici juste en tenant dessus et en bougeant. C' est comme ça qu'on se déplace. Je vais juste zoomer, si c'est correct, création de ces cadres. Encore une fois, en me séparant, je commence vraiment à allonger notre petite particule ici. Maintenant, vous pouvez laisser des distances assez importantes entre certains de ces éléments. C' est vraiment accéléré, de plus en plus rapide. Maintenant, comme je l'ai dit, vous pouvez vous arrêter le long de la chronologie. Je ne sais pas si tu peux voir ça, mais tu devrais être capable. Si vous appuyez sur Play sur votre propre composition, vous devriez avoir l'impression que le point démarre lentement et se déplace de plus en plus rapidement le long de la chronologie. Vous pouvez simplement vérifier cela pour vous assurer que votre animation est lisse et qu'elle fonctionne et qu'elle se déplace et s'accélère à la vitesse que vous voulez qu'elle fasse cela. J' ai besoin de partir. Ils vont avoir besoin d'un peu plus grand écart là-bas. Maintenant, alors que je progresse autour de cette forme ici, le point auquel je veux que le point bouge le plus vite sera ce point ici où nous sommes en face de l'endroit où nous avons commencé ici où le point se déplace le plus lentement. Donc nous avons cette belle symétrie où elle se déplace le plus vite, en face où elle se déplace le plus lentement. Ce que cela veut dire, c'est à ce moment que nous avons la plus longue trace de notre particule. Je vais rendre cet élément en face du point de départ vraiment, vraiment long. C' est à partir de ce point maintenant que je vais recommencer à ralentir la particule qu'elle retourne à la position d'origine car elle décélère progressivement et arrive pas à un arrêt complet mais la boucle va avoir un point où il se déplace très, très lentement. Si je me déplace un peu moins d' un écart qu'il n'y avait avant mais la forme est encore longue. J' ajoute juste un nouveau cadre à chaque fois. On y va. À mesure que les points retournaient à leur position d'arrêt, les formes auraient tendance à être plus circulaires et les espaces entre eux deviennent de plus en plus petits. Ça va juste avoir l'effet de faire croire qu'il décélère. À quelle fréquence d'images travaillez-vous ? C' est une très bonne question. C' est la fréquence d'images par défaut, donc il ne fait que 15 images par seconde. Vous pouvez ajuster cela après le fait ou pendant. Vous pouvez le faire dans Procreate, mais vous pouvez l'ajuster dans After Effects. Vous pouvez le faire après le fait, vous n'avez pas à vous en soucier avant de commencer. Cannon demande, comment empêchez-vous la couche de modèle de devenir plus pâle lorsque vous créez plus d'images ? Ce sera d'ici le début. Si vous cliquez sur ce lien, et que vous voulez en faire une couche d'arrière-plan. Il sera plus pâle si vous n'en faites pas un calque d'arrière-plan. Le voici, j'en ai fait un calque d'arrière-plan. Cliquez à nouveau dessus et cochez simplement cette case. Les derniers petits points, ils vont se glisser lentement dans la position finale. Probablement un peu plus à cette fin qu'au début. L' effet que cela aura est que nous aurons point quitter la position de départ plus rapidement, puis prendre un peu plus de temps pour y revenir. Je fais ça assez grossièrement. Vous pouvez passer autant de temps que possible, mais il va toujours avoir un bel effet dessiné à la main. Si ce n'est pas tout à fait parfait, s'il [inaudible] a son propre caractère, ne vous inquiétez pas trop à ce sujet. Maintenant, je ne vais pas tout à fait revenir à la position centrale parce que lorsque la pièce boucle, le cadre à partir duquel elle commence, doit essentiellement être le cadre à partir duquel elle se termine. Nous n'avons pas besoin d'en créer deux. Ce tout dernier cadre ici que j'ai fait, n' est pas tout à fait juste sur la place centrale comme par le premier élément. Encore une fois, vous pouvez jeter d'avant en arrière à travers cela. Voilà votre carte maintenant. Je vais juste frapper « Play ». Vous pouvez voir comment notre petit point zoome sur le haut de la forme du rein, puis revenir lentement. Combien de temps dure toute cette séquence ? Toute cette séquence ici, c'est que vous avez 48 images dans celle-ci. Je pense qu'il y en a 46 dans celui que j'ai ajouté qui est une démonstration, une qui est dans les fichiers que je vous ai envoyés. Quinze images par seconde ne représente qu'une fraction de trois secondes. Ce qui signifie qu'il est assez long pour aller dans la grille de boucle Instagram. Je pense que trois secondes pourraient être le minimum. Ils l'ont peut-être changé, mais c'était le cas auparavant. On y va, ça prend environ trois secondes pour boucler. Tout fonctionne bien là, mais nous allons le rendre un peu plus excitant en ajoutant éléments dynamiques supplémentaires à la boucle qui lui donnent un peu plus de texture ou quelque chose d'un peu plus organique. Là où c'est barbouillé, je laisse derrière moi ces petits points qui vont faire des particules secondaires. Ce très long ici va aller très vite. Je vais juste laisser quelques uns de ces derrière ici au lieu d'un. Ensuite, je vais revenir à une seule particule ici. Je ne vais le faire que sur ces particules où elles sont vraiment allongées, le mouvement est vraiment, vraiment rapide et nous laissons vraiment une série à travers l'écran. On ralentit encore ici, et je pense que je vais en faire le dernier, juste un petit point. Maintenant ce que je vais faire, c'est avec ces éléments, où ils commencent à bouger très vite, nous ne voulons pas qu'ils disparaissent juste après, juste pour ce cadre. Ici, nous sommes sur le cadre. Je vais frotter vers l'avant un cadre, et je vais juste laisser une petite version du même point, un peu plus petit, un peu plus loin, c'est un tout petit mouvement. Je vais aller de l'avant un autre cadre, laisser un autre petit point, peut-être un petit point de plus, un peu plus loin. Encore une fois, si vous passez à travers ça, une fois que la particule de plomb a disparu, elle laisse juste ce petit morceau de lui-même qui s'arrête et disparaît, s'estompe. Je veux faire ça pour toutes les petites particules qui restent. Encore une fois, juste un peu plus petit à chaque fois que nous créons des motifs. Comme pour tous les trucs animés, nous ne faisons que sauter en avant et en arrière le long de la chronologie. Pour faire chacun d'eux, faites-leur un petit chèque, assurez-vous qu'ils vont bien. Ça ralentit bien. On y va. Tout cela va faire, c'est offrir un joli petit contrepoids à la vitesse de la particule principale et nous donner juste le sentiment que, comme, je ne sais pas, c'est presque comme un liquide qui laisse des gouttelettes pendant qu'il tire autour. Voici la plus longue, j'ai un couple ici. Ce très long, je vais m'attarder un peu plus longtemps que les autres petits points. Peut-être que ça bouge un peu plus vite. Tous ces nouveaux codes d'accès, créez-vous sur de nouvelles couches ? Non, désolé. Je saute juste en avant et en arrière le long de la chronologie que nous avons déjà eue. droite. Tous sur le même travail que nous avons fait précédemment. On y va. Celui-ci devient de plus en plus petit. Je vais juste le faire pour le reste de ceux-ci. Encore une fois, n'hésitez pas à les vérifier au fur et à mesure que vous allez. Assurez-vous qu'ils disparaissent dans la bonne direction. les pièces principales se déplacent lentement, moins elles existent et peut-être où la particule se déplace le plus rapidement et nous avons cette piste qui dure cinq ou six images. Ici, certains d'entre eux ne durent que deux ou trois. On y va. Je vais juste jouer ça. Je ne sais pas si vous pouvez le voir là-bas. Ce que je pourrais faire est de rendre mon calque d'arrière-plan un peu moins évident pour que nous puissions le voir. Je vais juste baisser l'opacité. On y va. Maintenant, si vous regardez ça, vous obtenez juste ces petites stries qui sont laissées derrière vous mais vous donnent une idée du chemin qui a été emprunté, laissant un petit sillage de particules supplémentaires là-bas. À ce stade, je vais aller de l'avant. Mais n'hésitez pas à utiliser mon exemple que j'ai pré-créé dans les fichiers qui peuvent être téléchargés ou vous pouvez utiliser le vôtre si vous avez réussi à terminer à l'époque. 4. Passer à After Effects: Ensuite, passons à la façon dont nous déplacons notre animation de Procreate vers After Effects. Je vais l'envoyer sur mon Mac, alors peut-être que vous avez besoin de vous envoyer le fichier par e-mail, mais nous allons le partager en tant que fichier PSD, que Procreate exportera. Cela signifie simplement qu'il est configuré de manière native pour fonctionner dans Adobe After Effects. Je l'envoie via AirDrop, comme je l'ai dit, pourrait être l'envoyer par e-mail, envoyant vous-même, mais la façon dont cela fonctionne le mieux pour vous. Vous pouvez également l'installer sur l'appareil sur lequel votre After Effects est activé. C' est le dossier que je vous ai donné à tous. C' est la même chose. Il est juste pré-créé pour vous et tout est lié dans les fichiers After Effects au cas où vous voulez sauter vous voulez voir ce que j'ai fait et revenir en arrière et comparer votre propre travail. Ce que je vais faire, c'est importer ce fichier. Ce que nous faisons maintenant pourrait varier légèrement par rapport au dossier que je vous ai donné. Je fais de mon mieux pour le recréer parfaitement, mais les couleurs peuvent être légèrement différentes. Certains des effets peuvent être légèrement différents, mais, essentiellement, ce sont les mêmes principes. Je vais juste ouvrir After Effects, puis l'importer et nous pouvons partir de là. Je vous ai donné le fichier que les deux positions de départ importées complètement. Tout est prêt à partir et commencer à animer avec et je vous ai également donné le fichier comme un dernier morceau de travail afin que vous puissiez le séparer et traiter comme vous voulez le faire. C' est After Effects et je vais importer ma boucle. Comme je l'ai dit, vous pouvez importer mon fichier ou vous pouvez importer le fichier que vous avez créé. Je vais importer ce fichier que je vous ai donné et je vais l'importer en tant que composition et c' est important parce que l'importation de ce métrage l'importera en tant que fichier plat. Nous voulons pouvoir travailler avec toutes les couches, donc nous allons l'importer en tant que composition. On y va. Cela pourrait vous faire monter un petit écran comme celui-ci nous voulons nous assurer que le style de calque modifiable est coché et si je double-clique sur cela, vous pouvez voir ici nous allons. Tout est là-dedans. Chaque couche va être superposée l'une sur l'autre dans ce cas. Nous allons nous occuper de cela et d'autres choses que nous allons avoir quelques couches inutiles que nous n'allons pas utiliser dans le processus d'animation et ce sont la couche d'arrière-plan et la couche 1 que nous avons ici et qui sont juste la couleur d'arrière-plan que Procreate met dans un fichier et le calque sur lequel nous avons créé notre petit guide. Je vais juste les sélectionner et les supprimer et cela laisse 46 images. Tu pourrais passer par là et les nommer tous toi-même. J' ai choisi de ne pas pour des raisons de folie de temps. Ce que vous remarquerez, c'est que j'ai dessiné la pièce en noir et donc ce que j'ai maintenant est une série de points noirs sur le fond noir. Nous allons vouloir simplement parler de cela vous puissiez voir ce que vous faites, mais je vais dans mes paramètres de composition. Composition, Paramètres de composition, ma fréquence d'images est la même que dans After Effects, vous devrez peut-être changer que si la valeur par défaut sur votre système est quelque chose de différent mais que vous avez obtenu à 15 images par seconde, 46 et je vais changer cette couleur d'arrière-plan afin que je puisse voir ce que je fais. Je vais le changer en gris moyen et j'espère, comme vous pouvez le voir, maintenant nous avons quelque chose avec lequel nous pouvons travailler. Ce que nous voulons faire est de ramener cela à la situation où nous avions dans Procreate, où nous pouvons voir l'animation jouer à travers en temps réel, en jouant chaque image dans la séquence. Je vais sauver ça juste au cas où ça se bloque. Ce que je vais faire est de sélectionner tous les calques ici, et je vais juste les faire glisser le long de la timeline pour qu'ils soient temporairement longs. Chaque couche est une image de longueur. Ensuite, ce que je vais faire, je vais utiliser l'assistant d'animation pour les étaler à travers le temps afin que nous soyons à l'endroit où nous étions dans Procreate. Si vous les regardez individuellement, vous pouvez voir chacun des calques dans l'ordre. En raison de la façon dont Procreate piles, les fichiers, ils commencent en bas. Ce que nous faisons lorsque nous faisons cela est de sélectionner le cadre le plus bas, Hold Shift, et de sélectionner le cadre le plus haut et j'ai sélectionné tous les calques, mais c'est fait dans la séquence de bas en haut afin que lorsque nous cliquons avec le bouton droit de la souris et aller à Key Frame Assistant et appuyez sur « Sequence Layers » et « Ok ». Vous pouvez maintenant voir sur la Timeline qu'il est étalé tous là-bas. Si on passe à travers, on y va, on a notre lecture. Si vous appuyez sur la barre d'espace ou sur zéro sur le pavé numérique, After Effects rampe le radium. Nous devrions avoir exactement ce que nous voulons et où nous avons commencé. Je vais appeler cela Precomp purement parce que c'est ce que je l'ai appelé dans le morceau que je vous ai donné les gars et ça va devenir compliqué de représenter cela correctement si je ne fais pas ça. Ce que nous voulons gérer avec ce calque maintenant, c'est vraiment l'utiliser de manière à ce qu'After Effects fasse mieux les choses en le multipliant, en faisant des trucs sympas avec les couleurs, et en général en jouant autant que possible. 5. Animer dans After Effects: Maintenant, nous pouvons commencer à manipuler nos fichiers dans After effects pour créer quelque chose de plus engageant. Je vais prendre le pré-comp et je vais juste le mettre dans cette nouvelle composition ici. Ce que ça va faire est de faire glisser une composition dans l'autre. Alors que nous travaillons vers une sortie, je voulais que vous gardez à l'esprit que peut-être nous allons poster ce genre de choses sur Instagram ou autres. Donc, je vais aller dans mes paramètres de composition et je vais juste changer la largeur et la hauteur à 1080 d'ici 1080, ce qui, je crois, est l'échelle Instagram standard. Vous verrez que notre comp est en fait plus grand que ce dont nous avons besoin, mais c'est bon. Attrapez-le et réduisez l'échelle. Si vous maintenez le décalage pendant que vous faites cela, vous serez en mesure de le faire proportionnellement. Voilà, tu y vas. Si j'appuie à nouveau sur la barre d'espace, vous pouvez le voir jouer dans les nouvelles limites légèrement plus petites. Maintenant, ce que je vais faire est de dupliquer cette comp un certain nombre de fois et de les faire se chevaucher. Mais le problème que nous avons actuellement, c'est que nous sommes passés d'une situation où nous pouvions voir tous les cadres ensemble à une situation où nous ne pouvons que voir le cadre sur lequel nous sommes. Ce que je vais faire, et je vais juste le faire pour cette section, c'est copier et coller tous nos calques ensemble et je vais les étendre afin que nous puissions voir brièvement quand je reviendrai au pré-comp 2. Je vais changer le nom de ceci en couleur parce que c'est là que nous allons faire notre coloration. Désolé de sauter en avant et en arrière entre ceux-ci, c'est la nature d'After Effects. Donc, nous avons des pré-compositions et des couleurs. Maintenant, nous pouvons voir toute la séquence à nouveau à l'intérieur de notre vue. Ce que nous pouvons faire, c'est que je vais juste copier et coller le pré-comp ici sur la chronologie, et dans ce cas, je vais le coller quatre fois. Ce que nous pouvons faire est de voir comment nous pouvons maintenant organiser ces effets spatialement et à temps pour créer des effets sympas. Ce que je vais faire, c'est tourner. Il y en a quatre donc si je divise ça par 360 degrés par 4, j'ai 90 degrés. Je vais faire pivoter l'un d'entre eux de 90 degrés, un par 180 et un par 270. On y va. Maintenant, nous avons un tableau de ceux-ci. Vous pouvez voir comment ils vont interagir les uns avec les autres, mais ils sont empilés ici. Ils ne sont pas particulièrement bien arrangés, donc ce que je vais faire c'est que je vais les sélectionner tous. Si vous réglez les points d'ancrage de chacun, vous verrez comment un effet kaléidoscope vous permet de les faire glisser dans la même direction par rapport à l'axe x et y de chacun. Je ne vais pas faire trop avec ça. Mais l'autre chose que vous pourriez faire est juste de les faire tourner légèrement pour que je puisse tout faire tourner pour qu'ils soient diagonaux. Je vais juste gâcher avec ça. Donc quelque chose comme ça a l'air sympa. Vous avez presque un effet floral kaléidoscopique qui se passe. Maintenant que nous savons où tous nos éléments vont être situés dans l'espace, nous pouvons revenir en arrière et nous pouvons prendre ces couches que nous avons créées plus tôt et vous pouvez les [inaudibles] pour référence plus tard. Mais par souci de simplicité, je vais juste les supprimer maintenant pour que nous soyons de retour, voir où nous étions et nous pouvons frotter le long de la chronologie. [ inaudible] vous avez juste laissé tomber un peu quand vous expliquez ce que vous avez fait avec toutes ces couches. Aussi, si vous pouviez juste récapituler là-dessus. Donc, comme je l'ai dit, la raison pour laquelle je tourne ces couches, c'est juste pour que nous puissions voir comment notre petite séquence animée va être disposée et nous avons une idée de l'endroit où seront toutes les particules. Maintenant que nous avons fait ça et que je les ai arrangés comme je voudrais qu'ils soient, je peux retourner dans la composition pré-comp, prendre ces calques et les supprimer. Alors maintenant, on y retourne et on a la même séquence que celle qu'on avait plus tôt. Si vous rencontrez des problèmes avec le séquençage de couche, je pense que la version, le fichier que j'ai configuré, onestart.aep, devrait avoir tous les fichiers correctement disposés pour cette composition pré-comp, si cela aide. Vous entendez mes pré-comps maintenant disposés comme je les voulais, dans mon motif kaléidoscopique. Si je frappe maintenant, si je fais ça un peu plus grand, vous pouvez déjà voir que nous avons un petit modèle cool qui se passe où nous avons réussi à dupliquer notre séquence animée et à le rendre vraiment amusant petit séquence géométrique. Maintenant, nous avons déplacé les éléments dans un sens spatial, mais ce que nous allons faire maintenant, c'est les déplacer dans un sens temporel. Donc, tous ces trucs, vous pouvez glisser vers l'arrière et vers l'avant le long de la chronologie, cela va créer des effets différents. Parce que ma chronologie mesure 46 images, je vais essayer de tout décaler grossièrement de sorte que la boucle d'une manière que tout soit réparti uniformément sur toute la ligne de temps. Donc chacun de ces quatre éléments, vous pouvez voir que j'ai déplacé l'un d'eux à 23 images, soit la moitié de 46, je déplacerais un à 11, ce qui n'est pas tout à fait la moitié de 23. S' il vous plaît, monsieur, pouvez-vous récapituler la façon dont vous les avez fait tourner. Oui. Oui. Merci. Je vais les remettre. On y va. Si vous sélectionnez tous ces calques, et que vous pouvez soit ouvrir la chose de transformation et aller à la rotation, nous pouvons simplement appuyer sur « R » et cela fera apparaître la rotation pour vous. J' ai choisi de les faire pivoter uniformément pour qu'ils soient tous bien répartis, mais vous pouvez les faire tourner comme vous voulez, vous pouvez les faire différentes tailles, différentes quantités de rotation, différentes quantités de rotation, les rendre non symétriques ou tout ce que vous voulez. veulent le faire, mais vous pouvez simplement le faire en ajustant ce curseur de rotation. Comme je l'ai dit, dans mon cas, je l'ai eu pour qu'ils soient divisés de quatre façons autour de ce 360 degrés. Je vais faire glisser tous ces éléments le long de la chronologie. Comme vous pouvez le voir, vous pouvez les déplacer comme vous le souhaitez. Je vais les séparer. Nous avons divisé la chronologie par quatre. Vous pouvez voir que c'est environ un quart du chemin le long de la moitié et des trois quarts. Parce que notre boucle devrait partir parfaitement, ce que nous pouvons alors faire est que nous allons manquer certains éléments de l'animation au début où elle ne remonte pas dans le temps. Mais ce que nous pouvons faire, c'est si vous sélectionnez votre calque, contrôlez et le collez, puis faites-le glisser pour que vous ayez le même calque et qu'il recommence ici où nous avons déplacé le calque le long de la chronologie. Je vais le faire pour chacun d'eux. Il suffit donc de contrôler et de coller et de le faire glisser pour qu'il se rencontre au point où nous avons divisé le pré-comp. Je le fais encore là. Maintenant, ce que vous devriez avoir, c'est que tous ces calques sont déplacés de telle sorte qu'ils soient désormais parfaitement décalés par un quart de la boucle de l'animation elle-même. Donc si je frappe le jeu maintenant, vous devriez avoir cette intéressante boucle géométrique organique. Quand j'ai créé ça, je pensais qu'ils se sentaient presque comme des lucioles. Mais ce que nous allons faire maintenant est de revenir dans notre pré-composition et ajouter quelques effets à cela qui vont ensuite revenir à travers cette composition de couleurs. 6. Jouer avec les couleurs: Maintenant, nous pouvons commencer à jouer avec l'application de couleurs différentes à notre animation. Je vais ajouter un nouveau calque. Je vais aller Calque, Nouveau et Calque d'ajustement. Ce qu'un calque d'ajustement fait, c'est qu'il affecte chaque calque dessous dans cette ligne de temps précon-précon-. Ce que je voulais affecter, c'est la couleur de notre point. Dans ce cas, ce que je veux faire, je vais aller Effet, Correction de couleur. Vous allez vouloir que le Calque d'ajustement soit sélectionné là, puis allez Effet , Correction de couleur, et je descends à Teinte. Maintenant, la teinte affecte les éléments noirs et blancs de n'importe quelle image. Mais ce que je vais faire, c'est que je vais faire ces deux blancs. Ce que ça va faire, c'est tout en dessous, vous pouvez maintenant voir que mon point est blanc, mais je veux seulement que mon point, ma particule devienne blanc pendant qu'elle bouge vite. Je vais choisir où il se déplace le plus vite, qui est ce point ici. Je vais faire le montant que c'est blanc à 100 %. Je vais juste cliquer sur cela, et cela devrait créer une image clé ici sur ma chronologie du montant à teinter à 100 pour cent. Quand il bouge plus vite, il sera blanc, puis quand il bouge lentement, je vais sélectionner ceci, et juste revenir à zéro. Donc, comme vous pouvez le voir, il s'estompe progressivement jusqu'à quand il se déplace le plus vite, son plus blanc, puis, quand il se déplace lentement à nouveau, je vais le faire glisser vers le bas pour qu'il soit noir. Ce que vous devriez avoir maintenant est juste une petite séquence. Je vais juste frapper Play dessus, et on y va. Lorsque les particules se déplacent plus vite, Il devient juste blanc. Comme je l'ai dit, si nous allons dans cette composition de couleur maintenant, tout devrait se propager à travers. Ce que nous allons obtenir, c'est cette séquence vraiment cool où, j'ai dit, il y a un sentiment que ces petits insectes ou lucioles ou quelque chose de similaire, quand ils sont vraiment animés, et se déplacent rapidement, ils brillent dans cette couleur blanche. Ce que je vais faire ici, c'est je vais ajouter un autre calque d'ajustement qui va fonctionner en plus de ce que nous venons de créer. Encore une fois, si je passe à Effet , Correction de couleur et Teinte, alors que vous avez ce Calque d'ajustement sélectionné, cela va vous donner cet effet de teinte que nous pouvons maintenant appliquer à nos quatre compositions, tous nos offset, décalage temporaire, compositions spatialement offset suivant ce genre de thème de, dans le cas de ce que je fais ici, lucioles, je vais rendre cette couleur blanche jaune éclatant. Tout ce qui est blanc, va être transformé en jaune ici, et quand il sera noir, disons, gardons la brillance, mais je vais faire ce genre de rose-rouge. Une sorte de remarque la couleur plus foncée. Maintenant, tout cela se trouve sous le calque d'ajustement que vous pouvez désactiver et activer. Mais vous devriez, nous y allons, avoir un cadeau en boucle, ça ressemble à ça. Ce sera le genre de base de notre composition finale que nous allons assembler, et mettre en couche, et faire regarder, espérons-le beaucoup plus spectaculaire. Encore une fois, je vais prendre ma composition de couleurs, qui est la pièce dans laquelle nous travaillons actuellement. Je vais faire glisser ça dans une nouvelle composition ici. Nous sommes des niveaux de départ profonds, nous sommes trois profondément ici. Il y a notre composition précédente, si je joue ça, tout fonctionne comme dans la composition précédente. Mais maintenant, je vais arriver à travailler d'une manière qui n'est pas différente de Photoshop ou quelque chose de similaire. Je veux créer quelque chose en utilisant des effets différents, mais je veux que cela s'asseoir sur un fond plus sombre. Je vais aller Layer, New Solid, et ça va me créer un fond solide. Je vais aller pour un violet foncé juste pour que les couleurs se démarquent mieux de ce que nous avons dans la composition précédente. Si je déplace ça à l'arrière, voilà. On commence déjà à avoir l'impression que c'est un peu organique. Maintenant, comme je l'ai dit, je vais faire de mon mieux pour le faire exactement de la même manière que j'ai fait le fichier de démonstration, mais supporte avec moi si c'est, si c'est légèrement différent, c'est essentiellement tout de même principe. C' est à ce stade que, si vous connaissez After Effects, vous pouvez vraiment appliquer vos propres effets. Devenez fou, faites ce que vous voulez, mais n'hésitez pas à suivre exactement ce que je fais, et vous aurez une idée du genre de choses que vous pouvez faire dans ce scénario. 7. Touches de finition: Maintenant, nous pouvons ajouter quelques effets de polissage pour vraiment faire briller cette animation. Donc, si je copie et colle ceci, donc Contrôlez avec C, Contrôlez avec V. J'ai maintenant une version de la même composition au-dessus de la dernière et ce que je veux faire est, je veux diviser légèrement le flou. Donc, je vais utiliser un flou gorging et ça va juste créer un peu d'effet de lueur autour du bord de mon travail existant. Encore une fois, si je vous les montre individuellement, il y a le genre d'effet de lueur que nous venons de créer et il se trouve au-dessus de ces particules ici. Si vous ouvrez les effets et les préréglages, cela vous permet de rechercher des effets. Donc, je veux juste chercher l'effet scatter ici. Dans mes effets et presets, je tape dans scatter, je peux taper scatter. Là, on va et dans styliser, on y va. Donc effet, styliser, et disperser et ce que cela fait est d'ajouter un peu de bruit à cette lueur, donc là je ne sais pas si vous pouvez voir, mais c'est un peu moucheté maintenant. Si je bascule les modes et les commutateurs ici, nous présentons les modes de transfert de style Photoshop Illustrator et je vais simplement le mettre sur une annonce. Cela lui donne juste ce genre de valeur plus brillante. On y va. Il améliore vraiment la lueur. Maintenant, je vais tout faire là-dessus. Je vais en faire un autre et je vais le brouiller encore plus et je vais le disperser encore plus. Donc on a doublé. Voici l'original. Voici la lueur que nous avons créée avec le flou gaussien et dispersion et puis j'en ai créé un autre que j'ai mis sur le dessus. On y va, c'est tous les trois maintenant. Ce que je vais faire enfin, c'est ajouter un peu d'effet d'écho. Je vais copier la composition de couleur avec laquelle nous avons recommencé et coller ça et je vais l'apporter à l'arrière. Donc, si vous suivez le long, ce n'est qu'une autre version de la même composition que nous dupliquons à chaque fois pour ajouter ces couches d'effets aussi. Je vais éteindre les autres ici et cette fois ce que je vais faire, je vais dans mes effets, donc je vais passer à l'heure et je vais cliquer sur l'écho. Ce que cela va faire, c'est qu'il va créer des versions au fil du temps de la même chose, cela va faire écho aux images que nous avions précédemment, va faire écho aux images qui existent sur cette couche dans le temps. Vous pouvez voir si je l'éteins et là-dessus. Il ajoute le cadre précédent à ce calque. Donc, ce que vous pouvez faire si j'ajuste le nombre d'échos, peut-être que cela aidera à mieux l'expliquer. Vous pouvez voir qu'il ajoute de plus en plus de versions de lui-même à partir des images précédentes de sorte que vous avez ce genre d' accumulation de couches de la même composition. Je ne l'explique peut-être pas très bien, je vais utiliser trois échos ici. Je vais mettre, ajuster cette petite pourriture, qui signifie qu'ils vont disparaître progressivement chaque cadre. Je vais ajuster ça à 0,8. Il y aura un léger fondu de cet écho. Si nous passons en revue le long de la chronologie, vous pourriez avoir une meilleure idée de la façon dont cela fonctionne. C' est juste une sorte de laisser derrière lui une trace d'elle-même. Cela va s'asseoir au bas de ma composition, derrière tous les autres effets, et nous espérons pouvoir nous donner l'impression que c'est une lumière de fuite. Ce que je vais faire, c'est que je vais teinter ça à une couleur violette. la même façon que nous avons teinté avant. Ensuite, je vais ajouter un autre flou à elle. On y va. Maintenant, si je remets les autres couches, on a quelque chose comme je t'ai montré tout à l'heure, où on a une composition de luciole très organique. Ces choses bouclent et encerclent l'un l'autre et parce que nous avons fait revenir la boucle à la même position, elle devrait être parfaitement pour vous. On y va. ce qui est de l'exportation, si nous voulons faire un rapide, je vais rapidement vous montrer comment exporter cela. Si vous allez à la composition et ajoutez pour répondre à votre encodeur, ce que cela va faire est d'ouvrir votre Media Encoder. Si c'est quelque chose que vous n'avez pas pré-installé, ne vous inquiétez pas, je ne sais pas pourquoi il n'existe pas dans After Effects lui-même. C' est juste un petit ajout sur ce genre de vous permet d' encoder des choses en dehors d'After Effects. Ce que cela fera est momentanément, il mettra quelque chose dans cette file d'attente qui nous permettra de rendre une petite vidéo qui est parfaitement adaptée à Instagram, Twitter, n'importe quoi de ce genre de choses. On y va. C'est un fichier H.264, c'est un MP4. Je vais m'assurer que cela est rendu sur mon bureau pour plus de facilité, puis je vais frapper play et Media Encoder va lancer ça pour nous. 8. Q&R: Je vais juste répondre aux dernières questions. Peut-on utiliser le remplissage au lieu de la teinte, ou casser leurs compositions ? Vous pouvez absolument utiliser remplissage. C'est très bien. J' ai utilisé la teinte dans ce cas juste parce qu'on a utilisé cet effet noir et blanc. Si vous voulez qu'il y ait une couleur dynamique supplémentaire le long d'une composition, alors c'est très utile. Mais oui, vous pouvez absolument utiliser remplissage. Y a-t-il une raison pour laquelle vous dupliquez les comps tant de fois qui divisent les effets ? Est-ce que cela rend le rendu de l'aperçu plus rapide, ou avec les effets semblent différemment s'ils n'étaient pas crachés entre les compositions ? C' est une question dense et complexe. Désolé, je vais juste trier si mon Media Encoder peut, voilà, atteindre son serveur. Essentiellement, ce que nous voulons faire est de le faire fonctionner de la manière la plus malléable possible. En ayant une pré-comp que nous pouvons revenir en arrière et nous pouvons peut-être ajuster, faites glisser ces éléments autour. Cela signifie juste que, vous avez le moins d'images clés possible qui se propagent à travers toute la séquence. Donc, si vous voulez ajuster la couleur, par exemple, de ces deux éléments ici pour être, peut-être que vous voulez vert et bleu, tout ce que vous avez à faire est d'ajuster ces deux nœuds dans le filtre de teinte. Eh bien, regarde, je vais te montrer. Faisons-le vert et bleu. Cela s'appliquera à tout ce que nous avons fait jusqu'à présent. Tous nos flous et lueurs que nous avons, ils seront affectés par ces changements. Nous n'avons pas besoin de changer plusieurs paramètres de couleur pour d'autres pièces. C' est juste une façon d'utiliser la puissance inhérente des effets après et la façon dont il fonctionne de cette manière nodale, pour créer quelque chose qui est modifiable. Tu peux y retourner maintenant. Vous pouvez simplement déposer une autre séquence entière dans cette pré comp et cela l'appliquera à tout ce que nous avons fait aussi. Vous pouvez déplacer les éléments dans le temps, sorte qu'ils fonctionnent de manière à ce qu'ils se chevauchent d'une manière différente. Toutes ces sortes de choses qui vous donne juste la flexibilité pour être en mesure de jouer avec elle comme vous le souhaitez. 9. Réflexions finales: C' est tout pour aujourd'hui. Merci beaucoup de vous être joint à moi et j'espère que cela vous donnera un point de départ pour aller de l'avant dans votre processus d'animation. Je vous ai montré une utilisation très explicite de cela. Absolument, si c'est votre première fois dans After Effects, faites une exploration, ouvrez l'onglet Effets, voyez ce que vous pouvez appliquer à vos calques et j'aimerais voir le genre de choses que vous pouvez créer en utilisant ces principes et tout ce que vous découvrirez au cours de votre voyage avec After Effects. De toute évidence, étant en direct, nous passons à travers certaines de ces étapes très rapidement. Vous pouvez toujours revenir en arrière, revoir les parties antérieures du cours, ou sauter dans les fichiers précréés et n'oubliez pas partager tout ce que vous avez fait au cours de cette session dans la galerie de projets. Merci encore pour le réglage. Pour en savoir plus sur moi et mes autres cours de Skillshare, consultez mon profil Skillshare.