Les webtoons et les bandes dessinées basées sur des 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 à la fois différentes manières de créer la tension et de gérer les éléments structurels d'une bande dessinée, tels que les transitions de scènes.

 

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

 

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

Conseils de base

Tout d'abord, si vous commencez tout juste à créer des webtoons, je vous encourage à commencer par consulter mon autre tutoriel, "Créer des bandes dessinées pour l'impression et Webtoon", qui aborde certaines des bases.

Deuxièmement, une chose importante à toujours garder à l'esprit lorsque vous travaillez sur des webtoons est de savoir comment ils regarderaient quelqu'un lisant la bande dessinée sur son téléphone ou sa tablette. Dans le passé, j'ai trouvé utile de dessiner un petit rectangle rouge dans les dimensions d'un écran de téléphone typique et de le superposer au-dessus de la webtoon, pour avoir une idée des sections de l'art qui seront visibles. Cependant, à partir de la version 1.10.5, Clip Studio Paint aura ajouté l'option «Zone à l'écran» sous le menu «Affichage», ce qui active cette directive d'une manière beaucoup plus pratique!

Dans cet esprit, 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 didacticiel.

 

C’est assez simple: lors de la création d’une scène, j’aime la zoomer progressivement. De même, à la fin d'une scène, j'aime faire un zoom arrière graduel. Cela aide à communiquer à vos lecteurs un certain sens de la concentration. 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 "d'accord, c'est tout pour cette scène".

Technique # 2 - Couleur

L'autre moyen le plus clair de faire la transition entre les scènes est de les distinguer visuellement. L'un des moyens les plus simples de le faire est d'utiliser des couleurs distinctes entre eux. Bien sûr, la luminosité est une autre option, qui devient particulièrement pertinente si votre webtoon est uniquement en niveaux de gris.

 

Par exemple, je montre ici Enrico dans sa chambre - avec des tons chauds et verts pastel. 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 battre vos lecteurs au-dessus de la tête avec ces techniques et même des applications subtiles peuvent bien communiquer votre intention.

Vous pouvez même utiliser la couleur pour connecter deux emplacements distincts si une certaine action se produit dans les deux. Ici, j'utilise un fond jaune euphorique pour transmettre l'excitation d'Enrico à Dodger, même si ce n'est que par SMS:

Technique n ° 3 - Entrer dans l'esprit

Passons à des techniques plus avancées.

 

Celui-ci est utile pour une transition de scène vers un flash-back 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 agrandissent davantage et les accompagnent d'un dialogue.

 

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 mémoire ou d'une scène imaginée, en particulier en ce qui concerne le placement de votre personnage. Ils n'ont pas besoin de se ressembler ni même de porter la même expression dans les deux panneaux. Cependant, le personnage doit être clairement au centre de chaque scène - un point d'ancrage pour les lecteurs qui les aide à créer le lien selon lequel il s'agit d'un souvenir ou d'une rêverie.

 

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

 

Il peut être utile d'ajouter un dégradé derrière ces panneaux pour passer, par exemple, d'un arrière-plan clair à un arrière-plan sombre pendant la durée des panneaux mémorisés ou imaginés. Cela aide à communiquer à vos lecteurs que chaque panneau devant une couleur d'arrière-plan 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 lineart spécifique et une palette de couleurs unique pour obtenir le même résultat final.

 

Vous pouvez également combiner l'outil de dégradé avec l'option de ton de calque pour créer des effets uniques d'une manière rapide et simple.

Je recommande vivement de consulter ce didacticiel pour en savoir plus, en particulier la section "Dégradés toniques":

Vous n'avez pas non plus toujours besoin de faire de ce type de transition une longue période non plus, si vous n'avez pas l'intention qu'elle soit dramatique. Les versions abrégées 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 # 4 - Actions multiples dans une seule scène

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

 

Voici un exemple:

Je voulais créer une ambiance calme tôt le matin sur 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 il 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 souligner un environnement calme, comme dans l'exemple précédent, ou des actions très rapides, comme dans ce concept:

Vous pouvez également utiliser plusieurs panneaux qui conservent l'arrière-plan et la composition identiques dans chaque panneau, seules les actions des personnages étant modifiées. Si vous ne parvenez pas à utiliser la technique du panneau d'arrière-plan unique pour des raisons de composition, cette option est également valable:

Vous pouvez également effectuer des transitions d'emplacements en montrant un personnage commençant l'action dans un panneau, puis en montrant diverses étapes de l'action en dehors de n'importe quel panneau, et enfin, en terminant l'action dans un autre panneau.

Technique n ° 5 - Relier les emplacements avec du texte

Lorsque vous affichez le même événement à différents endroits ou que vous êtes vu de différents points de vue, il peut être utile d'utiliser du texte ou des couleurs pour communiquer la connexion entre ces deux scènes.

 

Par exemple, voici deux exemples où j'utilise du texte pour relier ces caractères entre eux. Dans les deux cas, le texte quitte ou dépasse les panneaux affichant les caractères. Cela aide à faire comprendre aux lecteurs que ce texte - ce dialogue ou effet sonore - s'étend littéralement au-delà des limites des lieux représentés.

Si vous avez regardé mon autre didacticiel Webtoon, 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 du panneau afin que votre art apparaisse à l'extérieur des panneaux.

Technique # 6 - Établir lentement les arrière-plans

Si vous souhaitez basculer les scènes entre deux paramètres, il peut parfois être judicieux de le faire lentement.

 

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

Ici, j'ai également ajouté un panneau supplémentaire entre les plans extérieur et intérieur pour établir davantage l'ambiance de la scène. Les gouttes d'eau ne seront entendues que dans un environnement calme, que ce panneau permet de communiquer.

 

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

Technique # 7 - Communiquer le passage du temps

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

Remarque: si vous souhaitez modifier l'éclairage d'une scène, en particulier de manière subtile, il peut être utile et plus rapide de commencer par utiliser des calques de correction plutôt que de recolorer complètement la scène à partir de zéro. Pour plus d'informations sur les couches de correction, je vous propose ce tutoriel:

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

Technique # 8 - Créer une intrigue en montrant d'abord le dialogue

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

 

Pour ce faire, assurez-vous que le dialogue occupe la totalité de l’écran du téléphone, 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 inconsciemment!

 

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

Je vous remercie!

Nous sommes arrivés à la fin et j'espère que ces huit techniques seront utiles et inspirantes à garder à l'esprit lors de la création de votre webtoon. Bien sûr, il existe de nombreuses autres options avec lesquelles vous pouvez gérer les transitions de scènes. 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 laisse une impression et pourquoi!

 

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

 

Oh, et si vous avez apprécié ce que vous avez vu ici, pourquoi ne pas regarder ma bande dessinée?