Tip:
Highlight text to annotate it
X
Maintenant que nous avons exploré le thème des nuages, on peut mettre en pratique ce
que l’on a appris. Dans cette vidéo, nous allons voir comment dessiner des nuages en
pixel art. Je vous recommande de passer du temps à analyser
le travail de pixel artistes expérimentés pour vous approprier leurs techniques.
Le pixel art est un art particulier. Un bon pixel artiste doit savoir abstraire et styliser
la réalité grandement. On ne dispose que de carrés pour dessiner toutes sortes de
formes. Vous pouvez vous attarder sur la direction artistique de jeux comme Super Time Force,
Dungeon of the Endless, ou le bon vieux Metal Slug. Vous pouvez aussi vous intéresser à
des artistes spécifiques. J’aime beaucoup le travail de Syosa par exemple.
Plus vos sprites sont nets et détaillés, plus ils seront visibles aux yeux du joueur.
Dans un jeu, les nuages sont la plupart du temps sensés se fondre dans l’arrière-plan.
Ils ne doivent donc pas être trop nets et saturés comparé aux graphismes de gameplay.
La plupart du temps, les nuages que l’on va dessiner en pixel art vont être légers.
Dans Sword and Sworcery, ils sont doux et peu saturés. Notez aussi qu’ils ne sont
pas vraiment faits en pixel art. C’est quelque chose que l’on voit de plus en plus dans
les jeux en pixel art récents : les développeurs ont tendance à mélanger un style à l’ancienne
avec des dégradés doux et des effets visuels modernes.
Vous pouvez trouver des nuages magnifiques dans le jeu Owlboy. Mais ceux-ci sont moins
saturés et moins contrastés que le premier plan, qui est vibrant et rempli de détails.
La démo de 2011 est pleine de somptueux environnements au passage. C’est une très bonne source
de références. Ceci étant dit, il est temps pour nous de
dessiner nos propres nuages. Comme toujours, on commence par choisir une
référence ou une poignée d’images de référence qui correspondent aux besoins
de notre jeu. J’utilise PureRef pour créer une planche que je laisserai affichée sur
mon second écran pendant que je peins. Avec le pixel art, vous allez devoir beaucoup
zoomer sur votre document pour placer vos pixels avec précision. Dans le même temps,
vous allez devoir vérifier si votre création fonctionne à sa taille d’origine ou à
200 % de zoom. Pour répondre à ce besoin, on va dupliquer notre espace de travail. On
peut conserver une copie du document actif qui va rester à un niveau de zoom de notre
choix. Pour ce faire, dans Photoshop, il faut aller dans le menu « Window », puis « Arrange
», et choisir la dernière option : « New Window » pour le document actif.
Avant de dessiner quoi que ce soit, on va définir la direction de la lumière du soleil
afin de pouvoir s’y tenir par la suite. Dans un jeu en vue de côté, on doit choisir
une source de lumière principale que l’on va réutiliser au cours de l’aventure. La
lumière du soleil vient généralement d’en haut et un peu de la gauche. Cette convention
aide à diriger l’œil du joueur vers la droite.
Maintenant que notre document est prêt, il est temps de nous attaquer à notre pixel
art. On va commencer par le ciel. Pour le moment,
on va se contenter d’un simple dégradé que l’on va générer à l’aide de l’outil
du même nom. Pour simuler un ciel de jour, je choisis un bleu clair saturé comme point
de départ du dégradé et un ton plus sombre que l’on va trouver en haut du calque. Ceci
n’est pas un ciel en pixel art. Plus *** dans le processus de dessin, on peut le redessiner
et lui donner de la texture. Mais dans cette vidéo, on va se concentrer sur les nuages.
Le dégradé va remplacer les 2,3 ou 4 couleurs du ciel que l’on aurait eues au final.
L’étape suivante consiste à définir la silhouette du nuage. À ce stade, je réfléchis
déjà à son ombrage. J’attaque tout de suite avec le ton d’ombre, qui est simplement
une couleur du ciel dé-saturée. Dans le dernier tutoriel, disponible seulement
en anglais, j’ai donné du rythme ou mouvement à la silhouette de mon nuage. Ceci fonctionne
si vous voulez que vos nuages ressortent dans une composition. Mais en tant qu’élément
d’arrière-plan, ils ne devraient pas avoir une apparence trop unique. Et ce en particulier
si vous allez dupliquer vos nuages dans les niveaux de vos jeux. Pour vous assurer qu’ils
se fondent avec le ciel, vous pouvez vous contenter de faire rentrer leur silhouette
globale dans une forme concave. Vos nuages peuvent être plats ou duveteux, mais leur
silhouette devrait être simple pour commencer. Je dessine ici des cumulus. Ces nuages ont
beaucoup de rondeurs. Je travaille aussi sur une petite composition, et non pas un unique
nuage. Ceux-ci ne sont donc pas censés être dupliqués ou animés en jeu. Ils vont juste
être plaqués en arrière-plan, comme dans Chasm ou Owlboy.
Dès lors que la silhouette ressemble à un nuage, il est temps d’ajouter de la lumière
sur un nouveau calque avec un clipping mask. Ici, je sélectionne tout de suite la couleur
la plus lumineuse qui sera appliquée aux nuages, une teinte proche du blanc. Comme
on travaille sur des éléments d’arrière-plan, il vaut mieux ne pas faire ressortir les nuages
plus que cela avec de petites lumières crues localisées. Vous pouvez donc appliquer ce
ton lumineux à toutes les parties des nuages qui font plus ou moins face au soleil. N’hésitez
pas à avoir des mouvements amples pour le moment : l’affinage de notre création viendra
plus ***. Pour le moment, le passage entre la zone d’ombre
et de lumière est abrupt. C’est le moment d’ajouter une couleur de transition. Ici,
je me contente d’appliquer la couleur d’ombre à une zone de lumière avec une opacité
de 50 %. Je remets ensuite mon outil crayon à 100 % d’opacité pour dessiner avec cette
couleur au-dessus du calque d’ombre. Pourquoi seulement sur les ombres ? Parce que c’est
avec la lumière que j’ai définies les formes qui composent chaque nuage. Ce sont
des informations que je souhaite conserver pour continuer à les sculpter plus ***.
Dès que le block in des nuages est satisfaisant, on peut aplatir les 3 calques ensemble et
commencer à travailler avec un crayon plus petit. À ce stade, je regarde chaque forme
sur la copie du document et détermine si elle est ou non cohérente. L’idée est
de réfléchir au sens et à l’utilité de chaque courbe qui constitue nos nuages.
Si certaines formes ne suggèrent pas des rondeurs ou sont trop alignées entre elles,
il faut les revoir. Si vos yeux perçoivent un motif un peu mécanique
dans une zone de votre création, c’est vous avez des retouches à faire. Toutefois,
vos formes ne doivent pas paraître trop chaotiques non plus. Ce que l’on essaye de définir
ici, ce sont des masses rondes et naturelles. Une sorte de chaos organisé, comme souvent
avec la nature. Pensez aussi à fréquemment déplacer votre
regard entre les 2 copies de votre document. Il est extrêmement important de vérifier
que le pixel art fonctionne à son niveau de zoom normal. Enfin, n’hésitez pas à
modifier vos couleurs au cours du block in. Elles n’ont pas à être gelées. J’utilise
souvent les filtres vibrance, teinte/saturation et niveaux pour améliorer les couleurs.
Quand le volume de nos nuages et bien défini, il est temps de passer à l’affinage.
On attaque l’une des tâches les plus longues en matière de pixel art. L’idée, c’est
de prendre le temps d’observer chaque forme qui constitue notre création et d’améliorer
son contour, pixel par pixel. Là encore, nous allons commencer par les grandes silhouettes
avant de nous nous intéresser aux plus petites courbes. En d’autres termes, on va d’abord
travailler sur le contour de nos nuages, puis sur la silhouette de chaque zone de couleurs.
La lumière, l’ombre et la couleur de transition méritent toutes notre attention.
Le but est de rendre toutes les courbes de notre dessin plus lisses. Cela ne signifie
pas nécessairement plus rondes, ce qui est un peu difficile à saisir au départ. On
va principalement chercher à casser les lignes droites qui pourraient être cachées dans
notre création. On va aussi chercher à rendre les motifs de mouvement que suivent nos contours
moins irréguliers. Pour produire une belle courbe en pixel art,
on réalise une gradation du nombre de pixels que l’on dessine vers l’avant pour un
pixel que l’on décale sur le côté. On va chercher à éviter les lignes en diagonales
autant que possible ici. Surtout si elles mesurent plus de 4 ou 5 pixels de longueur.
On va ajuster l’agencement de nos pixels, chercher les meilleures combinaisons… c’est
un long processus. À partir de ce point, vous pouvez mettre une musique douce en fond
et laisser votre esprit s’abandonner à la création. C’est presque un exercice
zen. Le but est d’équilibrer chacune de nos formes. Et il n’y a pas de formule magique
pour obtenir de bonnes courbes. À un moment, j’utilise une incrustation en couleur noire
pour mieux voir la silhouette des nuages. Mais à part ça, je passe juste mon temps
à regarder le document en taille normale pour voir comment chaque changement l’affecte.
J’ai quand même une petite astuce à vous donner pour conclure : moins il y a de contraste
entre 2 couleurs adjacentes, moins les imperfections de vos formes seront visibles. Donc ici, c’est
avant tout sur la partie lumineuse des nuages que l’on doit s’attarder, car elle contraste
fortement avec le ciel derrière elle. C’est tout pour le moment. N’hésitez
pas à aimer, à partager la vidéo et même à devenir un abonné ! C’est grâce à
votre soutien que la chaîne peut continuer à exister. Sur ce, je vous laisse à vos
créations et vous dis… À très bientôt !