Conseils d’illustrateur – Préparer les actifs pour l’animation
Dans ce post, nous verrons comment nous pouvons utiliser Adobe Illustrator pour le développement de personnages 2-d qui peuvent être exportés dans un programme comme After Effects pour être amenés à la vie- conseils d’illustrateur pro!
Une vidéo où nous démontrons cela est la vidéo Shippo. Avant qu’un animateur puisse faire son travail, il a besoin de quelque chose avec lequel travailler, donc nous construisons les actifs dans Illustrator.
Un des aspects les plus importants du développement d’un personnage à l’animation est de prendre en compte que nous travaillons en couches et que chaque chose que nous animons est sur sa propre couche individuelle, en termes simples pour qu’un personnage marche il a besoin de deux jambes, ces deux jambes peuvent être traduites en termes d’illustrateur comme deux couches séparées, donc quand nous créons ces jambes nous devons être très spécifiques en nommant ces couches GAUCHE et DROIT parce que nous avons une jambe gauche et une jambe droite. Il est important pour nous de mettre en place une structure de calques cohérente, de sorte que lorsque nous transmettons notre travail à un animateur ou à quelqu’un qui a l’expérience du travail avec Adobe After Effects, il saura exactement quoi faire avec eux, et il pourra travailler plus efficacement.
Voici les étapes que vous devez suivre lorsque vous concevez vos personnages pour l’animation.
Le personnage complet dans Illustrator, tel qu’il est vu sur le panneau des calques, est composé d’éléments individuels tous créés dans le programme et ensuite positionnés soigneusement pour que le personnage ait une forme,
L’ordre des calques est très important car la façon dont ils sont ordonnés aura un effet sur la façon dont le personnage est vu. Par exemple, pour que les yeux soient vus, ils doivent être sur un calque qui est au-dessus de la tête. Ainsi, en regardant l’image ci-dessus, les couches supérieures sont les yeux et la bouche, car ce sont les caractéristiques clés qui doivent être animées. Les bras et les pieds ont été créés sur des couches séparées et sont nommés gauche et droite pour créer une certaine distinction entre eux.
Créer les parties du corps et les nommer.
La tête et les cheveux peuvent être fusionnés pour devenir une seule couche.
Sur le panneau des couches, vous pouvez appeler cela HEAD.
Les yeux &La bouche
Les yeux sont deux cercles simples créés avec l’outil ellipse
Dans ce cas, nous créons un œil après l’autre en les nommant œil droit et œil gauche, les yeux ne doivent pas être fusionnés pour former un seul calque, ils doivent être séparés.
Une fois que vous avez créé les yeux, vous devez les nommer droit et gauche. Si vous êtes créé des yeux de personnage plus complexes avec des cornées, vous utiliseriez également la même référence étant gauche et droite.
La bouche du personnage est assez simple. Pour créer la bouche, nous devons utiliser l’outil stylo pour créer une courbe. La courbe peut ressembler à un sourire ou à un froncement de sourcils selon la direction qu’elle prend.
Si vous êtes familier avec l’outil stylo dans Adobe Illustrator, vous sauriez que dessiner des courbes consiste à maintenir la touche de la souris enfoncée pour obtenir la courbe désirée et ensuite tracer un point à partir duquel vous voulez que la courbe se termine.
Faire une courbe est très simple. Ci-dessus, nous avons deux points A et B la courbe sera une ligne qui joint le point A et B.
Sélectionnez votre outil stylo dans Illustrator.
Avec l’outil stylo au point A, cliquez et déplacez la souris en ligne droite sur le point B. Une fois la ligne droite formée, cliquez puis maintenez votre clic de souris et déplacez la souris dans la direction souhaitée que vous voulez que la courbe aille dans ce cas, déplacer la courbe vers le bas donnera un sourire et déplacer la souris vers le haut créera un froncement de sourcils triste. Le résultat final devrait ressembler à ceci. N’oubliez pas de désactiver vos options de remplissage et de donner un poids au trait, de préférence un poids lourd de 2-4pts selon l’épaisseur que vous voulez donner à votre ligne.
Le résultat final devrait ressembler à quelque chose comme ceci.
Voici une bouche que j’ai faite plus tôt et qui fonctionnera bien avec les personnages.
Lorsque nous avons combiné la bouche et les yeux, nous obtenons quelque chose comme ceci.
Ces-ci sont tous sur des couches individuelles séparées et ils seront positionnés au-dessus de la couche de la tête.
Les couches sont indiquées par des couleurs
Couche bleue – œil gauche
Couche verte – œil droit
Couche violette – tête et cheveux (HEAD)
Couche rouge – bouche
Si vous regardez le panneau des couches, nous avons chaque élément du personnage sur une couche représentée par une couleur. Comme mentionné ci-dessus la bouche
se trouve sur un calque rouge, vous devriez voir la ligne colorée à côté de votre calque et à l’extrême droite du calque vous verrez un carré coloré…. Sous la bouche, l’œil droit se trouve sur un calque vert, l’œil gauche sur un calque bleu foncé et la tête qui comprend les cheveux se trouve également sur un calque violet.
Les calques peuvent être réordonnés à tout moment, donc si vos calques sont désordonnés ne vous inquiétez pas, rappelez-vous simplement d’arranger les calques au fur et à mesure, vous vous faciliterez la tâche.
La tête devrait ressembler à ceci.
C’est une composition de calques, qui ont été ordonnés de manière à faire le visage d’un personnage. En regardant l’image, il est simple de dire que la couche inférieure est la tête et que les yeux et la bouche sont au-dessus de la tête.
Le reste du personnage est conçu sur les mêmes principes que la tête.
Nous avons deux bras, des jambes et deux pieds. Et le corps. Si nous créions des mouvements de corps plus complexes, alors nous aurions besoin de créer des pivots qui agiraient comme des articulations pour les bras ce serait
des coudes et pour les jambes ce serait des genoux. Si jamais vous vouliez que votre personnage ait des mouvements humains naturels comme la marche, alors c’est ici qu’ils seraient nécessaires.
Si les bras devaient bouger séparément, alors il faudrait les mettre sur des calques séparés et leur donner les noms gauche et droit.
Selon le panneau des calques, le bras droit est sur un calque cyan et le bras gauche sur un bras gris.
Le corps est un t-shirt blanc/gris, il est représenté par une marque jaune sur le panneau des calques. Lorsqu’il est sélectionné dans le
artwork, il aura des marques de sélection jaunes dessus.
Finalement, nous devrions avoir quelque chose comme ceci.
Les jambes sur ce personnage ne bougent pas mais comme mentionné ci-dessus si nous devions créer la marche, elles auraient besoin de pivots pour les genoux .
Les pieds cependant sont superposés à gauche et à droite.
En regardant les compositions des couches, vous pouvez voir que toutes les couches sont codées par couleur et ordonnées afin qu’elles ne s’entrechoquent pas.
Voici toutes les couches de ce personnage. Vous pouvez voir que certaines couches ont été nommées à droite et à gauche ce sont les yeux, les bras et les pieds.
Quand il s’agit d’animer ce personnage en raison de la façon dont le fichier a été arrangé, il serait très cohérent pour l’animateur sur les éléments qui peuvent être animés. Principalement, même si les jambes n’ont pas été conçues avec le mouvement à l’esprit, il y a beaucoup d’effets pour faire fonctionner cette animation.