Introduction

Le Pixel Art est une branche de l'art numérique qui est 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 montrer quels sont les concepts de base du Pixel Art et comment nous pouvons configurer les outils que Clip Studio Paint nous propose pour travailler avec ce style.

Concepts de base

Pixel :

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

Doubler:

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

Courbe:

Ce sont plusieurs lignes qui sont reliées les unes aux autres, variant progressivement leur longueur de la plus courte à la plus longue, et lorsqu'elle atteint la longueur maximale souhaitée, elle est progressivement réduite.

Jagies :

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 des pixels qui cassent le motif et donnent à la forme un aspect bizarre.

 

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

Double:

Ce sont des pixels qui se connectent avec deux pixels ou plus, ils ne sont généralement pas très agréables à l'œil et il faut les supprimer, pour les supprimer vous pouvez simplement les supprimer ou changer leur couleur pour en faire un pixel à part.

Anti crénelage:

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

 

REMARQUE: Dans Clip studio paint, les outils apportent une option d'anti-aliasing que nous devons désactiver ou réduire au minimum pour travailler en pixel art.

Ombrage d'oreiller :

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 tramage 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 à 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 individuels. Pour cette raison, vous devez travailler avec des résolutions basses afin que le pixel art puisse être mieux apprécié.

 

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 seront d'une petite partie de cette résolution, tout dépendra de la taille de celle-ci à l'écran.

Outils

Le programme que je vais utiliser pour créer le personnage est Clip studio paint, maintenant je vais 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 ne peint qu'un seul pixel à la fois, vous pouvez le trouver dans la section "Marqueurs".

 

•Stylo Tuumpin : un pinceau dont la taille augmente en fonction de la pression que vous appliquez sur votre tablette graphique. C'est 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 trouverez dans la section "Zone de sélection".

Ces outils sont configurés avec l'anti-aliasing activé par défaut, nous devons 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 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 éditer> transformer> transformer / faire pivoter, ou appuyez sur le raccourci CTRL + T, ce faisant, les propriétés apparaîtront dans la fenêtre Propriétés de l'outil, dans cette fenêtre recherchez l'interpolation option de méthode et changez-la "Bords durs (voisin le plus proche).

concevoir un personnage

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

Silhouette

La silhouette est une technique utilisée pour concevoir des personnages, que le pixel art ou l'art haute résolution soit utilisé. 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 à notre design un caractère distinctif.

 

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

Dessin au trait

Dans ce processus, nous dessinons essentiellement le contour de chacun des détails avec l'outil stylo à points ou stylo tumpin. Au début, vous ne devriez pas vous inquiéter du fait que la ligne semble étrange, l'important ici est de capturer la pose, une fois que nous sommes satisfaits 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, le matériel actuellement récent nous permet de reproduire un nombre de couleurs beaucoup plus important mais il est recommandé de le limiter à cinq tons par couleur pour conserver l'essence du pixel art et évitez de le rendre étrange avec autant de couleurs.

Les couleurs sélectionnées pour ce personnage ont quatre tons, chacun correspondant à une couleur de base, lumière, ombre et ligne.

Maintenant, nous pouvons commencer à ajouter des lumières et des ombres, pour cela, 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 de l'ombrage de l'oreiller.

 

Personnellement j'aime bien colorer le lineart une teinte plus foncée que l'ombre pour unifier davantage le dessin, 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

Maintenant il ne reste plus qu'à peaufiner les détails, pour ce personnage j'ai décidé que le masque ne recouvre pas complètement la tête et ne couvre que les yeux, j'ai aussi ajouté une petite touffe de plumes pour lui donner plus de personnalité. Les armes ont également été changées en nunchakus 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 qu'il corresponde au projet sur lequel vous travaillez et que vous vous sentiez 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 appliquer automatiquement l'anticrénelage. 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 éditer > Changer la résolution de l'image... et depuis cette fenêtre nous chercherons l'option d'échelle et nous changerons 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 mis à l'échelle 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 mettre à l'échelle la résolution ou assurez-vous d'annuler les modifications avant d'enregistrer afin de pouvoir continuer à modifier 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.

•Exporter 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 faire et je voulais partager un peu de mes connaissances avec vous. Faites-moi savoir dans les commentaires si le message a été utile.

 

Merci pour la lecture!

 

Réseaux sociaux: