Créer un portrait animé dans Photoshop

1. Introduction: Salut, bienvenue dans mon cours de Skillshare. Je m'appelle Ursula et je suis illustrateur. Je fais essentiellement des portraits, mais dans cette classe je vais vous montrer comment faire du portrait et de l'animation. Vous allez avoir besoin de compétences Photoshop et de compétences de base en dessin. Vous pouvez utiliser ces techniques d'animation de base, pour créer de nouveaux portraits ou pour rendre les portraits plus anciens encore plus intéressants. Cette tâche vous demandera de commencer de l' esquisse jusqu'à la création d'un portrait complet. Je vais vous apprendre une composition de base, cartographier votre animation, puis comment enregistrer votre animation. Si vous voulez voir à quoi ressembleront vos animations, vous pouvez me chercher dans Instagram comme Ursunous. Allons-y. 2. Esquisser - Partie 1: Je vais vous montrer à quoi ressemblera ma composition de base et comment je l'esquisse. J' utilise cette image de Dolores del Rio, qui est une actrice mexicaine comme base de ma composition. Mais je vais aussi ajouter des lignes pour que je sache où va être mon équilibre et ma symétrie. Parce que j'aime beaucoup comment les mains sont placées, je sais que je vais faire un type d'illustration très symétrique avec elle. Je vais faire une ligne très rugueuse, horizontale, verticale pour qu'elle soit semi-symétrique et ensuite je vais commencer à voir où je veux placer les choses. C' est pourquoi l'esquisse est si importante parce que j'ai une idée, ça a commencé à partir de quelque chose, mais maintenant je veux voir à quoi ça ressemble chez les gens. C' est l'une des raisons pour lesquelles j'encourage toujours les gens à faire des croquis, c'est la seule façon de venir d'une image ou de quelque chose qui vous inspire à une très bonne œuvre d'art réelle. Maintenant, faisons un autre, changeons-le et utilisons-ceci comme référence. Je le fais dans le mauvais, alors. Nous allons faire à nouveau des croquis très rugueux comme si nous savons que le visage est là, nous savons où les mains vont être. C' est très, très rude, juste pour que je sache où je veux aller les choses, faisons nos fameuses mains de mitaines et maintenant que nous avons un peu comme où les choses sont, ce sont les épaules, nos yeux, où va être notre bouche, le nez très, très grossièrement, nous allons le placer là où nous voulons le placer et puis parce que je veux qu'il soit symétrique, je veux que les yeux, la bouche et les mains soient un foyer principal et un lieu c'est là-dedans. Mais aussi les cheveux vont être un aspect très important. J' aime les cheveux là-dedans et la bouche, ce très au milieu et bien sûr les yeux, parce que les yeux sont très important point focal dans cette image et je veux qu'il soit un point de mire très important dans ma composition et dans mon portrait . Comme vous pouvez le voir, tout est très, très rude. Je regarde juste comment vont les choses. Je regarde comment les mains vont être placées. Je sais que je veux faire quelque chose avec les mains, j'ai une certaine idée. Je ne suis pas tout à fait sûr pourquoi, l'animation peut finir par être entre les mains, mais l'idée est, je suis en fait très obsédé par les papillons, maintenant que j'y pense, nous devrions faire des papillons, mais j'ai quelques idées. J' ai juste besoin de les placer sur le papier et c'est important à propos du croquis. Peut-être que vous commencez par quelque chose et que vous finissez avec quelque chose de complètement différent. Par exemple, je ne suis pas très heureux de voir à quel point c'est petit, donc je vais le rendre plus grand. Encore une fois, je vais le placer là où je sais que je le veux juste pour que j'aie encore une sorte de composition symétrique et ensuite, nous allons voir. 3. Esquisser - Partie 2: Maintenant que j'ai ce que je voulais en tant que portrait, je vais commencer à dessiner et à cartographier mon animation. Je sais que je veux les mains alors mettons-nous des trucs dans les mains. Mais je veux qu'il ait du mouvement, un certain type de mouvement. C' est ce que j'esquisse quel mouvement je veux que les yeux prennent. cette raison, je sais que je dois placer une chose importante sur les deux mains ou plus près des mains en haut. Je pense que nous allons faire des papillons maintenant que je l'ai dit à haute voix, je veux faire des papillons. On va faire, je pense que trois papillons ? Oui. Commençons par celle-là. Faisons juste un papillon très rugueux. Rappelez-vous que ce n'est qu'un croquis. Ne me juge pas par mon très comme un petit papillon. Nous avons celui-là et, bien sûr, nous en aurons un autre ici. Mais maintenant que je pense à ce sujet est assez vide dans le côté inférieur. Je pense que je veux en ajouter un autre. Juste pour que nous sachions que le mouvement des yeux, il va aller dans la partie inférieure de la toile. C' est bien que j'ajoute ça. Il devient au lieu d'un triangle, plus d'un carré, mais nous allons le rendre un peu plus grand. Ça ne va pas vraiment s'adapter. Je vais devoir changer de tête. C' est juste très rapide, peu importe. On est encore en train de dessiner. Ensuite, je vais vous montrer comment faire le mapping d'animation parce que je ne suis toujours pas sûr de ce que je veux faire à l'arrière. Mais après, je vais vous montrer ce que je veux avoir comme animation et comment je finis par avoir une animation à partir de cela, le début de cela. 4. Mapping d'animation: Nous avons ce croquis de la façon dont va être notre animation. Je vais en faire un autre, un autre calque avec une autre couleur, il y a le vert. C' est plus facile pour moi de voir ce que je veux que les papillons fassent. Je vais juste chercher ça. Je ne veux pas d'animation très compliquée, je veux quelque chose qui peut être en boucle. Pour ce faire, je dois penser, je dois penser, c'est l'une des raisons pour lesquelles j'ai commencé comme un papillon, vous pouvez aussi commencer avec des papillons qu'ils volent juste autour. Ce qu'on pourrait faire, c'est de l'eau. Je veux voir à quoi ressemblerait le dessin final et pour cela, alors je peux juste tracer après ce que je voulais que ce soit. Par exemple, j'ai ceci et je veux le dernier soit semi-fermé, cela signifie dire que celui-ci soit juste un peu plus serré du papillon et disons juste que celui-ci deviendra proche, et ce il suffit d'y penser. Je veux dire, tous vont flotter, alors mettons-nous un flottement aussi. Peut-être pas aussi bouillie que celle-ci, mais toujours un flottement. Maintenant que j'ai le dernier, il est plus facile pour moi de faire étape par étape ce que je voulais faire. Je vous recommande de le faire en cinq étapes. Par exemple, si c'est un et c'est le cinquième, nous avons besoin du second. Ça va être comme ça et celle-là si c'est le premier, pour qu'on sache ce qu'on fait. Dans ce cas, il bouge juste un peu, il semble que je vais en faire deux de plus. Il aura l'air plus uniforme. Deux de plus, faisons juste des couleurs différentes pour que nous puissions le voir. Bien sûr, c'est juste esquisser notre animation, ce n'est pas à quoi ressemblera notre animation finale, mais c'est une bonne façon de nous faire réaliser ce que nous animons, ce que nous voulons en sortir. Dans ceux là où c'est plus, vous pouvez dire où il va se déplacer si vous le pouvez. C' est plus facile pour moi de vous le montrer. Je peux juste l'affiner avant le prochain que nous avons donc je vous recommande de le raffiner aussi. Peut-être en faire un, en prendre un autre, il deviendra plus facile pour vous de savoir lequel vous pouvez ajouter, lequel vous pouvez prendre, donc puisque nous allons faire le dernier. Si nous le voyons sans tous, alors celui-ci d'abord et celui-ci. Oui, c'est comme ça que nous cartographions l'animation. 5. Palettes de couleurs et pinceaux: Je vais vous montrer comment je finis par faire mes illustrations dès le début. Nous avons ceci comme référence, comme je l'ai déjà dit. J' ai aussi pris cela de Pinterest comme ma palette de couleurs, et je vais juste ajouter le compte-gouttes et les avoir ici dans mes échantillons. Maintenant, pour les pinceaux, c'est une chose très importante. J' adore les brosses Kyle T. Webster et il est maintenant disponible pour CSX. Mais je pense que si ce n'est pas le cas, vous pouvez toujours les obtenir sur Internet. J' utilise habituellement la boîte à dessin Kyle Animator, crayon d' animateur et celui que vous pouvez obtenir en cliquant ici et obtenir plus de pinceaux ou en les cherchant sur Internet. C' est à ça que ça ressemble. C' est l'une des raisons pour lesquelles je les apprécie vraiment. Ils ont tellement de capacité à faire tellement de choses. Vous pouvez faire épais ou mince et plus vous allez mieux. pinceaux sont très importants pour moi car il y a les outils que vous utilisez pour créer de belles choses. Je recommande d'avoir beaucoup d'autres choses pour vos illustrations. 6. Configuration de Photoshop: Voilà à quoi ça va ressembler maintenant que nous avons le portrait, et maintenant que nous savons à quoi ressemblera l'animation. Laissez-moi commencer par le début. C' est notre référence. C' est le contour que je crée, juste, pour que j'ai les proportions bien établies. Ce n'est donc plus un croquis ; c'est plutôt un sage proportionnel. J' ai des blocs de couleur avec les pinceaux que je vous ai montrés. Maintenant, nous allons voir à quoi ressemblera l'animation. J' ai décidé d'en faire trois au lieu de cinq. Juste pour que ce soit plus facile et plus flottant. Nous allons ajouter quelque chose d'autre par la suite à partir de l'animation ; pour que cela ressemble mieux. Mais j'ai décidé de changer l'une d'entre elles animations. Maintenant, celui-ci va encore être plus flottant. Mais celui-ci va se transformer en une ouverture d'ailes. C' est ça, c'est notre configuration. 7. Coloration de votre animation: Salut les gars. Dans ce cours, je vais vous montrer comment je colore les papillons. Nous allons recolorer tous les papillons à un moment donné, mais nous allons d'abord le faire dans les couches. J' ai quelques couleurs que je sais déjà que je voulais, certaines d'entre elles sont comme contrastées dans la composition. Mais j'utilise toujours certaines des couleurs que j'ai déjà utilisées pour le calque. D' abord, on va juste réduire l'opacité pour la première couche, puis je vais juste recolorer celle-ci. J' utilise toujours le crayon de l'animateur pour Kyle. Comme je vous l'ai déjà dit, vous pouvez le trouver dans votre Photoshop dans Creative Cloud. Habituellement, ce que j'essaie de faire, c'est d'essayer de trouver les mêmes couleurs. J' essaie d'utiliser comme quatre ou cinq couleurs qui sont similaires afin de maintenir la composition plus complète. Comme je l'ai déjà dit, je vais juste les colorer. Habituellement, ce sera la première étape et ensuite je colorierai les autres couches de notre animation. C' est assez facile d'en aller un à la fois, juste le colorier. Je vais utiliser un peu de rose plus foncé, juste beaucoup, il y a un peu de ça. On y va. J' essaie d'avoir une idée de ce que je veux que le papillon ressemble et c'est une partie très importante pour la référence. Il est toujours important d'avoir votre référence, et vous pouvez la voir ici, mais je l'ai dans mon autre écran, quelques documents de référence que j'ai trouvés dans Pinterest sur ce à quoi ressemblent ces papillons. Je vais les garder assez simples puisque ce sont ceux qui vont être là dans l'animation et parce que je dois les répéter, je ne veux pas qu'ils soient très compliqués. Je vais juste ajouter ces petites choses juste pour les rendre jolies. Ils ont l'air de papillons. C' est l'une des raisons pour lesquelles je voulais faire cette animation. En outre, il est assez facile de voir ce flottement et c'est plutôt bon de le reconnaître. Nous avons les couleurs que nous avons déjà, mais je veux essayer cet autre rose vif juste pour que nous ayons un peu de contraste avec les yeux et nous allons les ajouter sur les ailes de papillons. Parce que nous avons beaucoup de rose, je pense à celui-là, et il doit être plus contrasté juste pour que notre oeil tombe. Je vais juste ajouter un peu de la couleur de cheveux que j' utilise et nous allons l'ajouter pour que nous puissions encore, même si nous bougeons l'œil pour la composition, c'est comme un objectif principal aussi. Tu sais ce que je veux dire de concentration, peut-être plus d'une focalisation complémentaire. Souvenez-vous, le plus simple que nous le ferons du mieux depuis que nous allons le répéter. Donc, pour la première fois, si vous faites ce cours, essayez juste de le garder simple. Essayez d'être très calme à ce sujet. C'est ça, les gars. 8. Ajouter l'animation: Dans cette vidéo, je vais vous montrer comment configurer votre Photoshop afin de l'utiliser comme outil d'animation. Nous allons aller à Fenêtre, Chronologie, et nous allons créer une animation d'image. Parfois, lorsque vous l'ouvrez, il va montrer la chronologie de création vidéo. C' est très courant parce que Photoshop ne peut pas faire d'animations à un moment comme After Effects, mais c'est une autre histoire. Chaque image va être une couche. Par exemple, c'est maintenant notre première image. Ça ne dure que zéro seconde. Nous allons ajouter une autre image avec un calque différent, puis une troisième image avec un calque différent.. Maintenant, ça va ressembler à ça. C' est trop rapide. Ce que nous pouvons faire, c'est que nous pouvons changer le temps dont il a besoin pour passer de l'un à l'autre. Il est là, n'a pas de retard, donc c'est zéro seconde, une seconde. Voyons voir à quoi ça ressemble, beaucoup mieux. Par exemple, c'est en boucle. Si je veux que ça dure plus de trois secondes, on peut faire une chose et la répéter jusqu'à ce que nous ayons plusieurs images. Je recommande de faire 30, ou au moins 40 images. Parce qu'Instagram n'autorise les vidéos que pendant cinq ou six minutes. C' est 30, un bon délai pour le faire. C' est fondamentalement ça. C'est comme ça que vous animez, les gars. 9. Rendement: Maintenant que nous avons tous nos cadres configurés, j'ai ajouté un peu de contour à l'extérieur parce que je me sentais comme si elle était très seule en arrière-plan, et comme je ne vais pas ajouter de fond, je pense que c'est un bon moyen de juste l'encadrer. Maintenant que nous avons que nous allons l'exporter, c' est ce que nous allons faire. Nous allons aller à « Exportation de fichiers » et nous allons à « Rendu vidéo ». C' est très important parce que si vous prévoyez de le faire pour Instagram, vous ne pouvez pas le faire comme un GIF, il doit être une vidéo. Ajoutons simplement Dolores, notre dossier, Adobe media encoder il va le faire tout seul. Le format est parfait et les tailles de la taille régulière Instagram, taux de trame de document 30 images par seconde ce qui est bon, et tout est configuré de cette façon, donc si vous voulez faire votre configuration c'est un moyen parfait de le définir letaux de trame de document 30 images par seconde ce qui est bon, et tout est configuré de cette façon, donc si vous voulez faire votre configuration c'est un moyen parfait de le définir nous ajoutons simplement le rendu et il va commencer à faire la vidéo, et c'est tout, vous avez maintenant enregistré votre vidéo, comme votre illustration en tant que vidéo. Maintenant, si vous voulez faire un GIF, nous faisons « Fichier », « Exporter », « Enregistrer » pour le web, maintenant c'est là que vous pouvez l'enregistrer comme GIF. C' est le format de téléphone optimisé, sur le nom, nous pouvons simplement le nommer autre chose. Maintenant, je veux vous faire savoir que si vous voulez l'enregistrer en tant que GIF, je recommande de faire le moins de couleur. Dans un pourcentage, vous pouvez l'abaisser parce que maintenant c'est 256, c'est trop, donc ce que je vais faire est que je vais à 92, ce qui est un bon nombre parce qu'il maintient les choses et la taille de l'image assez bien, et cela réduit la quantité de couleurs que nous avons parce que nous avions beaucoup de couleurs. Avec ça fait et on va le faire sauver, et c'est ça les gars. 10. Réflexions finales: Merci d'avoir pris ce cours. J' espère que ça vous a plu. Dans cette classe, vous avez appris à faire le mappage d'animation de base, l'animation de base dans Photoshop et les bases de la composition. J' espère que ça vous plaira et j'espère que vous êtes prêt à me montrer ce que vous avez fait. Vous pouvez me trouver sur Instagram à ursunous, et j'aimerais voir ce que vous avez créé pour cette classe. Rappelez-vous, vous pouvez utiliser toutes les compétences que je vous ai enseignées dans d'autres portraits que vous avez créés ou dans n'importe quelle autre illustration que vous possédez. Merci.