Les webtoons et les bandes dessinées à pages peuvent ne pas sembler si différents à première vue. Mais la vérité est qu'ils offrent une expérience de lecture entièrement différente. Le format de défilement vertical présente rarement au lecteur plus de deux panneaux visibles à la fois. Cela permet et exige différentes façons de créer de la tension et de gérer les éléments structurels d'une bande dessinée, tels que les transitions de scène.

 

Ce tutoriel présentera 8 techniques pour créer des transitions de scène, à la fois d'un point de vue technique et conceptuel.

 

Si vous souhaitez regarder une version vidéo de ce tutoriel, vous pouvez la trouver ici :

Conseils de base

Tout d'abord, si vous débutez dans la création de webtoons, je vous encourage à consulter mon autre tutoriel, « Créer des bandes dessinées pour l'impression et les webtoons », qui couvre certains des principes de base.

Deuxièmement, une chose importante à toujours garder à l'esprit lorsque vous travaillez sur des webtoons est leur apparence pour quelqu'un qui lit la bande dessinée sur son téléphone ou sa tablette. Par le passé, j'ai trouvé utile de dessiner un petit rectangle rouge aux dimensions d'un écran de téléphone typique et de le superposer au-dessus du webtoon, afin d'avoir une idée des sections de l'œuvre d'art qui seront visibles. Cependant, à partir de la version 1.10.5, Clip Studio Paint aura ajouté l'option « Zone d'affichage » sous le menu « Affichage », ce qui permet d'utiliser ce guide de manière beaucoup plus pratique !

Ceci étant dit, passons à quelques exemples concrets de techniques de transition de scène que vous pouvez utiliser :

Technique n°1 - Zoom avant et arrière

C'est l'une des deux techniques de base, et vous me verrez l'utiliser en combinaison avec quelques-unes des autres dont je parle dans ce tutoriel.

 

C'est assez simple : lorsque j'établis une scène, j'aime zoomer progressivement dedans. De même, lorsque je termine une scène, j'aime en dézoomer progressivement. Cela aide à communiquer à vos lecteurs un certain sens de la focalisation. Si vous voulez regarder quelque chose d'intéressant, vous pouvez vous en approcher ou le tenir plus près de votre visage pour l'inspecter. Lorsque nous utilisons cette technique dans les webtoons, nous effectuons cette action pour nos lecteurs et leur disons : « hé, quelque chose est sur le point de se passer » ou « ok, c'est tout pour cette scène ».

Technique n°2 - La couleur

L'autre moyen le plus clair de passer d'une scène à l'autre est de les différencier visuellement. L'un des moyens les plus simples d'y parvenir est d'utiliser des couleurs distinctes entre elles. Bien sûr, la luminosité est une autre option, ce qui devient particulièrement pertinent si votre webtoon est uniquement en niveaux de gris.

 

Par exemple, ici je montre Enrico dans sa chambre – avec des nuances de vert pastel chaudes. Pendant ce temps, Dodger est allongé sur un tapis marron. Ce n'est pas l'exemple le plus radical de couleurs variées, mais c'est un rappel utile que vous n'avez pas toujours besoin de forcer ces techniques sur vos lecteurs, et même des applications subtiles peuvent bien communiquer votre intention.

Vous pouvez même utiliser la couleur pour connecter deux lieux distincts si une certaine action se déroule dans les deux. Ici, j'utilise un fond jaune euphorique pour transmettre l'excitation d'Enrico atteignant Dodger, même si ce n'est que par des messages texte :

Technique n°3 - Entrer dans l'esprit

Passons aux techniques plus avancées.

 

Celle-ci est utile pour une transition de scène vers un flashback ou des scènes qui se déroulent dans l'imagination d'un personnage.

Commencez par un panneau qui se concentre sur votre personnage, puis ajoutez un panneau qui zoome plus près de son visage. Si vous le souhaitez, vous pouvez ajouter encore plus de panneaux qui zooment davantage, et les accompagner de dialogues.

 

Il peut être utile d'utiliser des compositions similaires lors de la création du dernier panneau d'une scène du « monde réel » et du premier panneau d'une scène de souvenir ou imaginée, en particulier en ce qui concerne le placement de votre personnage. Ils n'ont pas besoin d'avoir la même apparence ni même la même expression dans les deux panneaux. Cependant, le personnage doit être le point central clair de chaque scène – un point d'ancrage pour les lecteurs qui les aide à établir la connexion qu'il s'agit d'un souvenir ou d'une rêverie.

 

Dans mon exemple ci-dessus, je m'écarte de cette règle, car j'ai déjà établi que mon personnage Dodger peut avoir des visions. De plus, le centre de sa vision ici est Sammy. Je n'ai pas ressenti le besoin de le montrer comme un élément central du panneau et l'ai simplement montré de dos, observant Sammy.

 

Il peut être utile d'ajouter un dégradé derrière ces panneaux pour effectuer une transition, par exemple, d'un fond clair à un fond sombre pendant la durée des panneaux remémorés ou imaginés. Cela aide à communiquer à vos lecteurs que chaque panneau devant une couleur de fond différente ne fait pas partie de la chronologie ou de la réalité actuelle.

Bien sûr, vous n'êtes pas limité à l'utilisation de dégradés ! Dans mon exemple au début de cette section, j'ai utilisé un effet de lineart spécifique et une palette de couleurs unique pour obtenir le même résultat final.

 

Vous pourriez également combiner l'outil dégradé avec l'option de tonalité de calque pour créer des effets uniques de manière rapide et facile.

Je recommande vivement de consulter ce tutoriel pour en savoir plus, en particulier la section « Dégradés tramés » :

Vous n'avez pas non plus toujours besoin de faire de ce type de transition une transition longue, si vous ne souhaitez pas qu'elle soit dramatique. Les versions raccourcies de cette technique sont utiles pour des choses comme les gags, ou les personnages ayant des réalisations soudaines.

Ici, je montre brièvement un flashback sans zoom sur le visage de Dodger. Cependant, son expression regardant directement le spectateur, l'effet de vignette et les bordures de style bulle de pensée sur le panneau de flashback aident tous à communiquer au lecteur qu'il s'agit d'un souvenir.

Technique n°4 - Plusieurs actions dans une seule scène

Avec cette technique, vous pouvez obtenir un effet presque animé. En montrant plusieurs étapes d'une seule action, ou plusieurs actions qui sont connectées, vous pouvez mettre l'accent sur ces actions.

 

Voici un exemple :

Je voulais établir une ambiance calme de début de matinée pour la scène, alors j'ai décidé de montrer un oiseau volant dans les airs. Parce que le ciel offre beaucoup d'espace vertical, j'ai pu montrer le même oiseau à différentes étapes de cette action.

 

De plus, au début de la scène, nous ne connaissons pas encore le contexte de ce qui se passe et ce n'est que lorsque l'oiseau atterrit à un point de repère reconnaissable que les lecteurs comprendront comment cela se rapporte à l'histoire. Cela peut aider à créer un sentiment d'intrigue.

 

La même technique peut également être appliquée dans un seul panneau d'arrière-plan pour soit souligner des environnements calmes, comme dans l'exemple précédent, soit des actions très rapides, comme dans ce concept :

Alternativement, vous pouvez également utiliser plusieurs panneaux qui conservent le même arrière-plan et la même composition dans chaque panneau, seules les actions des personnages changeant. Si vous ne pouvez pas utiliser la technique du panneau d'arrière-plan unique pour des raisons de composition, cette option est tout aussi valide :

Vous pourriez également faire des transitions de lieux en montrant un personnage commençant l'action dans un panneau, puis en montrant diverses étapes de l'action en dehors de tout panneau, et enfin, en complétant l'action dans un autre panneau.

Technique n°5 - Connecter des lieux avec du texte

Lorsque vous montrez le même événement se produisant à différents endroits ou étant vu sous différents angles, il peut être utile d'utiliser du texte ou des couleurs pour transmettre le lien entre ces deux scènes.

 

Par exemple, voici deux exemples où j'utilise du texte pour connecter ces personnages les uns aux autres. Dans les deux cas, le texte sort ou s'étend au-delà des panneaux montrant les personnages. Cela aide à faire comprendre aux lecteurs que ce texte – ce dialogue ou cet effet sonore – s'étend littéralement au-delà des limites des lieux représentés.

Si vous avez regardé mon autre tutoriel sur les webtoons, vous savez que Clip Studio Paint dispose d'un outil de panneau dédié. Il est très utile pour vous permettre de garder vos fichiers webtoon organisés et propres. Cependant, gardez à l'esprit que si vous utilisez cette technique de transition de scène, vous devrez créer de nouveaux calques situés AU-DESSUS plutôt qu'à l'intérieur des dossiers de panneaux afin que votre art apparaisse en dehors des panneaux.

Technique n°6 - Établir les arrière-plans lentement

Si vous voulez changer de scène entre deux décors, il peut parfois être judicieux de le faire lentement.

 

Par exemple, cela signifie que si vous passez d'une scène se déroulant à l'extérieur à une scène se déroulant à l'intérieur dans un endroit différent, vous voudrez peut-être d'abord montrer l'endroit différent de l'extérieur, avant de montrer l'intérieur.

Ici, j'ai également ajouté un panneau supplémentaire entre la prise de vue extérieure et intérieure pour établir davantage l'ambiance de la scène. Le goutte-à-goutte de l'eau ne sera entendu que dans un environnement calme, ce que ce panneau aide à communiquer.

 

Gardez à l'esprit que j'ai également choisi la taille du panneau extérieur pour remplir complètement l'écran d'un smartphone de lecteur. Les grands panneaux comme celui-ci aident les lecteurs à s'attarder sur une scène et à la rendre plus importante. Avec les transitions entre différents lieux, cela peut être une technique utile pour capter l'attention de vos lecteurs et souligner cette transition.

Technique n°7 - Communiquer le passage du temps

Les panneaux qui montrent des décors d'arrière-plan sont un moyen utile d'illustrer le passage du temps. Par exemple, vous pourriez changer l'éclairage, la météo ou même des détails tels que les magasins qui ferment et les voitures qui quittent les parkings. Les possibilités sont infinies !

Note latérale : Si vous voulez changer l'éclairage d'une scène, surtout de manière subtile, il peut être utile et plus rapide de commencer par utiliser des calques de correction plutôt que de recolorer entièrement la scène à partir de zéro. Pour plus d'informations sur les calques de correction, je suggère ce tutoriel :

Lorsque vous utilisez cette technique, il est important de garder à l'esprit l'espacement entre les panneaux ! Si vous placez les panneaux proches les uns des autres, les lecteurs pourraient les faire défiler rapidement, ce qui pourrait leur donner l'impression que ces panneaux se déroulent sur une période de temps plus courte. Si vous espacez davantage les panneaux, et que les lecteurs prennent plus de temps à les faire défiler, cela augmentera le sentiment du temps qui passe !

Technique n°8 - Créer de l'intrigue en montrant d'abord le dialogue

J'en ai déjà parlé dans mon autre tutoriel axé sur les webtoons, mais j'aimerais répéter cette technique ici. Vous pouvez augmenter la surprise de la révélation d'une nouvelle scène ou d'un nouveau lieu en montrant d'abord un dialogue qui taquine la scène.

 

Vous faites cela en vous assurant que le dialogue occupe l'équivalent d'un écran de téléphone entier, de sorte que vos lecteurs devront réfléchir à ce dialogue pendant un moment. Pendant ce moment, ils pourraient s'interroger sur les implications et construire la scène dans leur esprit, consciemment ou subconsciemment !

 

Après cela, vous êtes en mesure de montrer la scène complète – et soit de surprendre vos lecteurs en subvertissant leurs attentes, soit de les exciter lorsque leur prédiction s'avère vraie !

Merci !

Nous sommes arrivés à la fin et j'espère que ces huit techniques vous seront utiles et inspirantes à garder à l'esprit lors de la création de votre webtoon. Bien sûr, il existe de nombreuses autres options pour gérer les transitions de scène. L'une des meilleures façons de les apprendre est de lire des webtoons avec une approche analytique et d'essayer de comprendre quel type de technique vous marque et pourquoi !

 

Avez-vous des techniques de transition préférées ? N'hésitez pas à en discuter dans la section des commentaires ! Comme toujours, merci de votre lecture !

 

Oh, et si vous avez aimé ce que vous avez vu ici, pourquoi ne pas jeter un œil à ma bande dessinée ?