Salut ! Je suis Megumi, et depuis que je streame, on me demande souvent des conseils pour les émoticônes - alors j'ai pensé en faire un tutoriel ! Le tout est également disponible en tutoriel vidéo avec un peu plus de blabla.

Nouveau document

Créez un nouveau document au format A4 avec une résolution de 300 dpi. Personnellement, je préfère le gris comme couleur de papier au blanc, car les couleurs peuvent être mieux évaluées dessus.

Envie de petites boîtes ?

Avec l'outil Forme Rectangle, dessinez un carré sur un calque vide. Si vous maintenez la touche Shift enfoncée, les proportions resteront les mêmes.

Il existe deux façons de copier le carré :

1 : Sélectionnez le carré avec l'outil de sélection et utilisez "copier et coller" dans le menu de sélection. Ensuite, sélectionnez l'outil "Déplacer le calque", maintenez la touche Shift enfoncée et déplacez le nouveau carré vers la droite. En maintenant la touche Shift enfoncée, il restera aligné avec sa position d'origine.

2. Assurez-vous d'avoir sélectionné le calque à copier, puis sélectionnez l'outil "Déplacer le calque". Si vous cliquez et faites glisser le calque, CSP créera un duplicata de l'intégralité du calque. Une fois que vous avez la copie "en main", vous pouvez relâcher Alt et réactiver l'orientation avec Shift. Créez six carrés de cette manière et combinez les calques avec "Fusionner avec le calque inférieur" dans la fenêtre des calques, juste au-dessus de votre liste de calques.

Pour vous éviter des problèmes, verrouillez le calque avec le petit cadenas. Ainsi, vous ne pourrez pas dessiner dessus par inadvertance ni l'affecter d'une autre manière, car vous n'aurez plus besoin de le faire.

Esquisses

Créez un nouveau calque et nommez-le "Esquisses" ou quelque chose de similaire. Pour les esquisses, j'utilise le "Crayon clair", l'un des pinceaux standard de CSP. J'aime aussi dessiner en noir à ce stade pour mieux me concentrer sur la silhouette.

S'il n'y a pas encore de modèle, esquissez votre personnage dans le premier champ afin de pouvoir vous y référer plus tard. Plus vous le ferez précisément, plus vous aurez de support pour les emojis que vous construirez dessus. Voici quelques conseils de conception à ce stade :

 

1. Considérez le personnage comme ce qu'il est - un instrument de communication. Ce que vous voulez transmettre, ce sont des émotions ! C'est pourquoi vous donnez au personnage ce dont il a besoin pour son expression, et vous supprimez ce dont il N'A PAS besoin. Les éléments inutiles rendent l'emote difficile à reconnaître en petites résolutions.

2. Plus l'emoji sera petit par la suite, plus l'expression devra être claire. Pour cela, l'expression faciale est bien sûr importante, parfois aussi les extrémités comme les mains, mais aussi la silhouette. Des formes anguleuses et dentelées transmettent la tension, des formes rondes la chaleur ou le confort. Les personnages avec des oreilles d'animaux en disent aussi beaucoup sur la forme des oreilles !

3. N'hésitez pas à vous éloigner des proportions classiques au profit de l'expression. Il faut parfois exagérer pour bien faire passer ce que l'on veut communiquer.

 

Lorsque vous avez terminé l'esquisse, donnez une couleur de calque au calque, puis mettez le calque en mode "Multiplier" et réduisez l'opacité à environ 30 %. Ainsi, vous avez l'esquisse bien en arrière-plan, elle se distingue par sa couleur afin que vous ne la confondiez pas avec d'autres, et grâce à la multiplication, elle reste bien visible sur toutes les couleurs de papier.

Encres et couleurs

Il existe de nombreuses techniques d'encrage, que j'aborderai volontiers une autre fois. Ici, je reprends simplement mon "Crayon clair" en 100% noir et une dureté de 5, car j'aime beaucoup les bords légèrement doux de ce pinceau. Ajoutez un nouveau calque au-dessus du calque d'esquisse, et nommez-le par exemple "Lignes".

Je ne suis pas très précis avec les lignes, car de toute façon, on ne les verra pas très bien à la fin. Mais attention à ne pas trop s'approcher, car on a alors tendance à rendre les lignes plus fines ! Gardez une vue d'ensemble. Les lignes séparent les zones les unes des autres et donc aussi les formes qui composeront l'expression. Alternativement ou parallèlement, on travaille également avec suffisamment de contrastes entre les zones de couleur. Lorsque vous avez terminé l'encrage, masquez le calque d'esquisse et créez un autre calque sous "Lignes" et nommez-le "Couleur".

Pour la coloration, il existe à nouveau plusieurs options. Il est important avant tout que toutes les zones soient entièrement couvrantes, c'est pourquoi j'utilise ici un marqueur du même onglet de pinceaux que les stylos de dessin.

Alternativement, vous pouvez remplir des zones fermées avec l'outil de remplissage. Pour cela, les lignes n'ont pas besoin d'être sur le même calque ! Cool, n'est-ce pas ? Sélectionnez le seau "référer à d'autres calques". Vous devrez peut-être aussi ajuster l'extension de la zone de remplissage de quelques pixels pour éviter d'avoir un bord vide.

Pour ajouter quelques ombres sans trop compliquer les choses, vous pouvez verrouiller les pixels transparents d'un simple clic. Maintenant, vous ne pouvez plus peindre par-dessus les bords. Choisissez le pinceau de votre choix, peut-être un aérographe ? Et décorez le calque de couleur jusqu'à ce que vous soyez satisfait. Je garde les choses très simples et n'ajoute qu'une ombre colorée et un peu de surbrillance.

Mise en forme prête à l'emploi

À partir d'ici, cela devient plus ou moins spécifique aux émoticônes telles qu'elles sont utilisées sur Twitch. Selon la plateforme, la taille requise ou autorisée de l'émoticône, ainsi que le format, varient. Informez-vous sur ce dont vous avez besoin, puis créez un nouveau document selon ces spécifications. Sur Twitch, les exigences sont de 112x112, 56x56 et 28x28 pixels. Je crée donc un fichier au format 112 x 112 pixels.

Pour tout reprendre du document précédent, vous pouvez également procéder de deux manières - la première serait de combiner directement le calque de lignes avec le calque de couleur et de copier l'émoticône telle quelle. C'est bien sûr un peu plus "destructeur", car les calques sont alors fusionnés et les modifications ne sont plus aussi simples. Alternativement, vous pouvez sélectionner la zone de l'émoticône avec un outil de sélection, puis sélectionner les deux calques dans la fenêtre des calques. Si vous copiez maintenant, le contenu des deux calques sera copié et inséré dans le nouveau document en tant que deux calques.

Maintenant, il ne vous reste plus qu'à ajuster la taille de l'émoticône. Si les calques sont séparés, veillez à sélectionner les deux afin de réduire les deux simultanément. En cliquant sur l'œil devant le calque "Papier", vous rendez l'arrière-plan invisible. Enregistrez le résultat au format .png pour conserver la transparence. Terminé !