Expérimentations en pixel art

Version imprimable

10/04/2019, 14h55
Pollux568

Expérimentations en pixel art

Bonjour !

Cet aprem je me suis amusé un peu avec Matlab, pour étudier le fameux "pixel art", qui est bien à la mode en ce moment.
Le mieux pour faire quelque chose de joli est bien sûr de dessiner directement ce que l'on veut pixel par pixel. Mais je me suis demandé, si on prend une image "normale", peut-on la transformer pour avoir un effet pixel directement ? Notamment en utilisant des shaders et autres.

Pour visualiser ça, j'ai donc utilisé Matlab pour comparer 3 modes :
-on prend des fenêtres de 10x10 pixels, et on donne la valeur du pixel central
-on prend des fenêtres de 10x10 pixels, et on donne la valeur moyenne des pixels
-on prend des fenêtres de 10x10 pixels, et on prend la valeur médiane des pixels

Voici les résultats, sur différentes images :

1) une photo d'individus à un bar
https://tof.cx/images/2019/04/10/e53...178cf48.md.png

2) Une photo de microscope
https://tof.cx/images/2019/04/10/705...4dcfe6d569.png

3) un dessin de steak
https://tof.cx/images/2019/04/10/2b7...0a1e2c06cf.png

4) Une illustration de la Terre
https://tof.cx/images/2019/04/10/50a...54d76bd.md.png

5) Un dessin de Tintin
https://tof.cx/images/2019/04/10/f48...544bea2.md.png

J'ai l'impression que le premier mode (valeur du pixel central) rend le moins bien, ça créé des artefacts. Mais ça a aussi un côté "brut" pas déplaisant non plus, qui rappelle les FMV bas de gamme des années 90s.

La valeur moyenne lisse les images, c'est le mode avec lequel les images finales sont le plus lisible, mais ça donne aussi un côté flou à toutes les bordures.

La valeur médiane garde les contours et les aplats de couleurs. Je le trouve bien adapté pour l'image de Tintin et le steak, par exemple, probablement parce que le dessin de base est de type aplats de couleur.

Quel est le meilleur mode, selon vous ?

Est-ce que vous avez déjà fait des petites expérimentations, de votre côté ? Notamment des artistes en pixel art ? Je suis sûr qu'on peut explorer plein de choses encore !
12/04/2019, 09h18
schouffy

Le 3ème clairement pour moi.
Et effectivement ça marche bien sur des dessins mais pas trop sur des photos. Peut-être en jouant sur les niveaux avant pour qu'il y ait moins de tons de couleurs ?
12/04/2019, 09h29
Zerger

Si je dis pas de bêtise, le principe du pixel art, c'est de justement dessiner à la main pixel par pixel, sans avoir recours à un algo non?

(C'est marrant, parce que j'ai justement commencé à me renseigner cette semaine, j'aimerais bien m'entrainer à faire des petits sprites animés à la mano)

Ca me rappelle un projet que j'avais fait à l'école sur de la segmentation vectorielle, où il fallait jouer sur un coefficient pour régler le ration qualité/taille de l'image. On faisait la moyenne avec une formule spécifique que j'ai totalement oubliée :p
12/04/2019, 11h56
schouffy

Oui mais c'est intéressant de creuser dans la voie de l'automatisation :)
Parce que sur la barbaque, tu rajoutes un peu de shading (qui doit pouvoir être automatisé aussi...), et c'est vraiment pas dégueu.
Ce serait cool d'avoir les avis d'experts Pixel art genre Uubu :p
15/04/2019, 11h32
LeRan

Hmm, le rendu médian est joli, tout à fait acceptable pour qui voudrait donner une coloration "gros pixels" à un jeu sans forcément tout dessiner à la main...

Est-ce que l'un de vous sait s'il y a moyen d'obtenir quelque chose de similaire avec Gimp ?
15/04/2019, 13h01
Sifr

Y’a un script qui pixelise une image dans Gimp
24/04/2019, 13h31
Pollux568

Citation:

Peut-être en jouant sur les niveaux avant pour qu'il y ait moins de tons de couleurs ?

Ah oui, je n'avais pas pensé qu'on pouvait se limiter en nombre de couleurs aussi. Je vais continuer mes tests. :rolleyes:

Citation:

Envoyé par Zerger

Si je dis pas de bêtise, le principe du pixel art, c'est de justement dessiner à la main pixel par pixel, sans avoir recours à un algo non?

Je ne sais pas s'il y a une règle, mais c'est sûr que c'est toujours mieux de tout faire à la main.
Mais bon, il n'y a pas un seul style de pixel art non plus, et c'est bien d'explorer différentes choses.

Citation:

Parce que sur la barbaque, tu rajoutes un peu de shading

Quel effet tu entends précisément, par "shading" ?

Citation:

Y’a un script qui pixelise une image dans Gimp

J'ai cherché un peu, mais je n'ai pas trouvé. Dans quelle version de Gimp ? Y'a des paramètres qu'on peut ajuster ?
24/04/2019, 14h03
Pollux568

Bon, j'ai codé mes images selon 3 canaux Rouge/Vert/Bleu, codé en 8 bit (c'est à dire 255 valeurs possibles) par canal.
J'ai compressé le nombre de couleurs disponibles, en 4 bits, soit 16 couleurs maximum.

Voici les résultats, avec un filtre median de 8 pixels :
Capitaine :
https://tof.cx/images/2019/04/24/d35...b197b7262c.png

Terre vue de l'espace :
https://tof.cx/images/2019/04/24/c59...fa277cb.md.png

Pieuvre :
https://tof.cx/images/2019/04/24/72f...bc468b7db5.png

Je trouve ça plutôt bien sur la pieuvre, ça passe pour l'image de la terre, mais c'est pas terrible pour la photo.

Ca va dans le sens que la pixellisation est mieux adaptée pour les dessins que pour les photos :)

Peut-être aussi que l'encodage des couleurs n'est pas idéal : au lieu d'avoir 255 (ou 16) couleur par canal, je pourrais définir 255 (ou 16) couleurs possibles dans l'image, avec une colormap indexée plutôt que par canal.