Prélude
Bonjour, je suis Terebell, illustratrice et streameuse !
Ce tutoriel a pour objectif de te partager ma méthode de travail lorsque je réalise un avatar de PngTuber. J’utilise évidemment cette méthode pour d’autres types de contenu, mais aujourd’hui, on va s’intéresser aux avatars PngTuber !
À noter :
• J’utilisais le logiciel PngTuber Plus au début, mais les bugs récurrents de l’application m’ont fait passer à Veadotube, c’est donc pour ce dernier qu’on va réaliser un avatar.
• Je rédige ce tutoriel avec ma langue maternelle, le français, car je ne pense pas avoir le vocabulaire suffisant pour le rédiger en anglais.
1 | Préparation
Avant de commencer à dessiner, il faut d’abord s’intéresser à notre fichier et notre espace de travail.
1.1 | Création du fichier
Que ce soit pour une emote Twitch, une illustration à publier sur les réseaux ou un avatar, j’aime travailler en grand format. Cela assure une bonne qualité du produit fini et surtout, la possibilité de réutiliser l’illustration pour d’autres supports : si je veux imprimer mon illustration ou l’afficher sur un tote bag, je n’aurais pas besoin de refaire tout le travail !
Je commence donc par créer mon fichier.
Je travaille souvent avec un format carré (pour les emotes notamment), avec un format de 2000*2000 pixels.
Plutôt que travailler sur un fond blanc, je te conseille de travailler sur un gris ou un beige clair pour que ce ne soit pas trop agressif pour les yeux.
1.2 | Les différents outils
Dans ce tutoriel, je vais utiliser différents outils qui te seront certainement utiles pour réaliser tes créations, notamment :
• L’ensemble de couleurs
• L’outil de symétrie
• Les calques vectoriels
• Le masque d’écrêtage
• Les modes de fusion
• Les filtres
2 | Croquis : le concept de base
Sors ton stylet, on commence !
Toute illustration commence avant tout par un croquis.
2.1 | Le personnage
Je commence souvent à dessiner en ayant au moins une vague idée de ce que j’aimerais réaliser, que ce soit un simple concept ou une idée plus précise.
Pour ce tutoriel je n’ai pas eu besoin de réfléchir à un concept, puisque nous allons travailler avec Scott, un renard tiré de mon histoire “Tinkle’s Curse”.
L’étape du croquis permet de définir de nombreuses choses qui permettent de donner du caractère à l’avatar :
• Les proportions
• La posture
• L’expression
J’ai réalisé 3 croquis avant d’être convaincue, mais n’hésites pas à faire autant d’essais que nécessaire car l’avatar doit correspondre à ton caractère et à tes envies !
Cependant, créer la posture et l’expression n’est pas suffisant : il faut maintenant habiller notre personnage. Tu peux également faire plusieurs essais pour trouver la tenue parfaite. Personnellement, Scott a déjà une tenue définie, alors ce n’était pas très compliqué à trouver !
Une fois ton croquis sélectionné, fais un nouveau calque pour chaque tenue que tu essayes et travailles avec une couleur différente, cela te permettra :
• de facilement passer d’une tenue à l’autre pour faire ton choix
• de toujours voir le corps de ton personnage pour que la physique des vêtements soit logique
2.2 | Les couleurs
Lorsque tu es satisfait du personnage et de sa tenue, il est temps de choisir ses couleurs !
Le choix des couleurs est aussi important que le personnage en lui-même, car c’est grâce aux couleurs que tu vas pouvoir ajouter encore plus de personnalité à ton personnage et lui donner de la profondeur. Observes ces propositions de couleur et constates par toi-même !
Je considère qu’il n’y a pas de méthode miracle pour choisir ses couleurs. Vas-y à l’instinct, essayes et tu trouveras une association de couleur qui te plaira.
Pour t’aider, tu peux par exemple t’inspirer de photographies, d’ambiances, de palettes de couleurs ou même de la couleur de ton animal de compagnie !
Pour ma part, les couleurs de Scott étaient déjà définies (la palette rouge en bas à droite), les autres propositions ont été réalisées pour ce tutoriel et certaines couleurs lui vont d’ailleurs très bien !
L'ensemble de couleurs
Un outil très utile de Clip Studio Paint est l’ensemble de couleurs.
Très simple d’utilisation, il permet d’enregistrer tes couleurs pour pouvoir les réutiliser plus tard : pratique quand on dessine plusieurs fois le même personnage comme dans un Webtoon, ou pour l’animation d’un avatar par exemple !
3 | Fiche de personnage
La fiche de personnage n’est pas obligatoire dans la création d’un avatar PngTuber, mais elle peut t’aider à conserver précieusement des informations. Elle peut prendre différentes formes et même être publiée sur tes réseaux pour le présenter.
Personnellement, je crée des fiches pour les personnages de mes histoires, afin de garder plusieurs informations :
• L’illustration
• Le nom
• Les informations de base (qui varient selon l’histoire)
• Une brève description
• Les couleurs utilisées
3.1 | L'illustration
Pour une fiche de personnage, tu as 2 solutions :
• Réaliser une illustration de ton personnage en contexte
• Réaliser une illustration de ton personnage de face, à l’image d’une “T Pose”
Personnellement je préfère mettre mes personnages en contexte, cela rend la fiche plus vivante, mais la seconde solution permet d’avoir une meilleure vision du corps et des différents éléments associés au personnage. Pour le coup, c’est comme tu préfères.
La symétrie
Pour réaliser une "T Pose", l'outil le plus pratique est la règle symétrique.
Pour une fiche, il n’est pas forcément nécessaire d’avoir différents points de vue de ton personnage. Selon moi, tout dépend du dessin et de sa complexité, mais cela dépend également de l’usage que tu comptes faire du personnage.
En l'occurrence, pour un avatar PngTuber, je considère que je n’ai pas besoin de voir le dos de mon personnage, alors ce sera suffisant.
Les ombres
J’aime beaucoup réaliser des dessins très simples avec des aplats, mais il m’arrive aussi d’ajouter des ombres et lumières, qui permettent de créer une ambiance ou de la profondeur.
Pour réaliser des ombres neutres, je choisis généralement un rose pâle pour les couleurs chaudes (ex. jaune, orange, rouge) et un bleu pâle pour les couleurs froides (ex. vert, violet, bleu).
Avec Scott et ses couleurs chaudes, je peux réaliser toutes mes ombres avec une seule et même couleur, en ajoutant un calque d’ombre au-dessus de mon calque de couleur.
Mode produit et masque d'écrêtage
Les ombres me permettent de parler de 2 fonctionnalités importantes.
• Le mode produit : est un mode de fusion permettant de colorer le calque inférieur. La couleur d’ombre sélectionnée va alors s’adapter à tes différents aplats de couleur, créant une cohérence dans ton illustration.
• Le masque d’écrêtage : il permet à ton calque d’ombre de s’adapter au calque inférieur. Pour faire simple, ton ombre ne pourra jamais déborder de la couleur !
Ces deux fonctionnalités peuvent être activées directement dans tes calques.
Les filtres
J’utilise principalement 2 filtres pour un élément spécifique : les reflets des yeux.
• L’aberration chromatique me permet d’ajouter des effets de couleurs dans le reflet.
• Le flou gaussien permet de rendre le reflet brillant.
J’associe ces deux effet au mode de fusion “Ajouter (éclat)” pour obtenir ce résultat !
Les contours
La dernière étape qui, selon moi, va donner vie à ton personnage, c’est la couleur des contours. Transformer tes contours noirs en contours colorés va absolument tout changer !
Pour colorer les contours, il te suffit de placer un nouveau calque en masque d’écrêtage au-dessus de ton calque de contours, puis de colorier.
La différence est flagrante non ?
3.2 | La fiche
Comme je le disais précédemment, ta fiche peut prendre de nombreuses formes. Personnellement, j’aime avoir des informations graphiques et textuelles, puisque je réalise des fiches pour les personnages de mes histoires, mais tu peux très bien te contenter des illustrations pour un avatar.
Pour te donner un aperçu, la fiche de Scott ressemble à ceci :
4 | L'avatar PngTuber
Maintenant que le personnage est prêt, il ne reste plus qu’à créer les animations pour que l’avatar soit utilisable sur le logiciel Veadotube.
Veadotube permet d’ajouter 4 images pour faire bouger l’avatar :
• Bouche fermée et yeux ouverts : l’état de base
• Bouche ouverte et yeux ouverts : lorsqu’on parle
• Bouche fermée et yeux fermés : pour que l’avatar puisse cligner des yeux aléatoirement
• Bouche ouverte et yeux fermés : pour que l’avatar puisse cligner des yeux aléatoirement lorsqu’on parle
4.1 | Les yeux
Il existe de nombreuses méthodes et manières de faire cligner des yeux notre personnage. Évidemment, je vais te présenter ici ma propre méthode.
Je réalise le clignement des yeux avec 3 images :
• Les yeux à moitié fermés
• Les yeux fermés
• Les yeux un peu plus ouverts que l’état de base
4.2 | La bouche
Pour donner l’illusion de la parole, on utilise le même principe que pour les yeux en créant 3 bouches différentes représentant des sons :
• Une bouche pour les sons en A
• Une bouche pour les sons en I
• Une bouche pour les sons en O
4.3 | L'assemblage
Une fois que les yeux et les bouches sont prêts, il est temps de passer à l’assemblage de tous ces éléments pour créer 4 images distinctes :
• 1 PNG
• 3 APNG (des PNG animés comme des GIFs, mais de meilleure qualité)
Exportes toutes tes images en PNG et rendez-vous sur un site internet, comme celui-ci, pour fusionner certaines d’entre elles en APNG. Tu devrais te retrouver avec toutes les images ci-dessous.
Les images dotées d’une croix rose par exemple, permettent de créer le fichier APNG numéro 4, marqué d’un cercle rose.
Je te recommande d’utiliser la même vitesse (Delay time) pour le clignement des yeux et la vitesse de la bouche puisque l’un des APNG doit associer le mouvement des deux !
Lorsque tu as tes 4 images (1 PNG et 3 APNG), tu peux te rendre dans l’application Veadotube et les placer dans l’ordre, comme ceci :
Il ne te reste plus qu’à tester ton avatar en parlant dans ton micro, pour obtenir ce résultat !
5 | Quelques conseils supplémentaires
Avant de se laisser, j’aimerais te donner quelques conseils supplémentaires qui t’aideront dans ta création d’avatar.
5.1 | Le personnage nu
L’avatar PngTuber a le même mode de fonctionnement que des personnages utilisés dans un Visual Novel par exemple : le personnage peut avoir des expressions différentes ou des vêtements différents.
Avec notre avatar, on pourrait imaginer ajouter des expressions comme la colère, la peur ou la tristesse en modifiant les yeux et les bouches, puis en ajoutant un nouvel état dans Veadotube.
Pour l’avatar PngTuber que j’utilise en stream, qui est une petite chouette, j’ai ajouté un deuxième état, la colère. Je peux définir une touche de mon clavier ou créer une macro pour passer d’un état à un autre en un clic !
Pour le changement de tenue, c’est le même principe, il suffit de dessiner une nouvelle tenue et d’exporter à nouveau toutes les images.
Je te recommande donc très fortement de toujours faire une version “nue” de ton personnage, comme sur l’exemple ci-dessous, pour pouvoir facilement changer sa tenue sans avoir à tout redessiner à chaque fois, ça te fera gagner du temps.
5.2 | Le calque vectoriel
L’une des fonctionnalités phares de Clip Studio Paint selon moi, ce sont les calques vectoriels.
Les calque vectoriels te permet de dessiner comme sur un calque normal, mais de pouvoir modifier l’épaisseur d’un trait spécifique ou d’agrandir et réduire ton calque sans risquer de perdre en qualité par exemple. Personnellement j’utilise les calques vectoriels pour mes contours, ce qui me permet de facilement ajouter des vêtements sur un corps nu !
Duplique tout ton dossier de personnage nu (de mon côté, ce dossier contient la couleur, le contour, la couleur du contour et les reflets des yeux) et crée un nouveau calque vectoriel pour les vêtements. Une fois que les vêtements sont faits, tu peux supprimer tout ce qui dépasse ou est devenu invisible grâce à la gomme vecteur.
Comme tu peux le voir sur le timelapse ci-dessous, j’ai d’abord terminé tout le personnage nu au propre, avant de faire une version habillée, puis j’ai fait différents yeux et bouches pour l’animation !
6 | Conclusion
Félicitations, tu es arrivé au bout du tutoriel !
C’est mon tout premier tuto et je te remercie de l’avoir suivi jusqu’au bout. J’espère avoir été assez claire, assez précise, j’espère que j’ai pu t’aider à réaliser ton avatar et répondre à tes questions !
Merci encore d’avoir suivi mes explications, la bise ♥
Les utilisateurs qui ont aimé cette publication
Commentaire