Transcription
1. Introduction: Avez-vous déjà été sur YouTube et vu cette fille se détendre, travailler sur ses devoirs ? Nous avons tous vu ces animations Super Bowl et nous avons vraiment vu comment l'ambiance de l'illustration avec les playlists. Avez-vous déjà pensé à en faire un et ça semble vraiment intimidant,
comme vraiment, vraiment, vraiment intimidant ? Ne vous inquiétez pas que vous ayez de la chance. m'appelle Akeem Roberts, et je suis un illustrateur basé à Brooklyn, New York. Dans ce cours, j'enseignerai les trois éléments essentiels de toute animation : le timing, l'espacement et les arcs. Ne vous inquiétez pas, nous allons également nous concentrer sur les 12 principes de l'animation, mais nous nous concentrons vraiment sur le timing, l'espacement et les arcs. Que vous soyez débutant ou simplement rafraîchir neo et noggin, rejoignez-moi pour vous apprendre à faire passer une illustration simple au niveau supérieur en ajoutant des animations subtiles. Alors prenez votre tablette, prenez votre souris ou autre chose, et suivez.
2. Création de vignettes: D' accord. Tout d'abord, avant de commencer une animation, nous allons avoir besoin de quelques miniatures. vignettes sont quelque chose qui passe généralement à travers le message très rapidement dans de minuscules, petites illustrations. De cette façon, vous pouvez faire plusieurs idées et trouver la meilleure très rapidement. Pour l'étape des vignettes, j'aime utiliser juste un morceau de papier simple. J' ai l'impression que c'est le moyen le plus rapide de faire passer mes idées. De là, vous voulez vous assurer que vous faites de minuscules carrés d'illustration de figure à l'intérieur de celui-ci. Je vais les faire un à la fois. Ils ne doivent pas nécessairement être exactement les mêmes. Par exemple, il n'est pas nécessaire de retirer une règle, mais en gros, elles devraient avoir la même taille. Maintenant, voici la dernière. J' aime en faire six au moins. De cette façon, vous obtenez assez pour faire au moins vos premières idées que vous pensez être géniales, et à 5 et 6 ans, vous avez vraiment du mal à sortir quelque chose, mais parfois ces idées sont encore meilleures. Chaque fois que vous faites un croquis miniature, j'aime avoir le point d'horizon en premier. De cette façon, je peux savoir d'où vient cette perspective. Pour celui-ci, je pense que quelque chose de beau comme un coucher de soleil frappe vraiment les lignes pour ce que je pense pour les playlists. Je pense à quelque chose de très coquelicot et EDM-y. Je geste rapidement les formes des nuages, le coucher du soleil, et la montagne. Ensuite, je commence à ombrager. De cette façon, je peux savoir ce que tout se trouve au premier plan. Comme si quelque chose était le premier plan, l'arrière-plan, le milieu. J' essaie de le séparer par des valeurs. Par exemple, la montagne est très sombre et je laisserai l'autre légèrement plus légère pour dire qu' elle est un peu plus loin de la caméra. Juste quelques oiseaux, ajouter un peu de vie à l'image. Peut-être des étoiles. Pour ma miniature, je pense à quelque chose de complètement différent. Le premier était très comme la nature et je pense à quelque chose de plus artificiel pour cette approche, peut-être quelque part dans une ville, le personnage est juste comme le skateboard ou quelque chose comme ça. J' ai failli oublier de mettre mon point de vue. Dessiner des petites poubelles, un bac, de petites portes. Ce sont de petits bâtiments au loin. Petit, petit Brooks. Rappelez-vous que les vignettes ne doivent pas nécessairement être aussi détaillées que je les fais. Ils peuvent également être une interprétation encore plus lâche. Ils peuvent également avoir une interprétation plus lâche. Ici, c'est. Le personnage est le skateboard. C' est ce que je pense pour celle-là. Celui-ci serait juste comme si la chute de la ville allait passer pendant que
les skateboards de personnage traversaient. Pour celui-là, je pense à quelque chose de simple. Quelque chose où un personnage est sur la planche de surf
au milieu de l'océan juste pose et refroidissant. Je dessine une forme pour notre planche de surf, désolé si ça semble peut-être un peu phallique. Il y a un personnage, il est juste allongé dessus, j'ai pensé ajouter quelques vagues, et peut-être que des poissons sautent. Comme je l'ai dit, ces miniatures n'ont pas besoin d'être aussi détaillées. C' est vraiment juste pour toi de comprendre ce que tu penses. Fondamentalement un raccourci pour votre cerveau créatif. Celle-ci, je pense qu'on reviendra à quelque chose de plus citadin, en
pensant à ce personnage qui conduisait une voiture et écoutait de la musique. Ses cheveux coulent dans le vent. Ce BG est debout pour l'arrière-plan et que fondamentalement l'arrière-plan serait en mouvement car le personnage est juste en train de conduire le long. Celui-ci, je continue toujours avec le thème de la voiture. Je pense qu'il y a peut-être une façon cool de
conduire à travers les choses en regardant par la fenêtre de la voiture. Alors peut-être que tu verrais son visage dans le rétroviseur et qu'il hoche la tête aux Beats. Il traverse peut-être les montagnes, un peu de soleil à travers. Bien sûr, je remets l'ombrage pour montrer ce qui est plus proche de la caméra et quelque chose qui n'a pas d'ombrage, c'est vraiment, vraiment loin. C' est le dernier croquis. Pour celui-ci, je pense revenir à une racine de la nature, peut-être quelque chose qui ressemble presque au début où il y a un coucher de soleil et le personnage le regarde. Je pense qu'il y a peut-être un arbre là-haut. Il ressemble à un personnage assis sur l'arbre, juste en regardant le coucher du soleil, en admirant la vue. Je suis juste en rugueuse dans quelques nuages. Laissez-moi
m'assurer de refaire l'ombrage pour montrer ce qui est plus proche de la caméra, ce qui est plus loin. Bien sûr, je ne le fais pas nécessairement pour tout, mais c'est comme un petit raccourci pour moi personnellement, donc je sais quoi faire quand je passe à l'étape suivante. Il y a aussi une petite ville en bas. Il ne regarde pas le coucher du soleil. Maintenant que nous avons toutes les vignettes faites, vous pouvez choisir celle avec laquelle vous voulez aller de l'avant. Personnellement, j'adore celui-là en bas juste ici. se voit dans la vidéo suivante.
3. Illustrer dans Photoshop: Whoa. Avant de commencer à quoi que ce soit, nous avons besoin d'une illustration. Cela me rappelle en fait l'un des principes de l'animation : le dessin solide. Le dessin solide est quand vous prenez une forme 2D et lui donnez forme, comme transformer un triangle en une pyramide ou un carré en un cube. Nous ouvrons simplement le Photoshop ou n'importe quel programme que vous dessinez. J' aime avoir la taille du fichier configurée pour un 1920 par 1080P avec le DPI de 300. Mais le réglage est vraiment à vous de choisir tant que vous gardez votre animation à la même taille que votre illustration. La principale chose sur laquelle vous voulez vous concentrer lorsque vous dessinez l'arrière-plan est le dessin solide et nous le faisons en ajoutant des lignes de perspective dans l'illustration. De cette façon, vous pouvez connaître exactement la profondeur de votre illustration et être en mesure de planifier votre milieu, votre arrière-plan et votre premier plan. J' essaie de faire en sorte que mes valeurs reflètent ce que je veux que le spectateur se concentre dans une illustration. En ayant des contrastes plus élevés dans la zone sur laquelle le spectateur doit entrer. J' essaie aussi de dessiner idéalement où je veux que le personnage soit dans ce moment, mais je ne suis pas vraiment sûr. Une fois votre illustration terminée, veillez à l'exporter sous la forme de deux PNG distincts. L' un où c'est juste
l'illustration, puis l'autre où c'est l'illustration avec le personnage enveloppé. Voilà, tu y vas. Vous avez une illustration. Vous pouvez utiliser le vôtre, ou vous pouvez télécharger celui pour [inaudible] pour cette vidéo et suivre.
4. Concevoir des personnages: D' accord. Maintenant que nous avons l'arrière-plan fait, il est temps pour nous de passer à la conception du personnage. Cela me rappelle en fait un principe d'animation connu sous le nom d'Appeal. L' appel est quand vous donnez une histoire à un personnage. Dans l'animation, les artistes utilisent le principe de l'appel pour créer des personnages intéressants qui attirent le public. L' animation attrayante ne signifie pas nécessairement qu'elle doit être moelleuse et mignonne, mais créer un design visuel clair qui captera l'intérêt du public. Par exemple, ce personnage aurait pu être une pomme avec de grands yeux qui vous souriaient, mais au lieu de cela, je lui ai donné un peu d'histoire sur le fait d'avoir un ver qui sortait de lui. Comment est-ce que celui-là est arrivé ? Quand se sont-ils rencontrés pour la première fois ? Quel âge a cette pomme ? Ce sont le type de questions sont juste fouiller dans votre tête que vous regardez à travers ce design de personnage, et vous pouvez dire qu'ils ne sont pas des ennemis, sont des amis, et bien plus encore. Une autre astuce pour créer de bons personnages
attrayants est toujours d'utiliser le petit, moyen, grand principe. C' est quand vous vous assurez que vous avez des formes qui correspondent à chacune de ces tailles. Par exemple, la grande forme de pomme est la grande forme de mon personnage, les yeux sont les moyens, et les jambes sont les petites. D' accord. Maintenant que nous avons fait notre personnage, il est temps pour nous de le mettre dans l'animation. Maintenant, comme je l'ai déjà dit, vous pouvez utiliser les fichiers que j'ai également fournis dans cette vidéo où le personnage est déjà instillé à l'illustration, ou vous pouvez faire le vôtre.
5. La mise en page de la mise en page: Maintenant que nous avons fait le personnage, tout ce que nous avons à faire est de le mettre à l'intérieur de l'animation. Une fois que nous aurons fait cela, nous passerons aux prochaines étapes. Commençons à assembler ça. abord, nous allons ouvrir le document et nous assurer qu'il est 1920 d'ici 1080p à 12 images par seconde. À partir de là, nous allons importer les deux pour les PNG que vous avez précédemment, ce
soit le vôtre ou ceux qui sont fournis avec cette vidéo. Vous allez les saisir et les mettre à l'intérieur de ce document. Assurez-vous de l'aligner et de mourir tout semble bien. Vous voulez également vous assurer qu'ils se trouvent sur des calques distincts afin que l'esquisse soit vraiment au-dessus. De cette façon, nous nous débarrassons de l'esquisse plus tard dans
le processus, l'animation sera enfin placée dans l'illustration. Nous tirons également vers le haut le design du personnage afin que tout reste sur le modèle. Cela me rappelle en fait un autre principe de l'animation. Mise en scène. La mise en scène est une présentation d'une idée tout à fait claire. Pendant que nous sommes ici, cela me rappelle quelque chose de très important. Il est très souvent utilisé dans l'anime. C' est ce qu'on appelle des prises de caractère. C' est quand le personnage entier ne bouge pas, sauf pour une certaine partie de son corps. Dans l'anime, c'est généralement la bouche ou juste les cheveux et parfois seulement les yeux. Ce sont des choses qui sont utilisées pour rendre l'animation simple et facile à faire mais se sent toujours budget élevé. Maintenant, pour cette animation, je sais que je veux que le personnage soit immobile, à l'
exception de ses cheveux ou de sa feuille, coule dans le vent, et son corps aussi vibrer. De cette façon, le corps principal sera juste le maintien du corps. Je peux facilement colorer ça. La mise en scène est terminée. Pour la prochaine partie de ce cours, nous allons parler du mouvement, façon dont tout bouge, vous l'avez deviné, des arts.
6. ARC et timing: Il nous a fallu beaucoup de temps pour aller dans l'air, enfin faire de l'animation, et cela m'amène à un principe important de l'animation. Je veux dire, tous les principes sont importants. Mais j'aime vraiment celle-là, elle s'appelle Arcs. Arcs est sur le mouvement de l'animation. Rien ne bouge vraiment linéaire si c'est organique et animation. Par exemple, la façon dont je me suis retourné, c'est un arc, et la façon dont je bouge mes bras est un arc, et la façon dont les cheveux coulent dans le vent est un arc. Comment établir réellement un arc en animation ? La façon dont je le fais est de dessiner la forme qui va se déplacer d'abord, puis je dessine l'arc,
puis je divise l'arc avec des lignes comme s'il s'agissait d'une ligne de temps. Chaque moment et cette ligne représente un cadre, et pour m'assurer que j'ai le timing correct, je vais toujours en dehors de celui-ci sur un calque séparé et je le mets sur le côté de celui-ci. De cette façon, quand je le rejoue, je peux savoir exactement comment le temps bouge ou si c'est trop rapide ou trop lent sans avoir à animer quoi que ce soit. Maintenant que je l'avais prévu, je vais passer à dessiner l'arc réel pour l'animation. J' ai commencé mon arc en haut de la feuille. De cette façon, je peux savoir exactement où je garde ça. De là, je m'assure que je dessine les mêmes lignes de temps, puis je déplace le point médian de la feuille à travers tous ces points, puis je remonte juste mon chemin, et là vous avez la feuille qui coule magnifiquement dans le vent. Bon, et maintenant que l'arc est fait, il est temps de passer à autre chose et de partir de zéro.
7. Appliquer le cousin et étirement de l'étirement de l'épine et de Applying: L' un des premiers principes de l'animation est le squash et l'étirement. Mais qu'est-ce que ça veut dire ? Dans cette section, je vais le décomposer pour vous. Maintenant, nous allons animer le ver ou la graine comme j'aime les appeler. abord, je commence par planifier le mouvement parce que le mouvement est un mouvement de haut en bas, je fais juste un geste rapide qui s'
assure que le mouvement et les images clés sont vraiment alignés. En squash et stretch, il donne une sensation de poids et flexibilité à un objet animé comme cette danse que la graine va faire. Le point le plus élevé de son animation comme un étirement et le point le plus bas est comme squash. Avoir écraser étirement ici donne peu de poids à cette danse et il montre cette graine dans le cadre de Johnny Applene tout comme dans flottant dans l'espace. Cela me donne en fait l'occasion de parler d'un autre principe de l'animation, animation
droite contre la pose pour poser l'animation. L' animation droite est quand l'animation est faite tout droit, comme comment j'ai fait la feuille pour la tête de Johnny. Alors que, poser à poser est l'endroit où vous créez des images clés importantes, parfois appelées extrêmes qui décrivent l'ensemble de l'action, puis revenez en arrière et créez les images clés entre les deux. Comment je fais cette danse pour une fois. Très bien, donc c'était squash et étirer sur la prochaine vidéo, nous allons nous concentrer sur l'exagération et pour animer des grandes aux petites formes.
8. Passer aux formes de grande grande forme et petites formes: Que nous ne perdons aucun élan, nous allons juste remonter là où nous nous sommes arrêté. Quelque chose de super important et discret dans la communauté de l'animation sont les tests de crayon. Maintenant, dans le test de crayon
de jour, il fallait prendre tous vos cadres et en prendre des photos une par une, en espérant que votre timing était correct. Les choses sont probablement un peu plus rapides ces jours-ci, par exemple, je jouais cette animation de Sid et il ne semblait pas
vraiment qu'il rebondissait assez pour moi. C' était parce qu'il n'y avait pas assez d'exagération sur la pose supérieure de son animation. exagération est utilisée pour amplifier une action ou une idée. Fondamentalement, vous devez exagérer l'émotion pour que le public l'attrape. Maintenant, vous voyez ici pour Sid, je dessine son petit truc à col roulé, je ne connais pas vraiment le nom des vers de terre, mais c'est comme ça que je l'appelle. Fondamentalement, en dessinant tout son corps d'abord, puis en me concentrant sur ce petit détail, il me rend plus facile d'avoir la consistance de la forme et de la forme. Chaque fois que vous animez quelque chose, n'oubliez pas de toujours passer du grand au petit, sorte
que vous pouvez garder votre volume aussi cohérent que possible. Maintenant que tu as l'essentiel de ça, accélérons ce méchant garçon. Maintenant, que Apple Jack et Sid sont animés, et que je les regarde tous ensemble, ils ne semblent pas vraiment correspondre à l'arrière-plan. Pour mes personnages, j'y ajoute un peu de teinte. Je tire une couleur de l'arrière-plan et je la teinture au-dessus d'eux, sorte
qu'ils se sentent plus synchronisés avec l'arrière-plan, et tout semble fonctionner ensemble. Maintenant que nous avons vu animé, il est temps pour nous de nous concentrer sur les petits détails dans la prochaine vidéo.
9. Créer de l'anticipation: Maintenant que Apple, Jack et Seed sont animés. Il est temps pour nous de nous concentrer sur les petits détails comme le ciel nocturne, c'est tellement vibrant et parfait. Mais seulement s'il y avait quelque chose de plus, quelque chose comme une étoile filante. Un autre principe de l'animation est l'anticipation, une pose ou un dessin qui est une action principale d'une scène animée. Par exemple, Apple et Seed sont dans une boucle constante d'animation, donc il n'y a aucun moyen d'anticiper une action. Pour cette animation, j'ai décidé que l'anticipation viendrait à travers les étoiles, une étoile filante en fait. Ce que je commence à faire pour cela, c'est en faisant une lueur de l'étoile. De cette façon, vous voyez cela d'abord avant qu'il ne saille réellement à travers l'écran, ce qui lui donne une anticipation avant l'action. Voilà, tu y vas. Apple, Jack et Seed regardant le ciel nocturne. Dans la prochaine vidéo, nous allons nous concentrer sur d'autres petits détails, quelque chose comme [inaudible]
10. Comprendre les arc et le timing: Comme je l'ai dit, on va se concentrer sur le vent. Tu te souviens comment j'ai fait couler les cheveux ou les feuilles d'Apple Jack dans le vent ? Nous avons besoin d'autre chose pour exagérer cette motion. Nous avons tout ce qui fonctionne de l'étoile filante pour avec anticipation pour le voir dans cette petite danse. Mais maintenant, c'est comme si la feuille d'Apple Jack coule sans raison. Mais si nous ajoutons un semblant de vent là-dedans, cela aura du sens. Alors, quelle est la meilleure façon de faire ça ? En ajoutant une feuille. Très bien, c'est qu'on amène tout ce qu' on a parlé de cette vidéo ensemble. Puisque nous faisons le vent et nous aimerions faire une
forme organique très libre qui montre le chemin qui, supprime ce gars. De là, nous avons marqué tous les cadres clés. De cette façon, vous pouvez avoir une bonne idée de exactement où la feuille va être et combien de cadres il faudra. Maintenant que nous avons tous ces trois chemins tracés et balisés pour notre temps. Nous mettons les points en place. Une fois que tous les points sont en place, nous le rejouons pour voir si c'est exactement ce que nous voulons. Si le timing semble juste à partir de là, vous devriez dessiner toutes vos feuilles tout droit devant et vous aurez votre animation finale. Bon, maintenant qu'on a tout animé, il est temps pour nous d'exporter ce méchant garçon. Je reviendrai plus en détail à ce sujet dans la prochaine vidéo.
11. Exporter et réflexions finales: Nous sommes sur la dernière vidéo, exportez votre animation et mettez votre musique de playlist ensemble. Comment on fait ça ? D' accord. Maintenant que tout est configuré, vous assurez-vous de l'exporter d'ici 1920 1080p et vous assurez-vous que l'emplacement est quelque part que vous pouvez facilement trouver. J' ai installé le mien pour le bureau. Juste pour que je puisse trouver la copie de cette vidéo. Une fois cela fait, vous ouvrez After Effects, ouvrez un nouveau projet et importez plusieurs fichiers. Les fichiers que je devrais réellement saisir sont l'animation et la playlist. Une fois importé, j'ouvre une nouvelle comp et je m'assure de nommer la comp, playlists animation et de la mettre à 1920 par 1080P. J' ai aussi changé le timing sur la longueur de la liste de lecture. Une fois que j'ai fait cette comp, je m'assure d'importer tous ces fichiers directement dans cette comp, la playlist et l'animation. Comme vous le voyez, l'animation est un peu petite, ce moment, elle ne tourne qu'environ trois secondes. Pour changer cela, je monte au fichier d'animation, clique avec le bouton droit de la souris et interprète le métrage. De là. Vous voyez simplement que le métrage est à 12 images par seconde, et à partir de là, vous pouvez boucler le métrage jusqu'au bas. Je le boucle environ 20 fois. Maintenant qu'elle est entièrement là, nous pouvons exporter cette vidéo pour l'animation de la playlist. Nous allons aller à Adobe Encoder pour l'exporter. À partir de là, vous voulez vous assurer que vous êtes réglé sur le H0.264 et que votre source de temps correspond. De cette façon, vous pouvez exporter MP4. Je choisis de l'exporter sur le bureau. Ensuite, à partir de là, il suffit de cliquer dessus et de le vérifier. Voilà, tu y vas. Vous avez votre animation terminée prêt à télécharger dans la plate-forme vidéo. Voilà, tu y vas. Maintenant, vous avez votre propre animation de playlist.
12. Conclusion: Voilà, tu y vas. Nous avons fait une animation pour YouTube et l'avons téléchargée. On dirait que cette fille Lo-Fi va avoir de la concurrence. Aussi, si vous voulez faire le vôtre ou juste besoin d'un peu d'aide, je l'ai aussi juste en dessous, un chichi GIF. Je vais vous enseigner tous les principes que j'ai enseignés ici, mais d'une manière plus rapide, plus digeste, juste au cas où vous ne vouliez plus regarder la vidéo. Peu importe ce que vous faites par vous-même, j'aimerais le voir juste en dessous, alors n'oubliez pas de l'ajouter et de m'étiqueter. Tout ça vient de moi. J'ai hâte de voir ce que tu mettras en dessous.
Akeem Roberts, He/Him | Illustrator | Animator
