Expressions faciales de Webcomic : LE CODE DE TRICHE

4 501

drewyounghan

drewyounghan

Vous arrive-t-il de dessiner encore et encore la même expression faciale ? Cela peut rendre même les meilleurs panneaux monotones.

 

Voici l'antisèche : un cadre simple qui permet de créer sans effort une variété infinie d'expressions faciales. De plus, nous utilisons des outils numériques pour améliorer notre efficacité tout en utilisant ce cadre.

 

C'est tellement efficace que ça ressemble presque à de la triche (mais ne vous inquiétez pas, c'est tout à fait réglo). Décomposons comment utiliser ce cadre « top secret » pour améliorer vos expressions de webcomic à l'aide de Clip Studio Paint.

Pour l'esquisse de mes storyboards, la création d'expressions faciales ou le brainstorming, je préfère utiliser Clip Studio Paint en Mode Simple.

 

Le Mode Simple me permet de me concentrer sur l'essentiel — la narration, les gestes et l'émotion — sans être distrait par trop d'outils techniques. Ne vous méprenez pas, j'adore le Mode Studio et je l'utilise pour la plupart de mes travaux de production. Mais lorsque j'esquisse ou que je construis la base d'une scène, le Mode Simple m'aide à penser plus vite et à rester dans ce flux créatif.

Cadre professionnel pour les expressions faciales de webcomic

Voici comment nous allons procéder étape par étape :

 

Tout d'abord, nous aborderons l'objectif principal de ce cadre.

 

Ensuite, nous décomposerons quelques principes clés du cadre avant de nous plonger dans les outils numériques qui peuvent simplifier ce processus dans Clip Studio Paint.

 

Après cela, je présenterai des études de cas pratiques utilisant trois expressions faciales.

 

Enfin, nous conclurons en partageant quelques-uns de nos exemples de planches et en offrant des conseils rapides pour vous aider à surmonter les défis lorsque les choses ne se déroulent pas comme prévu.


Objectif principal — Lisez ceci en premier !

Avant de nous lancer, définissons les limites de ce tutoriel afin que vous sachiez exactement à quoi vous attendre.

1. Processus de pensée

Premièrement, cette leçon se concentre sur votre processus de pensée, et non sur une explication stricte étape par étape. Comprendre comment penser aux expressions améliorera grandement vos efforts artistiques. Les outils numériques sont conçus pour simplifier le processus, et non pour les remplacer.

2. Webcomic - Art séquentiel

Deuxièmement, tout ici est conçu pour les webcomics et l'art séquentiel, où les expressions faciales portent le flux d'une histoire de case en case.

3. Esthétique inspirée du manga

Troisièmement, ce cadre est construit autour de l'esthétique inspirée du manga — le style expressif et exagéré que l'on voit dans les mangas et les manhwas. Si votre art penche vers le réalisme, certaines parties pourraient nécessiter une adaptation.

4. Élargir les options

Enfin, l'objectif ici est l'expansion — vous aider à créer plus d'options et d'idées pour les expressions, pas à les restreindre. Considérez cela comme le déverrouillage de possibilités plutôt que leur limitation.

Une fois que vous aurez compris ces points clés, vous tirerez le meilleur parti de chaque étape suivante.

3 principes fondamentaux pour les expressions faciales de webcomic

Maintenant que nous avons défini notre objectif, abordons les trois principes qui m'ont aidé à repenser mes idées et à créer des expressions faciales plus efficaces et intéressantes pour mon webcomic.


1. Directionnalité et intensité

Chaque émotion a une direction et une intensité. Demandez-vous : vers quoi cette émotion est-elle dirigée ? La colère de votre personnage est-elle dirigée vers quelqu'un à proximité, ou vers lui-même ? Ensuite, déterminez l'intensité de l'émotion, allant d'une irritation subtile à une rage déchaînée.

2. Montrer ou cacher

Toutes les émotions n'ont pas besoin d'être montrées telles quelles. Vous avez la possibilité de montrer ou de cacher les émotions, comme forcer un sourire tout en dissimulant de la tristesse, ou simplement cacher l'expression faciale elle-même avec des ombres, un objet ou le cadre du panneau. Que vous montriez ou cachiez une émotion influencera la façon dont le lecteur se connecte à travers les expressions faciales du personnage.


3. Cadre, Angle et Distance

Puisqu'il s'agit de webcomics, la façon dont vous cadrez l'expression faciale fait partie de la narration. Expérimenter avec la distance et la perspective de la caméra est l'un des moyens les plus simples de modifier l'impact émotionnel sans changer les expressions faciales elles-mêmes.

Outils numériques (après avoir compris les principes)

Avant d'appuyer sur des boutons, rappelez-vous : les outils amplifient vos décisions de directionnalité, d'intensité et de montrer/cacher. Utilisez-les pour tester rapidement des idées.

1. Liquéfier et transformation de maillage — Esquissez plus intelligemment

Utilisez-les pour ajuster les expressions sans redémarrer votre dessin.

Pourquoi c'est utile : Ajustez précisément l'inclinaison des sourcils, la largeur des yeux, la courbe de la bouche et le volume des joues en quelques secondes. Expérimentez avec différentes intensités pour trouver la meilleure approche.

Flux de travail rapide :

Esquissez grossièrement votre visage sur un calque séparé.

Liquéfier : Ajustez les sourcils et les cils, élargissez ou rétrécissez les yeux, et poussez les commissures des lèvres.

Transformation de maillage : Appliquez une déformation plus importante (écrasement et étirement) aux joues, à la mâchoire et à la forme de la tête.

Activez/désactivez la visibilité pour comparer différentes versions et conserver la lecture la plus claire.

Astuce : Les petites retouches sont meilleures que les grandes déformations — visez la clarté, pas la distorsion.

2. Actifs 3D — Angle et direction à la demande

Lorsqu'une scène nécessite un angle de caméra précis, faites pivoter une tête 3D au lieu de deviner.

 

Pourquoi c'est utile

Verrouillez rapidement l'angle et la direction, et maintenez des proportions cohérentes. Des têtes personnalisées par personnage garantissent la cohérence du modèle à travers les épisodes.

 

Flux de travail rapide

Importez le modèle de tête 3D (ou votre tête personnalisée).

Diminuez l'opacité et dessinez par-dessus.

Enregistrez l'angle ajusté pour les plans récurrents.

Astuce : Traitez le modèle comme un guide, pas une cage — exagèrez une fois l'angle défini.

3. Outils de cadre — Modifiez votre cadre de panneau, pas votre dessin

Les expressions sont lues différemment selon le cadre/la forme/la distance. Les cadres éditables vous permettent d'affiner cela après avoir dessiné.

 

Pourquoi c'est utile

Ajustez la taille et le rapport du panneau pour évoquer des émotions spécifiques (gros plan serré vs. plan moyen spacieux). De plus, recoupez les bords sans redessiner les lignes, ce qui est idéal pour ajuster le rythme.

 

Flux de travail rapide

Utilisez l'outil Créer un cadre pour générer un panneau éditable. Ajustez le rapport d'aspect ou l'épaisseur de la bordure pour guider l'œil du lecteur.

 

Remarque : Sur les tablettes, vous trouverez l'outil Liquéfier et les actifs 3D dans le Mode Simple de CSP. Les outils de cadre ne sont accessibles qu'en Mode Studio.

4. Outils numériques de base — Ne négligez pas les choses simples

Des choses comme ajuster l'opacité, utiliser l'outil lasso, dupliquer un calque, ou simplement déplacer et mettre à l'échelle des parties d'une esquisse peuvent sembler basiques — mais elles peuvent complètement changer la façon dont vous travaillez avec les expressions.

 

Lorsque vous explorez de nouvelles expressions faciales, essayez de réduire l'opacité de votre esquisse actuelle, de dupliquer le calque, ou de dessiner par-dessus. Vous pouvez même effacer ou masquer des parties sélectivement et tester de nouvelles variations sans perdre votre version originale.

Ces petites actions font gagner du temps et ouvrent la voie à l'expérimentation. Au lieu de recommencer, vous construisez sur ce qui existe déjà.

 

Alors, même si ces outils vous semblent ordinaires, utilisez-les intentionnellement. Trouvez de nouvelles façons de les combiner. Parfois, la voie la plus rapide vers une percée est de redécouvrir les bases avec un nouvel état d'esprit.

Étude de cas : Explorer les bases

Pour cette étude de cas, nous commencerons par trois expressions fondamentales : Joyeuse, Triste et En colère. Celles-ci constitueront notre base tandis que nous apprendrons à utiliser les outils numériques avec les principes fondamentaux vus précédemment.

Voyons jusqu'où nous pouvons pousser une idée pendant la phase d'esquisse en utilisant des outils numériques pour affiner, étirer et remodeler les expressions sans repartir de zéro.

 

Au fur et à mesure, je soulignerai quelques points clés que vous pourrez appliquer instantanément dans votre propre travail. Considérez-les comme des leçons courtes pour vous aider à mémoriser les techniques qui ont le plus grand impact.


1.1. Expression joyeuse — Directionnalité et intensité

Commençons par une simple expression joyeuse et voyons comment nous pouvons l'explorer davantage en utilisant la directionnalité et l'intensité.

 

L'esquisse de base commence par un sourire doux et neutre. Essayons de rediriger le regard vers le bas et de transformer l'expression en un sourire narquois. Je ne redessine pas tout, je fais de petites modifications efficaces qui changent la façon dont l'émotion est perçue.

J'utilise l'outil Lasso pour sélectionner les iris et les déplacer légèrement vers le bas. Le regard pointe maintenant plus bas, donnant l'impression que le personnage regarde quelqu'un de haut, avec une confiance intense, peut-être même un peu suffisant.

 

En tirant un coin vers le haut et en courbant légèrement la ligne, le sourire passe de gentil à narquois. Encore une fois, Liquéfier vous permet d'expérimenter librement sans redessiner.

Avec des sourcils légèrement asymétriques et une courbe plus prononcée d'un côté, l'arrogance devient plus perceptible. Vous pouvez le faire rapidement avec l'outil Liquéfier, en ajustant la forme du sourcil juste assez pour tester le changement avant de vous engager sur de nouvelles lignes.


Petite asymétrie = Attitude instantanée

Les humains ne sont pas des êtres parfaitement symétriques, et nos émotions ne devraient pas l'être non plus.

Lorsque tout est équilibré sur un visage, cela peut sembler rigide ou artificiel. Mais déplacez un sourcil un peu plus haut, inclinez la bouche juste légèrement, ou laissez un œil se plisser plus que l'autre. Ce léger déséquilibre ajoute de la tension, du charme et de l'attitude.


1.2. Expression joyeuse — Montrer ou cacher

Maintenant, prenons la même base joyeuse et poussons-la dans une direction très différente en utilisant le principe du Montrer ou cacher.

 

Au lieu de changer la forme du visage, je me concentre sur ce qui est révélé et ce qui est dissimulé. Le résultat transforme un sourire narquois en quelque chose de beaucoup plus troublant.

La première étape est simple : cacher les yeux. En ajoutant une ombre sur la moitié supérieure du visage, l'émotion change immédiatement. Quand nous ne pouvons pas voir clairement les yeux de quelqu'un, nous perdons le sens de la connexion et de l'honnêteté.

 

C'est une utilisation classique du « cacher », en l'enfouissant sous un autre élément visuel. Dans Clip Studio Paint, vous pouvez le faire rapidement en ajustant l'opacité du calque original et en ajoutant un nouveau coup de pinceau sur un calque séparé.

Ensuite, j'exagère le sourire. En montrant plus de dents, l'expression prend un côté primal. Ainsi, même si le personnage « sourit » toujours, l'émotion commence à devenir intimidante.

 

Vous n'avez pas besoin de tout redessiner pour réaliser cette transformation. Utilisez simplement l'ajustement de l'opacité, de nouveaux calques, et dessinez par-dessus pour tester ce qui se passe lorsque vous montrez moins ou révélez plus. Des changements subtils de visibilité peuvent complètement modifier la façon dont un spectateur lit le visage.


1.3. Expression joyeuse — Cadre, angle et distance

Vous vous demandez peut-être pourquoi j'aborde le cadrage et l'angle alors que le sujet est les expressions faciales. La raison est simple : comment nous voyons une expression change comment nous la ressentons. La distance, la perspective et l'inclinaison de la caméra affectent toutes la façon dont le spectateur perçoit l'expression faciale.

Dans cet exemple, j'ai choisi un plan moyen. C'est suffisamment proche pour capturer clairement l'émotion du personnage, mais pas trop pour que cela semble trop intime. Si la caméra recule trop, l'émotion perd de son impact. Si elle se rapproche trop, cela peut sembler invasif.

 

Et il y a la forme du cadre. Dans un webcomic à défilement horizontal, un panneau haut et étroit ralentit naturellement le lecteur. Cela le force à regarder plus longtemps et à absorber l'émotion de l'expression faciale du personnage.

Inclinaison = Chaos instantané

Une vue de face peut sembler plate ou neutre. Mais en faisant légèrement pivoter ce qui se trouve à l'intérieur du cadre, c'est ce que les cinéastes appellent un angle hollandais, une technique de caméra inclinée qui donne au spectateur l'impression que quelque chose est déséquilibré. C'est parfait pour les émotions tendues, instables ou troublantes.

 

Ainsi, en combinant un cadre vertical long avec une ligne d'horizon inclinée, nous pouvons rendre le moment à la fois instable et persistant.

D'un point de vue technique, vous n'avez même pas besoin de redessiner l'intégralité du personnage pour tester cela. Dans Clip Studio Paint, utilisez simplement l'outil de sélection pour isoler votre personnage, mettez-le à l'échelle ou faites-le pivoter légèrement, et expérimentez avec le cadrage.


2.1. Expression triste — Directionnalité et intensité

Le plus grand changement vient de la directionnalité. J'ai déplacé le regard vers le bas et légèrement vers la gauche, évitant le contact visuel direct. Cela ressemble maintenant à une honte silencieuse, une émotion dirigée vers l'intérieur, et non vers l'extérieur.

 

Nous pouvons utiliser Liquéfier pour rendre les yeux légèrement comprimés, plissant juste assez pour montrer la tension ou une pensée profonde.


2.2. Expression triste — Montrer ou cacher

Ici, le personnage couvre sa bouche. Cela nous dit qu'il y a quelque chose qu'il veut dire, mais qu'il le retient.

 

Pour équilibrer ce qui est caché, j'ai ajouté des larmes. Alors que les mains dissimulent la moitié inférieure du visage, les yeux révèlent quelque chose de plus. Les larmes fonctionnent comme la partie « à montrer » de l'équation.

D'un point de vue processuel, c'est facile à tester numériquement. Vous pouvez réutiliser votre esquisse de base, ajouter un nouveau calque pour les mains et expérimenter différentes poses ou angles.


2.3. Expression triste — Cadre, angle et distance

Dans cette scène, j'ai rapproché la caméra pour un gros plan. En nous rapprochant, nous créons immédiatement de l'intimité. Le spectateur est maintenant face à la douleur du personnage, car il n'y a nulle part ailleurs où regarder.

J'ai également utilisé une vue en plongée, regardant légèrement le personnage de haut. Ce type d'angle rend naturellement le sujet plus petit et plus vulnérable. C'est comme si le spectateur se tenait au-dessus, observant quelqu'un qui est à la fois physiquement et émotionnellement abattu.

Le cadrage lui-même est serré et recadré. La tête n'est pas entièrement visible et l'espace vide est minimal. Cette compression crée une tension visuelle, presque comme si la situation elle-même pesait sur le personnage.

Dans Clip Studio Paint, c'est facile à explorer. Vous pouvez dupliquer votre dessin, utiliser l'outil Transformation pour dézoomer ou recadrer, ou tester différents angles avec des actifs 3D comme base de votre esquisse.

Recadrer et cadrer les expressions faciales — L'art de montrer moins

C'est l'une des principales raisons pour lesquelles j'ai inclus le cadrage dans la conception des expressions faciales. La façon dont vous recadrez ou cadrez un visage peut complètement modifier la façon dont le public ressent l'émotion.

Parfois, vous voulez montrer l'expression entière. Mais d'autres fois, lorsque vous recadrez étroitement, ne laissant qu'une partie du visage dans le cadre, cela attire le spectateur.

 

Les humains sont naturellement attirés par ce qui est caché. Cette curiosité, ce léger malaise, est un puissant outil émotionnel.


3.1. Expression de colère — Pousser la direction et l'intensité

Nous partons d'un froncement de sourcils, puis nous le poussons lentement plus loin en utilisant de simples retouches numériques. Les sourcils font le plus gros du travail. J'utilise l'outil Liquéfier pour les rapprocher et les courber vers le bas jusqu'à ce qu'ils s'enfoncent presque dans le visage.

En agrandissant légèrement ou en « gonflant » les yeux, et en rendant l'iris plus petit, le regard devient plus direct et alerte. Enfin, la bouche. L'ouvrir et révéler les dents.

 

L'expression fait face directement au spectateur. Ce choix donne l'impression que la colère nous est directement destinée — confrontante et personnelle.


3.2. Expression de colère — Montrer ou cacher

À ce stade, vous avez probablement remarqué que j'ai mélangé les 2 principes — directionnalité, intensité et montrer/cacher — En pratique, ils sont souvent utilisés tous en même temps plutôt qu'un après l'autre.

J'ai décidé de cacher complètement les yeux. Lorsque nous ne pouvons pas voir où le personnage regarde, la colère ne semble plus être dirigée vers l'intérieur.

 

En retirant les yeux, nous faisons également en sorte que le personnage se sente isolé dans sa propre émotion.

 

Vous pourriez commencer par penser à la directionnalité ou au cadrage, mais en dessinant, ces idées se mélangent naturellement. Vous utiliserez souvent les trois principes à la fois, en superposant et en ajustant jusqu'à ce que l'émotion semble juste.


3.3. Expression de colère — Cadrage, ratio et équilibre narratif

Dans ce panneau, j'ai décidé de maintenir une configuration symétrique et de me concentrer sur l'équilibre entre l'expression et la bulle de texte. Si vous remarquez, la bulle de dialogue occupe presque le même espace que le visage du personnage. C'est un partage 50-50, et c'est intentionnel.

Parfois, il est préférable de laisser le dialogue partager cet espace, surtout si l'expression faciale doit être montrée en même temps que le dialogue.


Exemples de planches : Expressions faciales en action

Je voulais montrer comment la même approche des expressions faciales fonctionne également dans des scènes plus axées sur l'action.

 

Ce cadre ne se limite pas aux gros plans de visage. Vous pouvez l'utiliser pour des poses de corps entier, des séquences de combat ou même des illustrations cinématiques. Une fois que vous comprenez comment contrôler le flux émotionnel et l'intensité, tout le reste — composition, rythme et narration — se met naturellement en place.

Conclusion

Comme vous pouvez probablement le constater maintenant, il n'y a vraiment aucune technique secrète d'outils numériques excessivement compliquée cachée derrière tout cela.

 

Tous les outils que j'ai utilisés — duplication de calques, liquéfier, contrôle de l'opacité — sont des choses que la plupart d'entre nous utilisent déjà tous les jours. La différence n'est pas dans quels outils nous utilisons, mais comment nous pensons en les utilisant.

Les outils numériques existent pour nous offrir rapidité et flexibilité. Mais cette rapidité ne devrait pas nous faire nous précipiter — elle devrait nous donner de la marge. Plus vous devenez rapide pour ajuster, tester et expérimenter, plus vous avez de temps pour penser, explorer et comprendre votre travail.

 

Ce qui compte le plus, c'est de développer un processus de pensée clair — comprendre ce que vous voulez montrer, quelle émotion vous voulez que le spectateur ressente, et comment les outils peuvent vous aider à y parvenir.


CONSEILS SUPPLÉMENTAIRES

Maintenant que nous avons parcouru tous les outils et principes, voici quelques astuces qui m'aident toujours lorsque je rencontre un obstacle.

L'histoire est reine

Chaque fois que vous n'êtes pas sûr de l'apparence d'une expression faciale de personnage, revenez à l'histoire. Si vous n'en avez pas, inventez-en une. Vous êtes le créateur — vous pouvez toujours inventer le contexte émotionnel qui donne vie au dessin.

Laissez-le être moche

Les émotions réelles ne sont pas toujours jolies. Et c'est bien ainsi. N'ayez pas peur de rendre l'expression faciale de votre personnage maladroite, tendue ou déséquilibrée — c'est ce qui les rend humains.

Émotions superposées

Les gens ressentent rarement une seule émotion (strictement) à la fois. Un personnage peut se sentir courageux mais toujours effrayé, en colère mais aussi triste. Essayez de mélanger les émotions pour ajouter de la profondeur à l'expression faciale du personnage.

Se déroule en séquence

Dans les webcomics, les émotions n'existent pas dans une seule case. Elles se déplacent, changent et évoluent. Peut-être que l'expression faciale semble étrange parce que vous dessinez le mauvais moment dans la séquence.

Ces quatre idées m'ont sauvé d'innombrables fois lorsque j'étais bloqué.


Merci de votre lecture

Ce tutoriel a été créé pour partager non seulement des techniques de dessin, mais aussi l'état d'esprit derrière une narration expressive. Alors, merci de m'avoir suivi — et si vous avez apprécié, j'espère que vous laisserez un commentaire et interagirez avec cet article.

 

Ceci est Drew Young Han, qui prend congé.

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel