Animer des illustrations à l'aide de l'outil Puppet

1. Introduction: Bonjour, je m'appelle Keila Sousa et je suis illustratrice et designer pour Motion Graphics de Londres, en Angleterre. Dans ce cours, je vais vous apprendre à animer vos illustrations à l'aide de l'outil de marionnettes. Cette classe est pour tous ceux qui veulent commencer à animer leurs illustrations, des personnages complexes aux dessins simples, l'outil de marionnettes peut tout déplacer. Pour commencer la classe, nous allons ouvrir l'application de dessin pour illustrer notre personnage dans les calques à importer dans les effets d'après où nous allons tout apprendre sur l'outil de marionnette. Vous n'aurez pas besoin de connaissances préalables sur les effets car je vais parcourir étape par étape. Ensuite, nous allons définir notre mouvement et exporter vers GIF et MP4 où vous pouvez le télécharger comme votre projet pour la galerie de projet et dans votre vos réseaux sociaux ou partout où vous le souhaitez. Je vais également vous montrer comment j'utilise l'outil de marionnette dans différents exemples de travail, afin que vous puissiez voir exactement comment l'appliquer dans différentes situations. Après avoir suivi ce cours, vous pouvez prendre ces connaissances et appliquer l'outil de marionnette à toutes sortes d'illustrations et obtenir des résultats tout aussi excellents. J' illustre et conçois depuis trois ans maintenant travailler en étroite collaboration avec des animateurs sur des animations de personnages plus complexes à de simples GIFS en boucle. Maintenant, je sais que les animations peuvent vraiment stimuler votre engagement. Si vous avez besoin de donner un avantage à votre portefeuille ou si vous avez besoin de vos médias sociaux pour obtenir cet engagement important , ce cours vous donnera les compétences nécessaires pour le faire. Depuis que j'étais petite, j'adorais le dessin et j'avais ce livre appelé Le Pinceau Magique, où l'enfant a un pinceau et que toutes les peintures prennent vie. Je suis si heureuse de pouvoir le faire dans ma vie d'adulte. Je veux partager cette joie avec vous à travers ce cours. Si vous êtes prêt, commençons. 2. Le projet: Pour le cours d'aujourd'hui, nous allons travailler ensemble pour créer notre propre GIF animé à partir de nos illustrations. Votre projet est de partager le GIF animé sur notre galerie de projets pour l'ouvrir aux commentaires et inspirer notre communauté. Cela peut être téléchargé et partagé instantanément, non seulement sur Skillshare, mais sur votre portefeuille en ligne comme je l'ai fait ici, pour attirer l'attention de ces clients potentiels au fur et à mesure qu'ils défilent. Nous produirons également un MP4 du même fichier afin que vous puissiez le télécharger sur vos réseaux sociaux, ou si vous le marquez comme moi, vous pouvez l'avoir comme une attention en saisissant GIF en haut de vos e-mails. Encore une fois, ne vous inquiétez pas si vous n'avez jamais touché After Effects auparavant. Je vais tout parcourir étape par étape, donc vous serez super confiant d'utiliser l'outil de marionnettes sur vos illustrations. Vous aurez besoin que votre application de dessin soit ouverte pour commencer. Je vais utiliser Procreate. Si vous voulez suivre avec moi, vous pouvez l'ouvrir, ou vous pouvez ouvrir Fresco, ou Photoshop. Tout ce que vous pouvez dessiner en couches est bien pour aller avec ce cours. Si vous êtes prêt, nous allons illustrer. 3. Illustrer votre personnage: Super. Maintenant, nous avons notre application de dessin ouverte, je vais vous montrer comment j'utilise des références pour créer mes illustrations, en utilisant la procréation. Pour mes illustrations, j'utilise une variété de ressources. J' adore pinterest, c'est génial d'avoir un endroit où vous pouvez simplement vous perdre dans des tas de ressources différentes, et les épingler pour les enregistrer pour des illustrations ultérieures. Voici quelques exemples de mes planches, animaux mignons, visages. Celui-ci n'est que le visage. Maintenant, il est toujours bon d'avoir une grande variété dans votre travail quand il s'agit de design de personnage. J' utilise principalement des exemples de la vie réelle, donc parfois je vais prendre un petit carnet de croquis avec moi, comme vous pouvez le voir, je l'utilise pour tout, pas seulement des croquis, toutes mes notes sont là aussi, donc voici un cycliste que je esquissé, et qui a réellement inspiré cette illustration ici. Une autre chose que je suis obsédé par est, prendre des croquis sur le tube en utilisant mon téléphone, juste cinq minutes sur l'application de notes, ceci est esquissé avec les gens vraiment intéressants de Londres, et juste pour capturer que chose qui a attiré mon attention sur eux. Ensuite, je le prends dans Procreate ou illustrator plus tard, et je fais un nouveau personnage comme celui-ci. En tant que concepteur de personnages, je vais dessiner le caractère aujourd'hui basé sur l'inspiration de la vie réelle, moi. Je vais me dessiner dans mon endroit préféré pour esquisser, sur le canapé. Dites que si vous voulez suivre exactement, vous pouvez vous faire esquisser, ou si vous préférez, je vous encourage à décorer votre espace, trouver quelque chose qui a un peu de mouvement dedans, peut-être que vous avez un animal de compagnie avec une queue de remuage, peut-être que vous préférez faire une plante avec des feuilles de renonciation, ce que vous voulez, nous pouvons le faire dans cette classe. Évidemment, il est préférable de suivre avec le design du personnage, mais je suis facile. Tu peux faire ce que tu veux. Lorsque vous avez sélectionné ce que vous voulez dessiner, passons à l'esquisse. Sur Procreate, nous allons créer un nouveau canevas, vous pouvez faire de même dans Photoshop ou Fresco, et nous appuyons sur le symbole Ajouter ici, et appuyez sur le symbole Ajouter ici. Maintenant, notre nouvelle toile va être de 1 080 sur 1 080. C' est la taille parfaite pour Instagram, et je l'utilise aussi sur mon portefeuille, donc vous pouvez l'appeler un nom approprié, si vous voulez, vous pouvez l'appeler Instagram, je vais l'appeler, outil de marionnettes, juste pour aller avec cette classe. Maintenant, vous verrez ces deux-là, c'est des pixels par pouce. Maintenant, j'ai mis ça à 300 pixels par pouce, c'est assez élevé, et je vais le prendre dans mon Mac. Maintenant, je sais que mon Mac peut gérer ça, si vous savez que votre ordinateur peut être un peu lent, peut-être juste réduire ça à 150. Nous appuyons sur Créer, et notre nouvelle page apparaît. Nous allons commencer avec quelques connaissances communes de base, donc je vais utiliser mon crayon 6 p ici, et juste vous donner un peu de connaissances, juste parce que si vous dessinez un personnage comme moi, ce sera vraiment utile, surtout quand nous venons à animer. Nous avons nos articulations de l'épaule là-bas, notre base, et les poignets en bas tenant les mains. Ensuite, nous avons nos articulations de la hanche, nos articulations du genou et nos articulations de la cheville. Donc juste savoir sur ces articulations de base va nous aider avec l'animation. Ajoutez une nouvelle couche, éteignez-la, et réfléchissez à la façon dont je m'assois sur le canapé, aurai mon canapé ici, et je m'assois ici. J' aime remplir la page avec Instagram, maximiser l'espace visuel attrayant. Je vais dessiner la tête assez grosse dans le coin, et ensuite je vais me pencher contre le dos, donc il y a une de mes épaules. Imaginez une autre épaule ici. Si je vais me pencher, aurai mon coude ici, et mon bras remonte, prêt à dessiner sur l'iPad. Ce sera par ici quelque part avec le stylo, et l'iPad. Ensuite, je vais attirer mon torse, donc je dirais quelque part comme ça, et je vais faire sortir ma hanche avec mon genou jusqu'au sommet. Comme je l'ai dit, remplissant cet espace. Puis refroidir en bas et en haut. Maintenant, mon autre jambe est dans une position intéressante, parce que c'est autour de l'arrière et de venir autour de l'avant. Donc, si j'imagine que ma cuisse arrive, et que mon pied croise par dessus. Maintenant c'est la jambe que je vais bouger, donc je dois m'assurer qu'il y a beaucoup d'espace libre autour d'elle, donc je vais penser à cela dans le raffinement de la prochaine étape. Enfin mon bras, je vais mettre derrière ma tête, me gratter la tête. C' est ce que je fais d'habitude quand je pense, et je me mets la langue dehors, bien sûr. Ici, nous avons nos os de base. Pour le calque suivant à n'importe quel, réduisez l'opacité sur ce jusqu'à ce qu'il soit assez bas, je le mets habituellement autour de 25, et ensuite nous allons utiliser le même crayon, parce que nous sommes encore au stade de l'esquisse, et nous allons juste affiner ce croquis. Donc je vais rendre ma tête un peu circulaire, j'espère que vous pourrez voir, quand vous avez fait une courbe, vous tenez, j'essaierai à nouveau. Maintenez et appuyez sur, puis il devient une courbe parfaite. Utilisant cette idée, revenez et construisez le muscle de mon personnage. Ça m'a rendu un peu plus musclique que ça. Nous allons juste éliminer toutes ces articulations, et les os que nous avons déjà mis et commencer à ajouter quelques détails qui font de votre personnage ou de vous, vous. Je vais affiner ce peu beaucoup, parce que je veux juste remplir la forme, donc je vais ramener mon dos et mon fond tout autour, et ensuite je vais penser aux jambes. Donc c'est mon fond, ma jambe va monter et autour, je vais juste lui donner un peu plus d'un virage que dans les os d'origine, donc absolument ne vous inquiétez pas si vous devez faire un bon nombre d'entre eux, une chose J'ai vraiment appris que le dur était que j'avais juste besoin de le faire encore et encore, jusqu'à ce que j'en sois content. J' aime toujours penser que j'apprends, alors j'essaie de penser que mon premier est toujours le meilleur. Mais ce n'est pas toujours le cas. Donc vous pouvez voir que j'ajoute des petits détails ici, quelques orteils dedans, nous pouvons être plus détaillés comme nous le faisons le prochain tour, doigts, oreille, et enfin nous avons mon autre épaule ici. Donc je vais passer par ici, c'est juste derrière cette jambe, donc je n'ai pas besoin de dessiner ça. Nous y sommes. C'est notre prochaine couche. Jetons un coup d'oeil avec celui en dessous. Super. A ce stade, vous pouvez dessiner et redessiner autant que nécessaire pour affiner votre croquis, je vais maintenant passer à la scène d'encrage. Donc, si vous avez besoin de l'affiner davantage, mettez la vidéo en pause, puis rejoignez-nous une fois que vous avez terminé. Je vais réduire l'opacité sur celui-ci, et ajouter un nouveau calque, puis je vais chercher mon stylo d'encre. Maintenant mon stylo encreur est un stylo cactus, je l'ai fait pour cactus il y a longtemps, c'est juste un stylo studio dupliqué parce que nous ne voulons pas perdre cet original, et j'ai joué avec ce lissage et le flux pour le rendre un peu plus lisse. J' ai aussi mis un lien vers mon stylo à cactus, donc vous pouvez l'utiliser. Maintenant, pour inclure le contour, vous allez littéralement plus loin, toujours faire des améliorations au fur et à mesure que vous allez. Je vais essayer de faire cette leçon un peu plus rapide avec cette partie, donc trouver la position des doigts, et vous pouvez annuler, et la position du bras, faire de belles lignes fluides afin que vous obtenez vraiment transporté à travers la page. Ne vous inquiétez pas si vous faites des erreurs. Cela fait partie de votre processus d'illustration et fait partie de votre personnage. Maintenant, je ne vais pas dessiner ce morceau dans ce temps, parce que nous avons cette jambe qui arrive sur le dessus. Encore une fois, faire ces améliorations à votre dessin. En passant, encore une fois je pense que mes pieds sont un peu longs là-bas, donc je vais réduire ça, élever, ajouter une jambe de pantalon, et les orteils, l'autre côté aussi, et je vais faire un ajustement à cette position du bras juste pour que vous ne puissiez pas vraiment le voir ici. Maintenant, les derniers détails que je vais ajouter, manche de cou là-bas, et évidemment, une des parties les plus importantes d'une illustration de personnage, le visage. Je vais faire un visage assez simple pour celui-là, sortons ma langue concentrée, et là. C' est plutôt bon. Je suis plutôt content de ça. Jetons un coup d'oeil sans la couche en dessous, bien. Je pourrais faire quelques ajustements avant la prochaine leçon, mais nous avons fini. Joli. Tu viens de finir ton illustration. Dans la leçon suivante, nous allons apprendre comment transformer cela en couches utilisables pour notre animation. 4. Faire des couches: Dans cette leçon, nous allons utiliser notre esquisse pour construire tous les calques importants pour l'animation. À ce stade, je veux que vous regardiez votre illustration et réfléchissiez aux parties que vous voulez déplacer. Dans le mien par exemple, je pense que je vais faire la jambe d'avant en arrière là où je pense. Je pourrais aussi décider de bouger mon bras, que je puisse faire bouger le crayon comme si j'écrivais. Je pourrais aussi déplacer la langue, par exemple, les doigts peut-être. Jetez un oeil à votre dessin maintenant et pensez à une pièce que vous aimeriez déplacer. Une fois que vous avez décidé de votre part que vous voulez animer, j'ai décidé de ma jambe ici, je vais faire basculer le pied doucement. Ce que nous devons faire d'abord vraiment important, c'est de faire un duplicata de l'œuvre d'art. À ce stade, je vais en fait l'étiqueter, donc je vais l'appeler outil de marionnette, et je vais balayer pour le dupliquer. Je vais aller dans ce nouveau et juste supprimer ces couches supplémentaires dont je n'ai plus besoin. J' ai tout ça sur une seule couche. Lorsque vous voulez animer une pièce, disons la jambe, il est vraiment important que vous ayez cette partie sur son propre calque. En effet, si vous incluez beaucoup plus que ce que vous voulez animer, cela peut déformer ou affecter le reste de l'illustration. Je vous le montrerai dans nos manifestations plus tard. En gardant cela à l'esprit, je vais refuser l'opacité ici, et je vais créer un nouveau calque appelé Leg 1. J' aime donner un nombre à mes calques juste au cas où j'aurais plus de jambes à animer, alors je peux facilement les identifier plus tard. Avec ces articulations à l'esprit, pensez à l'articulation du genou et de la cheville, ou à n'importe quelle articulation que vous utilisez sur votre illustration. Vous voulez regrouper ces parties dans sa propre couche séparée, donc je vais créer le genou ici, tout le chemin autour et juste tracer la jambe. N' oubliez pas que c'est votre opportunité, vous trouverez l'occasion d'affiner votre illustration. Profitez-en maintenant. Si je frotte ces articulations, il y a ma jambe séparée. Maintenant, quand je veux animer ce morceau de jambe, il va bouger, pas tout à fait comme ça, mais il va bouger. Pour le reste de l'illustration, nous devons nous assurer que nous avons quelque chose sous cette pièce. Si je cache cette jambe maintenant et crée une nouvelle couche, je l'appellerai corps. Maintenant, cela contiendra le reste de l'illustration. Je vais devoir continuer mon dessin en dessous, alors recréez toute cette jambe en une seule pièce. Je vais devoir me joindre à travers le pied jusqu'au genou. Va aussi inclure d'autres essais comme ici, dessous de faire mes modifications au fur et à mesure que je vais. Ensuite, nous avons aussi ce peu à considérer, disons la cuisse. Si vous en avez besoin, il suffit d'allumer l'autre couche et assurez-vous que vous avez le lisse joignant leur. Charmant. Éteignons cette couche de jambe. Nous avons la cuisse pleine et la jambe une fois qu'elle est terminée. Pour le reste du corps, il suffit de tracer et de faire vos ajustements. Je vais accélérer ce peu dans la vidéo pour que tu n'aies pas à regarder tout ça. Mais s'il vous plaît prenez votre temps avec votre propre illustration. Une fois que vous avez terminé vos contours, vérifiez avec ces calques que toutes les lignes ont été refaites. Une fois qu'ils ont été refaits, on peut passer à la coloration. Éteignons la couche inférieure. En fait, nous pouvons le supprimer, nous n'en avons plus besoin. La partie que vous voulez animée, doit toujours être au sommet. C' est parce que lorsque vous l'affectez, ce sera l'arrière-plan, et ce sera la pièce animée. Pour colorer votre image, je vous recommande de sélectionner quatre couleurs peut-être cinq maximum, car elles fonctionnent mieux pour les GIF. Si vous avez un GIF vraiment complexe avec beaucoup de dégradé, beaucoup de couleurs, il est assez difficile à calculer et il devient assez lourd fichier, ce qui le rend pratiquement inutilisable pour les e-mails marketing et autres choses comme ça. Je vais sélectionner quatre couleurs que j'avais pour ma palette originale de marque que j'ai faite il y a longtemps. Si vous n'avez pas déjà un palais, ne paniquez pas, vous pouvez utiliser le mien, Il est dans le fichier de ressources, ou vous pouvez venir à Adobe couleur, qui est une ressource vraiment utile. Vous pouvez simplement taper la couleur Adobe dans Google et il apparaîtra. Sur la page initiale, vous aurez explorateur, il utilise toutes les couleurs populaires du moment pour créer ces palettes. Ou si vous avez une illustration particulière que vous voulez qu'elle aille avec, par exemple, j'aime les couleurs pastel, donc je tape généralement de la crème glacée, et il viendra avec beaucoup et beaucoup de différentes palettes de différentes crème glacée styles à thème. Vous pouvez les ajouter à votre bibliothèque, sorte qu'ils apparaissent dans Illustrator ou Photoshop ou après effets, ou vous pouvez les télécharger sur votre ordinateur. Si vous voulez le mettre dans la procréation, vous pouvez simplement copier ces hexes et les insérer dans votre application de procréation. La façon dont j'ai fait mes couleurs originales, c'est que j'ai pris un produit que j'ai vraiment aimé, ce n'était pas celui-là, mais celui-ci a aussi un très beau palais, et je laisse tomber les couleurs de là, et vous pouvez simplement créer cette palette. Je veux dire, vous voudrez peut-être jouer avec les couleurs, les rendre un peu plus vibrantes, mais c'est un moyen très pratique d' obtenir une nouvelle palette et des couleurs que vous appréciez vraiment. J' aime aussi prendre l'arrière-plan là-bas parce qu'ils ont évidemment bien assorti. Vous pouvez obtenir ces couleurs, faire des ombres pour les contours, et vous pouvez créer une bibliothèque de ceux-ci vous-même, que je puisse mettre des couleurs de marque Kay. Encore une fois, je les dépose et vous pouvez appuyer sur le petit plus ici pour ajouter la couleur de premier plan, et ils vont commencer à venir dans votre bibliothèque afin que vous puissiez les utiliser tout au long de votre travail. C' est comme ça que j'ai eu le mien. Si vous voulez utiliser le mien, encore une fois, c'est dans les ressources. J' ai sélectionné ces quatre couleurs pour mon illustration pour aujourd'hui. Je vais rester avec cette couleur foncée, assurer que je suis sur le calque animé, et je vais colorer dans la jambe. Continue ce jaune symptomatique, et je peux voir que j'ai besoin juste un peu d'un bon ordre sur la jambe là-bas, c'est bon nous pouvons le faire maintenant. Cette couche est colorée, on peut l'éteindre et on peut aller sur la couche corporelle. Maintenant, je veux que les jambes soient évidemment de la même couleur, garder le même pantalon. Je peux voir maintenant que j'ai perdu ma définition ici parce que j'ai utilisé la même couleur que le contour. C'est très bien. Si je retourne en arrière et que je change de couleur, et que je fais juste ces parties qui se chevauchent avec le blanc, alors je peux remplir avec ma couleur d'origine, et j'espère qu'il y aura une belle séparation là-bas. Peut juste ranger. Magnifique. Et quand j'ai mis cette jambe sur le dessus ? Nous pouvons voir que nous avons perdu la définition là aussi. Même astuce, assurez-vous que vous êtes sur cette couche de jambe, on éteint le corps pour cette partie, et juste un peu de contour dans le blanc. Ça n'a pas besoin d'être super soigné. Rappelez-vous, vous pouvez tenir votre ligne droite. Une fois que vous avez fait cela, allumez à nouveau l'autre couche, et vous avez une belle séparation là-bas. Encore une fois pour continuer avec la coloration, je vais accélérer à nouveau pour vous. S' il y a des conseils utiles qu'ils rencontrent, je vais ralentir et les partager avec vous. N' oubliez pas de zoomer sur les petites parties d'aujourd'hui, tout devrait être coloré dans votre illustration. Maintenant, ici vous pouvez voir que j'ai un assez grand écart dans le doigt ici. C' est bon, son caractère dans mon dessin, mais ce n'est pas très bon pour avoir l'arrière-plan clair. Ce que je peux faire, c'est que je peux remplir cette partie n et ensuite abaisser la tolérance. Il a encore un écart ou le seuil, désolé, a encore un écart. Mais c'est juste remplir cette partie que j'aime. Je vais juste ranger ce morceau ici, bonne occasion de le faire. Maintenant, je vais te montrer un petit tour soigné pour les cheveux. Si je clique sur le calque corporel et que je l'appelle référence, le calque que j'ai créé au-dessus, fera maintenant référence à ce calque corporel. Sur cette couche, je vais sélectionner la couleur de mes cheveux et je vais le remplir. Je peux mettre le seuil un peu, assurer que c'est beau et plein, continuer avec toutes vos parties de cheveux. Si vous regardez ce calque, c'est seulement rempli, ce qui est génial. J' adore l'outil de référence et je vais désactiver cette référence et appeler cette couche de cheveux. Encore une fois pour être une couche momentanée, mais c'est toujours agréable de l'étiqueter. Je vais créer un nouveau calque au-dessus de cela et lui donner un masque d'écrêtage. Maintenant, ce calque ne sera dessiné qu'à l'intérieur de ce calque. vais sélectionner mon blanc, mon stylo, et nous allons le faire toucher plus petit. Maintenant, je vais attirer mes mèches de cheveux. Comme vous pouvez le voir, il ne montre que sur ces parties de cheveux. Elle est si maniable. Magnifique. Je peux réellement fusionner ces calques maintenant, et je n'en ai pas besoin comme un calque séparé pour le calque corporel non plus. Je peux faire correspondre ça juste pour que nous ayons juste deux morceaux pour l'animation. Super. Maintenant, vos couches sont terminées. Dans la prochaine leçon, nous allons apprendre comment l' exporter de la procréation et la mettre en effets plus importants. 5. Importer votre design: Dans cette leçon, nous allons apprendre comment exporter notre fichier à partir de Procreate et le mettre dans After Effects. Comme vous pouvez le voir, j'ai ajouté quelques décorations à mon illustration, c'est une signature ici. Très important pour vos œuvres d'art et surtout si vous mettez sur les réseaux sociaux, inscrivez votre nom dessus pour vous assurer que tout le monde sait que c'est le vôtre. Deuxièmement, si vous ajoutez de la décoration à vos parties animées, assurez-vous simplement de les éteindre et assurez-vous que les couches inférieures sont également décorées de la même manière. Il suffit d'ajouter une décoration juste au cas où la couche supérieure se déplacerait. Vérifions. Magnifique. Maintenant, il existe plusieurs façons d'exporter votre fichier vers votre ordinateur. Pour moi, le moyen le plus simple est de déposer ce fichier. Ce que nous devons faire, c'est appuyer sur la petite clé en haut, et nous voulons le fichier PSD. La raison pour laquelle nous voulons le fichier PSD est qu'il arrivera dans After Effects dans ses couches existantes avec toutes les étiquettes que vous avez déjà faites. Si nous appuyons sur PSD si vous êtes comme moi et que vous aimez les produits Apple, vous pouvez le déposer directement dans votre ordinateur. Appuyez sur « Accepter », enregistrez dans « Téléchargements », et votre fichier PSD apparaîtra ici dans vos téléchargements. À ce stade, ce que j'aime faire est de créer un dossier sur le bureau. C' est mon modèle de dossier que j' inclurai la structure pour vous dans les fichiers de ressources. Je vais juste renommer ce dossier et l'appeler « Autoportrait Puppet tool ». Dans ce dossier, vous verrez que j'ai des fichiers de projet, des ressources, des fichiers audio, des exportations et des documents. Vous pouvez jeter un coup d'oeil à cela si vous voulez le structurer de la même manière que moi. Dans ces fichiers de projet, vous avez tous les programmes que vous pourriez vouloir utiliser, tous les Adobe, tout comme ça pour l'animation. J' ai ouvert le fichier Photoshop, et je fais simplement glisser le fichier de l'outil de marionnette dedans. Agréable et soigné. Maintenant, nous enregistrons ça dans le fichier Photoshop, nous allons le garder là. Si nous le déplacons, une fois que nous l'avons mis dans After Effects, After Effects va devenir très confus et ne pourra plus le retrouver. Gardons-le agréable et soigné, rangé dans ce dossier. Lancez After Effects. Une fois qu'After Effects est ouvert si nous pouvons regarder cette barre supérieure ici et sélectionner « standard », cela nous aidera vraiment. Il ouvre plusieurs fenêtres différentes. Nous avons des projets, des contrôles d'effets , de la composition, et nous avons notre calendrier en bas de page. Si nous saisissons simplement notre fichier et le glissons dans After Effects, nous pouvons l'insérer ici dans le projet et cette boîte pop-up entrera dans. Eh bien, nous allons vouloir importer sa composition et nous voulons ces styles de calque modifiables. Nous appuyons sur « Ok », et il viendra avec deux boîtes différentes ici. Il viendra avec notre composition principale, donc outil de marionnette, et puis il aura également les couches ici. Si nous double-cliquez sur l'outil marionnette, nous pouvons vérifier que notre image est bonne. Pour le moment, c'est sur 25 pour cent alors nous allons juste zoomer sur 100 pour cent. Très agréable, et nous pouvons juste vérifier toutes nos couches là-bas, fond, couche de corps, couche de jambe. Parfait. La chose importante à retenir pour cette leçon est de s'assurer que vous exportez le fichier correctement et enregistrez correctement au bon endroit pour After Effects afin qu'il puisse toujours le lire et simplement garder votre fichier bien organisé. Super. Maintenant, nous avons configuré notre fichier PSD dans After Effects et tout est enregistré correctement. Maintenant, nous sommes prêts pour le plaisir. Dans la prochaine leçon, nous apprendrons tout sur l'outil de marionnette. 6. grâce à l'outil Puppet: Dans cette leçon, nous allons apprendre tout sur l'outil Puppet dans After Effects et comment nous pouvons l'utiliser pour déplacer notre illustration. Ici, nous avons le fichier mis en place à partir de la dernière leçon, ce que nous devons faire vraiment important d'abord est d'aller le sauvegarder. Fichier, sauvegarde, et si je trouve le même dossier que je vais dans les fichiers de projet, j'ai un dossier After Effects. Je vais juste l'appeler de nouveau la même façon, outil de marionnette autoportrait, et cliquez sur Enregistrer. Super, maintenant je n'ai plus à paniquer à propos de quoi que ce soit. Les sections clés sur lesquelles nous nous concentrerons sur After Effects pour cette leçon, je ne vais pas les parcourir toutes, mais les parties importantes dont nous avons besoin sont la section de composition où vous verrez votre œuvre. Si le vôtre a l'air un peu granuleux, il se peut que vous l'ayez sur une demi-résolution ou un tiers. Le mien est plein en ce moment, parce que je sais que mon ordinateur peut le gérer. Mais si le vôtre est un peu lent pendant l'animation, vous pouvez simplement réduire la résolution ici. Astuce pratique pour vous. Ici, nous avons notre chronologie, très important. C'est là que nous allons encadrer notre animation plus tard. Ici, nous avons notre cadenas, maintenant parce que je ne vais pas animer le corps ou la couche d'arrière-plan, juste la couche de jambe, je vais verrouiller ces deux-là. Ensuite, je vais prendre ma couche de jambe et le solo en utilisant la colonne sous le cercle. Si vous survolez, il dit en fait solo ainsi déverrouiller. Je vais solo ce calque et si vous me suivez jusqu'ici, vous verrez l'outil Pin Position Pin Tool. Si je sélectionne celui-là, et je vais cliquer à peu près où mon articulation du genou serait assis alors ici et nous verrons si un gros maillage apparaît au-dessus de cette illustration. Maintenant, vous vous souvenez tout à l'heure, quand nous avons parlé d'avoir seulement cette pièce que vous allez animer être affectée, voici où si vous en aviez plus, cela affecterait plus de vos œuvres d'art. Le maillage ne couvre que le bit que nous voulons animer, ce qui est parfait. Il s'agit de l'outil Position de la marionnette et vous pouvez voir très clairement qu'il change la position de ce calque. Maintenant, je ne veux pas bouger toute la jambe, je veux juste bouger le pied et peut-être un peu de la jambe. Ici, je vais aussi mettre une ancre ou une épingle ici où l'articulation de la cheville serait. Maintenant, si je clique et fais glisser ce point, vous pouvez voir que l'épingle du genou la tient en place pendant que je bouge la cheville. Maintenant, c'est vraiment utile parce que, comme je l'ai dit, je veux seulement bouger le pied, mais je ne veux pas vraiment le déplacer comme ça, ce n'est pas très lisse et ça écrase mon œuvre comme vous pouvez le voir. Je vais utiliser un autre type de broche et c'est l'outil Puppet Advanced Pin Tool. Si je sélectionne celui-ci, il arrive avec une forme de broche légèrement différente, c'est broche avec un petit crochet et je vais placer cela assez près de la broche originale. Maintenant, la broche d'avance est assez fantaisie parce que vous pouvez effectuer trois choses avec elle. Vous pouvez faire position, comme vous pouvez le voir ici, qu'il a l'air moche avec être si proche de cette broche. Vous pouvez faire pivoter. Maintenant, je pense juste que ce mouvement est si beau parce que la chose agréable à propos de la broche de marionnette est qu'il ne limite pas vos mouvements, donc c'est très naturel. Quand je fais pivoter le pied, vous pouvez voir qu'un peu de la jambe bouge aussi, ce n'est pas complètement stationnaire. Je pense que cela donne un effet vraiment agréable et la dernière chose que l'outil Puppet Tool fait est l'échelle. Je peux rendre le pied vraiment grand ou très petit. Cela peut être très pratique et je vais vous montrer quelques façons que j'ai utilisé ça dans les leçons ultérieures. Le dernier outil de broche dont je vais parler est l'outil Puppet Starch Pin Tool. Maintenant, comme dans vos vêtements, l'épingle à amidon peut solidifier votre œuvre autour d'elle. Si je retourne à cette broche avancée et que je fais pivoter, je ne reçois pas autant de ce squishing que j'ai fait avant. Jetons un coup d'oeil sans ça. Squish et avec l'épingle d'amidon, pas tellement squish. C' est les trois principaux outils que j'aime utiliser, avoir un peu aller avec chacun d'eux et juste essayer de monter l'expérience, c'est votre temps. Super, maintenant vous avez trois épingles de marionnettes dans la prochaine leçon, nous allons ajouter des images clés pour animer notre illustration. 7. processus de création de cadre-clés pour votre animation: Dans cette leçon, nous allons apprendre à utiliser l'animation d'images clés. Une image-clé est un enregistrement d'un mouvement sur une timeline.Cela pourrait être la position, échelle, la rotation et ainsi de suite. Commençons. Dans After Effects, la chronologie est ici. C' est là que nous définirons notre animation. Avant de passer à l'animation, si nous vérifions nos paramètres de composition, nous devrions avoir la largeur et la hauteur à 1080, tout comme nous avons importé le fichier PSD, et puis je veux juste que vous vérifiiez votre fréquence d'images. Cela devrait être de 24 images par seconde et la durée de votre clip devrait être de cinq secondes. J' ai fait cinq secondes parce que c'est un bon temps pour travailler avec, nous allons probablement réduire la zone de travail à quatre secondes, mais le minimum absolu est de deux secondes. C' est parce que lorsque nous voulons télécharger sur les réseaux sociaux tels que Instagram, il s'agit d'un minimum de deux secondes de vidéo que vous pouvez télécharger. Vous pouvez simplement taper ça ici, cinq secondes, ne vous inquiétez pas pour la couleur de fond, appuyez sur OK et le vôtre peut prendre un peu de temps pour ajuster, mien était déjà réglé à cela, le mien était déjà réglé à cela, alors attendez juste qu'il s'adapte et puis nous pouvons passer à autre chose. À partir de vos expériences avec l'outil de marionnette dans la dernière leçon, j'espère que vous savez tous maintenant où vous voulez positionner vos épingles. Je veux positionner mes épingles ici. C' est l'épingle d'amidon quand il est vraiment utile, et à propos de faire cette erreur est que je peux vous montrer le menu déroulant. Nous avons notre maillage ici, c'est les triangles qui se sont formés autour de votre calque, et le menu déroulant déformé. Maintenant la broche de marionnette 1 est celle que nous venons de placer. Donc, si je l'ouvre, il est dit type de broche. Heureusement, j'ai placé cette broche, mais je peux toujours la changer en un autre type de broche une fois qu'ils l'ont placée. Je vais changer ça en une broche de position, je vais placer une autre broche, assurez-vous que je suis sur la bonne cette fois, nous y allons. Une autre broche de position de marionnette, et une épingle avancée d' où je veux faire pivoter, et je vais placer cette épingle d'amidon pour ne pas avoir de squisse dans la cheville. Super. C'est toutes mes épingles en place, et si je regarde ce menu déroulant, je peux voir ces épingles là-dedans. vais juste fermer la broche de marionnette 1 parce que je veux me concentrer sur cette broche avancée. Maintenant, dans la broche avancée, vous pouvez voir que vous avez ces choses que vous pouvez ajuster leur position, échelle, rotation. Maintenant, vous pouvez, si vous voulez cliquer et faire glisser dans les deux sens et vous verrez la composition répondre. Cependant, j'aime le faire sur l'œuvre elle-même parce que je suis une personne très visuelle donc ce que je vais faire est d'imaginer le mouvement. ce moment, il est dans une position très neutre, et c'est ainsi que je l'ai dessiné dans une position neutre. Je veux créer l'animation autour des extrêmes. En commençant par ma barre à l'avant de la chronologie, je vais faire pivoter ça à l'extrême. Ça n'a pas l'air très extrême. Vous pourriez faire plus de mouvement extrême dans le vôtre, mais j'aime un mouvement subtil dans la jambe ici. Je peux vous montrer ce mouvement que je veux avec ça juste en le dansant autour. Mettons à l'extrême, encore une fois pour moi que le long d'une seconde maintenant ou 24 images, je vais aller à l'autre extrême. Je vais faire pivoter ça aussi loin que ça ira, sans toucher la boîte, vous verrez en dessous de la rotation une image-clé a été formée, et c'est mes deux images. Vous verrez si je glisse ça le long de la chronologie qu'il va entre les deux. La bonne chose à propos d'After Effects, c'est qu'il remplit cette animation pour vous. On a juste besoin de ces poses clés. Maintenant, je veux juste que cela aille d'avant en arrière, il suffit de cliquer et de faire glisser sur ceux-ci et copier commande C. Je vais déplacer cela le long de deux images, et la commande V ou le contrôle V je pense que c'est sur les fenêtres et il les coller à nouveau. Maintenant, je vais réduire ma zone de travail à quatre images parce que ce serait une belle boucle pour moi, appuyez sur la barre d'espace pour prévisualiser l'animation, il faudra un peu de temps pour charger alors vous devriez avoir votre animation. Mais écoute, je sais que ça s'arrête au milieu. C' est parce que je n'ai pas remis le cadre original à la fin, donc il ne bouclera pas correctement. Si je fais une pause et que je copie le cadre d'origine, je l'ai mis à quatre secondes, Coller là-bas, et essayons à nouveau, appuyez sur la barre d'espace, et ce que vous regardez une animation parfaitement bouclée. Maintenant, vous remarquerez peut-être qu'il a un peu de qualité tik tok, mais comme un pendule d'horloge, qui ne semble pas très naturel. Lorsque vous travaillez avec des personnages, ce que j'aime utiliser est l'un de mes trucs préférés. Dans After Effects, faites simplement glisser et surligner ces images clés, un clic droit sur l'une d'elles et un menu contextuel apparaîtra. Si vous passez à l'assistant d'images clés, vous verrez mon Easy Ease favori. Cliquez dessus, et tous ces petits diamants se sont transformés en [inaudible]. Essayons de jouer cette animation à nouveau, est le chargement, ici nous allons et regardons cela. N' est-ce pas beaucoup plus naturel et fluide. Je suis tellement content de mon animation. J' espère que vous vous entendez bien avec le vôtre aussi. Vous pouvez changer d'échelle, vous pouvez changer de position, vous pouvez changer de rotation comme j'ai, quoi que vous vouliez, expérimenter avec votre illustration, et j'ai hâte de la voir dans la galerie de projets. Si vous avez l'impression que votre mouvement est trop lent, vous pouvez sélectionner tous ces éléments, maintenir la touche Alt et ensuite vous pouvez réellement le faire glisser. Si je le fais glisser jusqu'à deux et que je le copie et que je le colle, que va-t-il se passer ? Attendez juste qu'il se charge, double temps. Vous pouvez accélérer ou ralentir votre animation en cliquant et en maintenant la touche Alt enfoncée et en les faisant glisser et en les écrasant ou en les retirant. Retour à la normale, très gentil. Je suis content de ça. Un travail incroyable. J' espère que vous êtes satisfait de votre animation. Maintenant, il ne reste plus qu'à l'exporter. Allons passer à autre chose. 8. Exporter votre animation: Dans cette leçon, nous allons exporter notre animation vers GIF et MP4. Quand j'ai commencé à animer mes illustrations, mon objectif principal était d'avoir quelque chose de funky sur mon portfolio et d'attirer l'attention sur mes réseaux sociaux. C' est pourquoi je vous dis comment exporter votre fichier aujourd'hui en MP4 et GIF. Vous pouvez utiliser votre GIF dans des courriels de portefeuille ou de marketing, et vous pouvez utiliser vos MP4 pour les médias sociaux. Par exemple, Instagram n'autorise pas GIFS sur sa plateforme. Nous pouvons utiliser un seul outil pour ce travail, et c'est ce que je fais habituellement. Si vous passez à la composition après les effets, puis ajoutez à la file d'attente Adobe Media Encoder. Cliquez sur celui-là. Il faudra juste un peu de temps pour déclencher l'encodeur multimédia. Soyez patient et attendez ça. Super. Maintenant, c'est ouvert. Vous devriez voir que votre fichier est là-dedans. Ce que nous voulons en fait, c'est deux sets. Si vous revenez à après les effets et l'ajoutez à nouveau à la file d'attente de l'encodeur, revenez à votre encodeur multimédia et attendez juste que cela apparaisse dans cette file d'attente ici. Pendant que nous attendons, nous pouvons sélectionner les deux paramètres que nous voulons. Vous verrez ici qu'il a déjà un H.264 là-dedans pour le mien, c'est le paramètre MP4 que vous voulez. Si vous ne l'avez pas déjà, faites défiler le menu déroulant vers le bas et vous verrez H.264 ici. C' est votre paramètre MP4. Si vous allez le long du fichier de sortie et cliquez sur le « Nom bleu », il s'ouvrira où il va enregistrer. Nous ne voulons pas économiser dans les effets après. Passons aux exportations. C' est le MP4 qui est un fichier vidéo. Je vais le mettre comme un travail en cours afin outil de marionnette. Vous verrez qu'il est écrit, « Fichier vidéo MP4" là, ce qui est parfait. Maintenant, pour le second fichier, nous voulons ce GIF animé. Encore une fois, menu déroulant, sélectionnez GIF animé et passez à travers le fichier de sortie, allez dans vos exportations. Cette fois, un GIF est techniquement une image. Allez dans les alambics et nous avons GIFS là-bas. Si vous utilisez vos propres fichiers, enregistrez-les simplement dans un dossier d'exportation distinct. Cela vous sauvera la vie plus tard si vous essayez désespérément de la chercher. Je garde ça là-dedans. Lorsque vous avez tout trouvé au bon endroit, il suffit de cliquer sur le bouton vert « Jouer » ici. Il faudra un peu de temps pour les charger. C' est bon, sois patient. Je vais avancer rapidement sur le mien et je te rejoindrai quand ce sera fait. Super. Ils sont tous finis. Une fois qu'ils sont terminés, vous pouvez vérifier les fichiers dans votre dossier. Ici, si je vérifie ce GIF, on peut déjà voir qu'il joue. Mais ouvrons ça, et regardons, belle. C' est une taille assez grande. Je vais juste réduire ça à la taille qu'il pourrait être ou même plus petit. Regarde ça, de belles lignes lisses, une grande résolution. Maintenant, vérifions le MP4. Encore une fois, c'est un peu grand, mais si je réduit la taille et vous remarquerez qu'il ne bouclera pas. C' est parce que c'est un MP4. Ne paniquez pas une fois que vous avez téléchargé sur Instagram, leurs vidéos sont automatiquement en boucle. Vous avez une image parfaitement bouclée sur votre flux. Maintenant, si vous voulez utiliser votre GIFS à de nombreux endroits, vous pouvez trouver que la taille de votre fichier est un peu trop grande. Si c'est le cas, je recommande vraiment d'aller au cours de Jake Bartlett et de regarder son, « Compresser GIFS comme un patron ». C' est une ressource vraiment utile. Si vous avez besoin de l'utiliser pour un client ou si vous voulez l'insérer dans un e-mail et qu'il est juste trop gros et qu'il ne se charge pas, ce sera un cours incroyable pour vous à suivre et à suivre. À ce stade, je voudrais vraiment vous encourager à partager votre merveilleuse animation aux projets. Sur votre fichier de projet, ce que j'aimerais que vous fassiez est de télécharger l'image dans l'endroit où vous ajoutez le contenu. Vous pouvez également télécharger l'image ici. Si vous allez dans votre fichier, exportez des images GIF, et vous l'avez là, vous pouvez l'ouvrir et vous pouvez l'avoir comme page de couverture. Il suffit de sélectionner un bon peu de votre GIF, mettez-le là. Vous pouvez taper votre titre. Je vais mettre mon propre autoportrait là-dedans. Je vais ajouter du contenu ici pour que les gens puissent voir mon image complète. Je voulais en faire un carré pour que vous puissiez le partager magnifiquement sur Instagram. Malheureusement, cela ne fonctionne pas sur Skillshare car il y a un ratio différent. Mais heureusement, vous avez cette option pour ouvrir votre image dans la section de contenu et qui devrait télécharger magnifiquement. Nous sommes là, votre image complète et c'est tout. C' est tout ce que vous devez faire pour votre projet. Vous pouvez le publier lorsque vous êtes prêt. Super. Je suis tellement excité de voir tout votre travail dans la galerie de projets. Dans la prochaine et dernière leçon, je vais vous montrer d'autres exemples de la façon dont vous pouvez utiliser l'outil de marionnette dans vos illustrations. 9. Utiliser ces compétences d'une autre manière: Dans cette leçon, je vous invite à réfléchir à d'autres façons d'animer votre illustration. Permettez-moi de vous montrer quelques exemples. Ici, j'ai mon image originale et j'ai apporté quelques modifications supplémentaires à l'outil de marionnette. Vous pouvez voir que j'ai fait ma main pour faire un peu de gribouillis sur l'iPad et j'ai fait quelques fonctionnalités sur mon visage bouger, j'ai fait un clin d'œil et j'ai fait une langue. Je voulais juste te montrer un peu plus en détail comment j'ai travaillé à travers ça. Avec le bras, vous pouvez voir, je vais le mettre, nous allons zoomer un peu. J' ai mis une broche de position ici, une autre broche de position ici et j'ai ajouté la broche avancée ici et juste utiliser la rotation à nouveau comme je l'ai fait sur le pied. Mais vous verrez que j'ai décalé l'animation. C' est une très bonne astuce car elle le rend plus naturel sorte que le pied ne bouge pas en même temps que la main bouge. Il apporte juste un peu plus de vie à votre animation. J' ai vraiment apprécié celui-là et pour la langue, j'ai ajouté deux effets ici en utilisant juste la broche avancée. Laisse-moi zoomer pour mieux te montrer. J' utilise réellement la position et vous pouvez voir quand vous faites glisser la position, après les effets dessine cette ligne d'avant en arrière. J' ai aussi ajouté une rotation à ce sujet. Si nous regardons la langue, elle vient, tourne et retourne en arrière, elle vient, tourne et retourne en arrière. Tout cela est fait avec l'expérimentation. C' est vraiment amusant et vous devriez jeter un oeil à votre propre illustration. Peut-être que tu peux faire quelque chose d'autre. J' adorerais voir ça. Quelques autres exemples de l'endroit où j'ai utilisé l'outil de marionnette, c'est ma petite odeur le gars des fleurs. J' ai placé une épingle avancée sur une couche de fleurs séparée et je la fais pivoter et j'écaille aussi un peu la fleur. Si vous regardez quand il respire, il est légèrement plus petit et respire, il remonte. J' utilise également la broche de position de marionnette et les épingles avancées sur les sourcils, la bouche et le nez. Beaucoup de façons différentes, une telle variété sur cet outil que vous pouvez utiliser. Le dernier exemple que je voulais vous montrer était juste ces patins à roulettes. Je pensais que c'était vraiment efficace et j'adore ce logo de la vie de skate en arrière-plan. Tout ce que j'avais était une composition de seulement deux patins ensemble et j'ai appliqué la rotation à l'aide d'une broche avancée. Si simple. Si vous avez décidé de l'utiliser pour autre chose, j'aimerais aussi le voir. Vous pouvez ajouter une autre image ici, il suffit de cliquer. Je vais ajouter mon odeur les fleurs GIF et si vous avez des problèmes, vous pouvez toujours écrire un message juste là sur le mur, « Aidez-moi » et je vais regarder à travers tous les projets et voir si je peux offrir une aide ou des réponses aux questions, Je serais heureux de le faire. Comme toute autre compétence, vous devez pratiquer. Si vous voulez aller, vous pouvez animer une autre partie de votre illustration ou choisir toute nouvelle illustration pour l'animer et la télécharger ici dans le cadre de votre projet. 10. Réflexions finales: Bien joué. Vous avez fait tout le chemin jusqu'à la fin du cours. Nous avons tout couvert, de la création de notre illustration en calques pour le mouvement, à l'utilisation de l'outil marionnette et de l'encadrement des touches dans les effets d'après pour animer nos illustrations. Je parie que vous avez un beau cadeau et un mp4 à montrer pour elle. N' oubliez pas de poster ceci sur la galerie du projet afin que vous puissiez recevoir les commentaires de notre communauté. Aussi, si vous le publiez en ligne, vous pouvez me marquer et je peux y entrer. S' il y a une chose que j'espère que tu retireras de ce cours, c'est la joie de voir tes illustrations prendre vie à travers l'animation. Si vous aimez la classe, s'il vous plaît laissez un commentaire et suivez-moi afin que vous puissiez rester au courant des cours à venir. Merci encore, et je te verrai bientôt.