Comment faire du Pixel Art : conseils et techniques.

L’art numérique rétro fait son come-back et les pixels y sont mis à l’honneur. Apprenez, vous aussi, à créer ou à transformer une image en Pixel Art avec ce guide et les conseils d’un artiste hors pair.

Olivier Huard headshot

Artiste vedette

Olivier Huard

Olivier est un artiste qui a plus de 20 ans d’expérience dans le monde du Pixel Art.

Regardez la masterclass d’Olivier et téléchargez ses modèles gratuitement.

Pixel Art : de quoi s’agit-il ? 

Le style visuel des jeux sur Atari 2600, NES, Sega Master System et les premières productions graphiques sur ces supports ont influencé des millions de créatifs. Le Pixel Art trouve ses sources dans cette influence et cette nostalgie. Et bien que la résolution graphique d’aujourd’hui soit bien meilleure que celle des jeux vidéo de l’époque, on ne se lasse pas de l’esthétique particulière et de l’association émotionnelle du style pixélisé.

L’histoire du Pixel Art.

Il serait quelque peu réducteur de dire que le Pixel Art n’est qu’une création visuelle faite de…pixels. Le Pixel Art rappelle et évoque l’aspect des premiers jeux vidéo sur consoles et ordinateurs.

Les jeux vidéo de l’époque avaient en effet une résolution graphique bien plus faible que celle d’aujourd’hui.

Dans les années 1970 et 1980, les créateurs de jeux vidéo n’avaient pas d’autre choix que d’innover et de réduire les images à leur essence : quelques pixels rouges devaient suggérer le chapeau de Mario et les pixels de la moustache de celui-ci permettaient de masquer le fait de ne pouvoir faire de lèvres car il y avait trop peu de pixels disponibles !

A la fin des années 80 et au début des années 90 (l’ère des  16 bits), Les résolutions augmentent permettant ainsi la création d’images plus détaillées avec plus de couleurs mais l’esprit est resté le même. Les artistes devaient redoubler d’astuces pour travailler chaque pixels jouant un rôle important dans la création de l’image finale.

Le Pixel Art né avant les jeux vidéo ?

Cette pratique d’utiliser de petits carrés pour former une figure, des formes ou une image entière n’est en fait pas si nouvelle que ça. Elle remonte même à l’antiquité, avec les réalisations en mosaïque !

Comment faire du Pixel Art avec Photoshop, étape par étape.

Le Pixel Art est facile avec les bons outils et les bonnes astuces. Appuyez-vous sur ce guide et les conseils ci-dessous pour vous perfectionner ou apprendre le Pixel Art.

1. S’inspirer d’artistes et d’œuvres Pixel Art que vous admirez.

Le Pixel Art exige une grande attention et quelque peu de pratique. Contrairement à un artiste-peintre, qui peut user de coups de pinceaux relativement larges, quand il s’agit de faire du Pixel Art, on doit se concentrer sur la mise en place de chaque petit carré de l’image. Le secret pour réussir sa création en Pixel Art est d’être capable de capturer la forme fondamentale d’un sujet, tout en arrivant à le simplifier au maximum.

2. Utiliser un outil numérique qui permet de dessiner en pixels.

Adobe Photoshop dispose de tous les outils dont vous avez besoin pour créer du Pixel Art de qualité aux airs rétro indéniables. Il vous faut en effet un logiciel capable d’afficher un quadrillage pour Pixel Art afin de pouvoir dessiner pixel par pixel.

Pour afficher le quadrillage, rendez-vous dans Affichage > Afficher… > Grille Ensuite, paramétrez celle-ci afin que chacun des carreaux mesure 1 pixel. Pour ce faire : allez dans Photoshop -> Préférences -> Repères, grille et tranches puis dans grille mettre 1 dans la valeur « Pas » puis sélectionner « Pixels » et 1 dans la valeur                   « Subdivisions ».

3. Choisir les bons outils pour réussir son Pixel Art sur Photoshop.

Afin de réussir votre Pixel Art sur Photoshop, il est indispensable de faire appel à des outils permettant des tracés nets. Il vous faut donc préférablement utiliser l’outil Crayon, permettant de dessiner au pixel près.

L’outil pinceaux, par défaut, génère des traits atténués, particulièrement utiles en retouche photo, mais pas quand on souhaite avoir un rendu pixélisé. Pensez aussi à réduire le diamètre du crayon à 1 pixel afin qu’il soit de la même taille que les carreaux de votre quadrillage pour Pixel Art.

Autre point important lorsqu’il s’agit de paramétrer ses outils pour cette discipline : le paramétrage de la gomme ! Par défaut, la gomme, elle aussi, lisse les pixels. En la laissant avec le paramétrage par défaut, quand vous voudrez effacer un pixel en particulier, cela viendra également empiéter sur les pixels voisins et en gommer la moitié. Pour ce faire, rien de plus simple : dans la barre d’option, rendez-vous dans la case « mode » et sélectionnez « crayon ».

4. Enregistrer le Pixel Art au bon format.

Veillez à ne pas enregistrer votre image au format JPG. Préférez les formats PNG ou GIF. La compression appliquée par le format JPG pourrait venir compromettre le travail effectué pixel par pixel.

5. Pratiquer, encore et encore.

On pourrait croire qu’apprendre le Pixel Art est relativement simple, du fait des formes brutes et du manque de détail. Pourtant, comme pour toute forme d’art, la pratique est essentielle et vous permettra de trouver vos propres techniques et vos propres coups de crayon pixélisés.

Le Pixel Art pour vos projets créatifs.

Le Pixel Art s’est énormément vu dans les jeux vidéo de l’époque, et d’ailleurs, le monde du jeux vidéo reste l’un des créneaux dans lequel il est le plus rencontré aujourd’hui, bien qu’il soit également fréquemment utilisé pour la réalisation d’icônes ou de GIFs animés.

Comment expliquer que l’usage de gros pixels revienne sur le devant de la scène et que de nombreux jeux vidéo indépendants actuels s’en servent ? Les résolutions graphiques des écrans permettent aujourd’hui d’avoir des rendus non pixélisés, alors pourquoi vient-on de nouveaux afficher ces carrés si singuliers sur nos écrans ?

Et bien, c’est un peu comme avec la mode, la musique et la décoration d’intérieur : on vient puiser dans le passé pour faire des tendances nouvelles. Les années 80 parlent à beaucoup de générations. En ce sens, le Pixel Art, c’est aussi un clin d’œil au retrogaming, un retour du pixel traduisant la nostalgie d’une époque passée.

Pixel Art : techniques et conseils d’un expert partenaire d’Adobe.

Que vous soyez débutant en Pixel Art ou artiste confirmé, ces astuces et techniques devraient grandement faciliter votre processus créatif :

  • Le Pixel Art est facile et compliqué à la fois : il vous faut être capable de recréer des formes reconnaissables, mais avec très peu de souplesse, aucun contour doux et relativement peu de couleurs.
  • L’art du Pixel Art est l’art de savoir synthétiser les formes dans leurs plus simples expressions afin d’en faire ressortir ce qui l’identifiera au premier coup d’œil.
  • Pour s’initier au Pixel Art il faut tout d’abord s’entrainer à dessiner des formes simples qui ne sont pas si évidentes à prendre en main au départ.
  • Commencez tout de suite par vous limiter dans les couleurs pour ne pas tomber dans un effet de flou engendré par un grand nombre de teintes très proches les unes des autres.
  • Dans Photoshop, n’hésitez pas à ouvrir une autre fenêtre avec votre création pour avoir deux affichages un zoomé et un à taille réelle. Pour le faire : menu Fenêtre -> Réorganiser -> Nouvelle fenêtre pour (nom du fichier).
  • Afin de parfaire votre Pixel Art, pensez aux jeux d’ombres et aux dégradés. Évidemment, dans cette discipline, les dégradés et variations de couleurs ne sont pas lisses, mais une manière facile d’en obtenir (ou du moins, d’en simuler) consiste à créer trois bandes de pixels entre les deux couleurs que vous désirez fondre entre elles, et d’alterner les pixels de couleurs au sein de ces bandes. Pour les ombres il existe une astuce : ajoutez un calque en mode obscurcir dans Photoshop a 45-50% d’opacité et pour la couleur du crayon choisissez un bleu très sombre. Et voilà il ne vous reste plus qu’à appliquer les pixels où vous souhaitez voir de l’ombre.
  • Pour plus de compétences en Pixel Art, rien de tel que de vous rapprocher du monde des jeux vidéo. Envisagez de participer à des Game Jams, ces hackathons où les participants doivent, en équipe, créer un jeu vidéo autour d’un thème donné et dans un temps imparti.
  • Faites vos premiers Pixel Art en vous penchant sur les personnages pixellisés que vous connaissez déjà et inspirez-vous du travail d’artistes des années 70 et 80 ou des Pixel Artistes d’aujourd’hui, comme Olivier.
Illustration pixellisée d’un mur de pierres, d’arbres, de montagnes et d’un ciel étoilé

« Le travail avec des contraintes va beaucoup apporter à votre créativité car cela va vous obliger à trouver des astuces graphiques pour tenir compte de ces restrictions. Avoir trop de pixels disponibles et trop de couleurs risque de vous perdre et de vous éloigner du rendu pixel art. Peu de couleurs, peu de pixels et peu de temps : une formule payante pour progresser » . Olivier Huard

Pixel Art : questions fréquentes.

Quel logiciel pour faire un Pixel Art ?

Tout ce qui vous permet de placer des carrés sur une grille est un éditeur potentiel de pixels. Adobe Photoshop permet d’afficher un quadrillage pour Pixel Art et d’aligner votre travail sur celui-ci, au pixel près. N’oublions pas que dans cette discipline, un seul pixel peut faire toute la différence. Ainsi, être capable de déplacer ceux-ci facilement est essentiel à l’heure où vous portez votre choix sur un logiciel.

Transformer une photo en Pixel Art est facile et très rapide avec Photoshop :

  • Importez votre photo
  • Convertissez votre photo en objet dynamique grâce au filtre dynamique

Pixellisez l’image en vous rendant dans le menu du haut. Sélectionnez Filtre › Pixellisation › Mosaïque

  • Paramétrez le degré de pixellisation à l’aide du curseur dans la fenêtre d’aperçu

 

Retrouvez la méthode détaillée pour pixéliser une photo ici.

Qui a créé le Pixel Art ?

Le Pixel Art n’était pas considéré comme un art à l’époque, il n’y a donc pas d’inventeur à proprement parler. Il s’agissait d’un moyen pour les développeurs de créer des images en utilisant les ressources graphiques limitées dont ils disposaient. Comme les cartes graphiques étaient à l’époque incapables de restituer de nombreux pixels, les programmeurs ont dû travailler avec chaque pixel et s’assurer ensuite que l’image finale avait un sens. Un travail méticuleux de création d’images, devenu un art.

Partenaire Adobe expert en Pixel Art.

Olivier Huard est un artiste et illustrateur français dans le domaine du Pixel Art. Olivier a commencé à s’y intéresser depuis son adolescence, quand il reçoit son premier ordinateur. En grandissant il cultive toujours sa passion, il collabore avec le Grand Palais et puis Adobe. Depuis plusieurs années il tient de masterclass avec Adobe au Festival OFF de Barcelone. Il est souvent interpellé par des magazines du secteur graphique pour son expertise. Retrouvez ses illustrations et ses dessins en Pixel Art sur son compte Instagram et sur sa page Behance.

Regardez la masterclass Pixel Art de Olivier

Téléchargez les graphiques Pixel Art d’Olivier

pixel art hamburger
pixel art halloween
pixel art coeur
pixel art kawai tasse
pixel art licorne
pixel art kawai panda
PS

Vous avez aimé la Masterclass d’Olivier ?

Essayez Photoshop.