Du papier à l'écran, par l'Atelier Sentô

Ce mois-ci, l'Atelier Sentô retourne sur Coral Cave pour vous présenter de nouvelles étapes dans la création de leur point'n click. Le sujet du jour concerne les décors et les imprécisions qui peuvent survenir lorsque leurs aquarelles passent du papier à l'écran.

Aujourd'hui, nous allons aborder un aspect crucial de la création des décors. Faire un joli dessin n'est pas suffisant, il faut faire attention à ce qu'il soit parfaitement adapté à son rôle dans le jeu. Il est donc nécessaire d'aller et venir entre papier et écran jusqu'à obtenir le bon équilibre. Nous allons prendre l'exemple d'une scène très simple pour illustrer ce processus : Mizuka se réveille dans une grande salle plongée dans l'obscurité. Face à elle, une porte.

Le premier croquis pose les bases du décor. C'est un tout petit dessin, très imprécis, pour chercher des idées de composition. Par exemple, on a eu l'idée de placer Mizuka dans un rayon de lumière qui trace un cercle au sol. On fait plusieurs versions jusqu'à trouver celle qui nous convient puis on esquisse le dessin final sur une grande feuille.

Quand c'est suffisamment précis (mais pas terminé pour autant), on scanne pour tester le dessin dans le jeu. Comme c'est une scène dans l'obscurité, on ajoute un aplat sombre pour mieux visualiser :

Souvent, les dessins ne produisent pas le même effet sur le papier et quand on les regarde sur l'écran. Ici, une fois le personnage ajouté, on se rend compte que l'impression de profondeur souhaitée à l'origine ne fonctionne pas vraiment. La porte ne semble pas au loin, face à l'héroïne, mais proche et sur sa droite.

Sur l'ordinateur, c'est facile de corriger une composition en déplaçant les éléments l'un par rapport à l'autre. On diminue la taille de la porte pour donner l'impression qu'elle est plus loin. Le résultat correspond déjà mieux à notre idée d'origine :

Mais en testant dans le jeu, on se rend compte d'un autre problème : quand le personnage marche jusqu'à la porte, il se déplace de profil et non de ¾ dos. Cela s'explique facilement : comme le jeu est en 2D, l'orientation du personnage est calculée en fonction de l'angle de sa trajectoire.

Si la trajectoire est proche de la verticale, le personnage est vu de dos. Si elle est proche de 45°, le personnage est vu de ¾. Si elle est proche de l'horizontale, comme c'est le cas ici, il est vu de profil.

Pour palier ce problème, une seule solution : il faut modifier notre décor. On déplace le cercle de lumière vers la droite et la porte vers la gauche. On rajoute quelques lianes dans les coins pour combler les vides de la composition et voilà le résultat :

On lance le jeu et, ouf, c'est bon, le personnage se déplace maintenant comme espéré : Mizuka, de ¾ dos, se dirige droit vers la porte. Maintenant, on va recopier les modifications sur une nouvelle feuille. Comme on n'a pas d'imprimante, on décalque directement sur l'écran de l'ordinateur. Pas sûr que ça, ce soit conseillé, par contre !

Puis avec une table lumineuse, on reporte le dessin définitif sur un papier Canson adapté à l'aquarelle, en utilisant un crayon 8B, très gras, qui restera bien visible sous la couleur.

On scanne le dessin avant de mettre la couleur :

Puis on colore le dessin. C'est l'étape la plus agréable : le dessin prend vie sous nos yeux.

Et on scanne le résultat :

Comme malgré tout le trait au crayon s'est un peu estompé, on superpose le scan du crayonné pour le rehausser. De même, on corrige les couleurs car elles ressortent toujours un peu ternes quand on scanne. Petit problème : l'aplat noir n'est pas très homogène. Il y a quelques tâches qui gênent la lisibilité. Le plus simple reste de lui substituer un bel aplat réalisé sur une feuille à part (on en a toujours quelques uns en stock, au cas où). Et voilà, la scène est terminée !

Même si on a l'habitude de dessiner des décors, il est nécessaire de s'assurer qu'ils s'intègrent bien dans le jeu. On se retrouve donc souvent à tâtonner avant d'obtenir un résultat correct. Bien entendu, il est préférable de faire ces vérifications à l'étape du croquis : cela évite de très mauvaises surprises une fois le dessin terminé, quand il est très difficile de le corriger.