Introduction

Le Pixel Art est une branche de l'art numérique principalement liée aux jeux vidéo et qui est devenue très pertinente ces dernières années. Ce type d'art se caractérise par la représentation de personnages et de mondes entiers à l'aide de blocs de couleurs assemblés.

 

Dans cet article, je vais vous apprendre quels sont les concepts de base du Pixel Art et comment configurer les outils que Clip Studio Paint nous propose pour travailler avec ce style.

Concepts de base

Pixels :

C'est un point sur l'écran qui peut avoir différentes couleurs et même transparence.

Doubler:

C'est une succession de plusieurs pixels qui sont reliés les uns aux autres, sa longueur augmente au fur et à mesure que les pixels sont joints.

Courbe:

Ce sont plusieurs lignes qui se connectent les unes aux autres, faisant varier progressivement leur longueur de courte à longue et lorsqu'elles atteignent la longueur maximale souhaitée, elles sont progressivement réduites.

Jaggies :

Comme nous avons pu le voir, le pixel art consiste essentiellement à créer des lignes qui suivent un motif pour créer des formes. Un jaggy est un pixel ou plusieurs qui brisent le motif et donnent à la forme un aspect étrange.

 

Les Jaggies ne sont pas toujours mauvais, c'est donc à nous lesquels éliminer et lesquels laisser, tout dépend de la direction artistique que l'on souhaite prendre.

Double:

Ce sont des pixels qui se connectent avec deux ou plusieurs pixels, généralement ils ne sont pas très agréables à regarder et doivent être éliminés, pour les éliminer vous pouvez simplement les supprimer ou changer leur couleur pour en faire un pixel séparé.

Anticrénelage :

C'est un procédé qui consiste à ajouter des pixels avec des couleurs intermédiaires ou à réduire la transparence de la couleur originale pour créer une sensation d'adoucissement.

 

REMARQUE : Dans Clip Studio Paint, les outils sont livrés avec une option d'anti-aliasing que nous devons désactiver ou réduire au minimum pour travailler en pixel art.

Ombrage des oreillers :

Il apparaît lorsque la lumière et l'ombre ne sont pas appliquées correctement lors de la peinture. Cela consiste à appliquer l'ombre autour de notre objet et à placer la lumière en plein centre, faisant ressembler notre objet à un oreiller, d'où son nom.

Tramage :

Le dithering consiste à créer un motif et à simuler les différentes tonalités générées par un dégradé en utilisant seulement deux couleurs pour le réaliser.

Résolution:

La résolution est essentiellement le nombre de pixels affichés sur l'écran, la résolution Full HD affiche 1920 pixels de long et 1080 pixels de haut, cette résolution est si élevée qu'il est très difficile de différencier les pixels individuellement. Pour cette raison, vous devez travailler avec des résolutions basses afin que le pixel art soit mieux visible.

 

Personnellement je recommande de travailler dans des résolutions qui ne dépassent pas la résolution de 640 x 360 pixels pour une image complète, les caractères ne représenteront qu'une petite partie de cette résolution, tout dépendra de leur taille à l'écran.

Outils

Le programme que je vais utiliser pour créer le personnage est Clip studio paint, je vais maintenant vous donner une liste des outils de base que j'utilise et comment je les configure pour fonctionner.

 

•Dot Pen : C'est un pinceau qui peint un seul pixel à la fois, vous pouvez le trouver dans la section "Marqueurs".

 

• Stylo Tumpin : un pinceau dont la taille augmente en fonction de la pression que vous appliquez sur votre tablette graphique. Il se trouve dans la section « Stylo ».

 

•Sélection automatique : cet outil permet de sélectionner plusieurs pixels de la même couleur en un seul clic. Il se trouve dans la section « Sélection automatique ».

 

•Lasso : Avec cet outil, vous pouvez créer une zone et sélectionner automatiquement tous les pixels qui s'y trouvent. Vous le trouvez dans la rubrique "Zone de sélection".

Ces outils sont configurés avec l'anti-aliasing activé par défaut, il faut donc le désactiver depuis la fenêtre "propriété de l'outil", vous pouvez activer cette fenêtre en cliquant sur fenêtres > Propriété de l'outil.

Si l'option d'anti-aliasing n'apparaît pas depuis la propriété de l'outil, vous devez l'activer en cliquant sur l'icône des paramètres et rechercher la section anti-aliasing pour la rendre visible et pouvoir modifier ses paramètres. Vous pouvez le faire avec la plupart des outils CSP, des pinceaux aux outils de sélection.

Enfin nous modifierons l'outil de transformation pour l'empêcher de générer des artefacts étranges lors de la transformation d'un objet. Pour ce faire, vous devez sélectionner le calque que vous souhaitez modifier et aller modifier > transformer > transformer / faire pivoter, ou appuyer sur le raccourci CTRL + T, lorsque vous faites cela, les propriétés apparaîtront dans la fenêtre Propriétés de l'outil, dans cette fenêtre recherchez le option de méthode d'interpolation et modifiez-la "Bords durs (voisin le plus proche).

Concevoir un personnage

Maintenant que nous connaissons toutes les bases, nous pouvons commencer à concevoir notre personnage. Pour ce faire, nous devons sélectionner un thème et les caractéristiques qui donnent de la personnalité à notre design. J'ai choisi un canard avec un masque et des armes ninja.

Silhouette

La silhouette est une technique utilisée pour concevoir des personnages, que l'on utilise du pixel art ou de l'art haute résolution. La silhouette aide à reconnaître le personnage sans avoir à voir plus que son ombre et nous permet d'ajouter des détails qui nous permettent de donner un trait distinctif à notre design.

 

Il n'est pas nécessaire que vous commenciez à concevoir un personnage avec sa silhouette, mais il est important que vous la gardiez à l'esprit lorsque vous le concevez.

Dessin au trait

Dans ce processus, nous dessinons essentiellement le contour de chacun des détails avec l'outil stylo à points ou stylo à plume. Lorsque vous commencez, vous ne devriez pas vous inquiéter de l'apparence étrange de la ligne, l'important ici est de capturer la pose, une fois que vous êtes satisfait du résultat, nous pouvons éliminer les doubles et les jaggies de notre ligne.

Couleur

Le pixel art se caractérise par sa résolution limitée et la couleur ne fait pas exception, les palettes de couleurs sont réduites et limitées, actuellement le matériel récent nous permet de reproduire un nombre beaucoup plus grand de couleurs mais il est conseillé de le limiter à cinq tons par couleur pour conserver l'essence du pixel art et l'empêcher de paraître étrange avec autant de couleurs.

Les couleurs sélectionnées pour ce personnage ont quatre tons, chacun d'eux correspond à la couleur de base, la lumière, l'ombre et le trait.

Maintenant, nous pouvons commencer à ajouter des lumières et des ombres, pour ce faire, je recommande de traiter le pixel art comme tout autre type de peinture numérique, d'appliquer les ombres et les lumières en essayant de respecter un point d'origine et d'éviter la technique d'ombrage Pillow.

 

Personnellement, j'aime colorer le Lineart d'un ton plus foncé que l'ombre pour unifier davantage le design, mais c'est tout à fait valable si vous laissez le Lineart d'une seule couleur ou complètement noir, tout dépend de la direction artistique que vous souhaitez pour votre projet.

Détails de polissage

Il ne reste plus qu'à peaufiner les détails. Pour ce personnage j'ai décidé que le masque ne devait pas recouvrir complètement la tête mais seulement les yeux. J'ai également ajouté une petite touffe de plumes pour lui donner plus de personnalité. Les armes ont également été remplacées par des nunchucks car elles s'adaptent mieux aux poses.

 

N'oubliez pas que vous pouvez apporter les modifications que vous souhaitez dans n'importe lequel des processus, l'important est que cela corresponde au projet sur lequel vous travaillez et que vous soyez satisfait de la conception que vous avez réalisée.

Exporter et partager

Avec notre caractère complet, il ne reste plus qu'à l'exporter et à le partager.

 

Dans CSP, lorsque nous exportons un fichier, cela nous donne la possibilité de redimensionner l'image finale, ce n'est pas la meilleure option car si nous augmentons la taille, un filtre est appliqué qui ne respecte pas la proportion des pixels, les déformant et appliquant un anti- alias automatiquement. Ceci est utile pour les images haute résolution mais pas très utile pour le pixel art.

 

Pour exporter correctement nous devons d'abord modifier la résolution de notre document,

Nous allons d'abord aller dans Édition > Modifier la résolution de l'image... et à partir de cette fenêtre, nous chercherons l'option d'échelle et nous modifierons la valeur à laquelle nous voulons mettre à l'échelle, dans mon cas j'ai travaillé sur une toile de 48 x 48 pixels. et je l'ai redimensionné par 20 pour obtenir une image de 960x960.

 

Enfin, modifiez l'option Méthode d'interpolation sur Bord dur (voisin le plus proche) pour conserver la proportion de chaque pixel lors de sa mise à l'échelle.

Avec notre document mis à l'échelle à la résolution souhaitée, nous pouvons maintenant exporter en suivant la procédure normale, en cliquant sur Fichier > Exporter un seul calque > .png (PNG...) et en sélectionnant une échelle de 100 %.

Recommandations lors de l'exportation :

 

•Créez une copie de votre document avant de redimensionner la résolution ou assurez-vous d'annuler les modifications avant de sauvegarder afin de pouvoir continuer à éditer si nécessaire en utilisant la résolution d'origine.

•Lors de la mise à l'échelle de la résolution de l'image, assurez-vous d'utiliser des nombres entiers, cela empêchera les pixels d'être déformés.

•Exportez au format PNG car il respectera les couleurs et ne créera pas d'artefacts étranges dans notre image.

•Redimensionnez le fichier à une résolution égale ou supérieure à 512 x 512 pixels pour le partager sur les réseaux sociaux.

Le pixel art est l’un des styles que j’aime le plus pratiquer et je voulais partager un peu de mes connaissances avec vous. Faites-moi savoir dans les commentaires si le message a été utile.

 

Merci d'avoir lu!

 

Réseaux sociaux :