Editeur d’image en pixel en ligne : 5 outils

Si le gif est un dinosaure qui a survécu au web2.0, on peut presque en dire autant des images créées en pixel. En fait toutes les images sont faites de pixels, mais quand on parle de l’art du pixel, on parle en fait de dessiner une image pixel par pixel (point par point) , comme on peut le voir dans la figure de gauche.

Commençons par expliquer ce qu’est un pixel ! Le pixel  est l’unité de base permettant de mesurer la définition d’une image numérique matriciellePour faire plus simple : le pixel est un point lumineux. Chaque point lumineux ajouté à un autre point forme une image. Au fur à mesure des évolutions technologiques, on a commencé par le premier pixel qui ne pouvait prendre que deux états, le noir et le blanc et qui prenait en mémoire 1 seul bit! (C’est l’époque où la mémoire des ordinateurs manquait cruellement ). Puis on a créé un pixel à 4 bits et donc à 16 couleurs (4 à la puissance 2), puis 8 bits avec 256 couleurs, 16 bits avec 65 mille couleurs et maintenant 24 bits avec 16 millions de pixels. Avec 24 bits, on est plus fort que l’oeil, donc on aura plus aucune évolution en terme de pixel.

  • Exemple FF FF FF qui est le blanc, en binaire ça fait 16 bits à 1111 1111 1111 1111 1111 1111
  • Exemple 00 00 00 qui est le noir, en binaire ça fait 0000 0000 0000 0000 0000 0000 .

Bref, nous les vieux geeks, le pixel est pratiquement gravé& dans notre DNA. Pour les plus jeunes, il s’agit d’un truc vaguement familier.  Mais nous les vieux geeks on s’accroche à la partie nostalgique, c’est un peu comme les taxis face à UBER, on s’accroche, mais contrairement à Uber, les jeunes peuvent tout de même s’intéresser au vieux pixels car en fait le pixel n’est pas prêt de mourir et  à ce titre, je viens de dresser une liste de service en ligne qui offrent une option de dessin au pixel.

Piskelapp.com

On commence par le meilleur, car en terme d’image, on peut créer des animations au pixel qui vont prendre un minimum de mémoire sur une application de jeu par exemple.

Dessin au pixel 1

On aura donc une grande facilité à créer une animation comme celle qui suit :

On pourra se référer la fiche : Créer une animation en pixel et sauvegarde en GIF qui explique plus en détail cet outil.

Piq.codeus.net/draw

Cet outil en ligne est assez sophistiqué, même si on ne traite que du pixel. On pourrait même dire que c’est le photoshop du dessin au pixel, car il y a déjà une notion de calque, ce qui va faciliter grandement l’élaboration du dessin. De plus, les nombreuses options disponibles permettront un rendu de dessin optimum.

Dessin au pixel 2

Si on est doué, on pourra vraiment réaliser de petite oeuvre numérique de qualité. Dans mon cas, mon essai n’est pas concluant. Dommage qu’on ne puisse pas importer des photos et les retoucher avec cet outil.

Pixieengine.com/pixel-editor

Dessin au pixel 3 en gif

Avec cet outil, on est plutôt dans le spartiate ou le minimalisme, en fait on revient à la source de l’édition de pixel avec très peu d’options. On prendra soin de bien définir la taille du dessin. En effet,  si on commence à dessiner avec un dessin de 16X16 pixels, c’est un peu petit.

Sur la gauche voilà une animation qui fait un peu mal aux yeux qui permet de résumer un peu ce qu’on peut faire avec cet outil

L’avantage de cet outil c’est qu’on peut importer une image et la modifier.  Attention toutefois à ne pas importer des images trop grosses sous peine de blocage.

Makepixelart.com

Cet outil est encore plus simple d’usage, il faudra donc passer un peu plus de temps pour faire un truc assez valable. L’avantage, c’est qu’on peut faire une sauvegarde en format PNG ce qui permet de pouvoir faire des dessins avec des zones transparentes (alha) , ce qui sera très utile pour la superposition d’image.

Dessin au pixel 4

 

Make8bitart.com

Cet outil en ligne est encore plus simple d’usage et la simplicité implique aussi un résultat très simple, comme son non l’indique on a le droit à 8bits en terme de couleur soit 256 couleurs plus la couleur alpha qui permet l’option transparent. On appréciera le grand espace disponible pour faire des

Dessin au pixel 5

Avec l’outil on a le droit au minimum : la pipette, le remplissage et le crayon avec une taille variable. Avec un peu de patience, on pourra faire un truc simple et bien meilleur que ce que j’ai réalisé pour le test.

Un sujet voisin le Favicon

Un favicon, c’est une photo « iconisée » (extension en .ico) que vous trouvez la plupart du temps devant un url. Cette « photo » est d’une dimension petite de 16X16 pixels.  Vu la petitesse de la photo, on peut vraiment créer un favicon grâce aux outils que je viens de décrire ci-dessus.

Vous pourrez donc aussi consulter la liste de 10 outils qui permettent de créer des favicons.

exemple de favicon pixel

Conclusion : malgré la prolifération des mémoires et des images de 20 millions de pixels, il existe toujours un créneau pour la création d’image en pixel. Cet univers appartient surtout à la section des icones qu’on voit dans les logiciels et les jeux vidéos. Noramlement une image en pixel doit être sauvegardée en format bitmap, ou PNG, mais pas en JPG qui a une facheuse tendance à compresser les images. 

 

 

 

 

Création de gif : préfabriqué avec dun-dun-duh

Aujourd’hui, je n’ai pas fait de grande découvertes sur le web, sinon ce petit service en ligne qui permet de créer des gifs animés. Il est dit « Make Your Image More Dramatic » soit mettez plus de drame dans vos image » et ça se passe sur http://dun-dun-duh.com/

Ce créateur de gif demande de charger une photo, de faire un zoom sur la partie à « Gifer » puis de choisir un texte imposé du style « KILL ME » ou d’autre termes anglais peu recommandable et la création de gif se fait automatiquement. L’animation est programmée pour faire une animation sous forme de zoom.

Voilà en image ce que ça donne. Cette fois je n’ai pas mis mon avatar pour essayer d’égayer un peu cette trouvaille plutôt inutile.

ou encore

Conclusion : s’il y avait plus d’options ce site pourrait être assez cool. Si ce site reste en l’état, c’est vrai que cette découverte est un peu nulle, mais aujourd’hui, il semble que la moisson de trouvaille est plutôt faible.

http://dun-dun-duh.com

Gifmaker.me créateur de gif et vidéo à partir de photos ….pas mal du tout.

Comme j’ai déjà dit, le gif n’a pas pris une ride depuis qu’il est apparu en 1987. En 2012 il a été élu le mot de l’année par les presses universitaires d’Oxford ! Non seulement il survie, mais il est toujours à la mode et régulièrement de nouveaux sites de création de gif apparaissent ou s’ils ne sont pas nouveaux, j’en découvre régulièrement tel que  gifmaker.me qui non seulement permet de créer des gifs mais ausi et des vidéos  à partir de photos.

Gifmaker.me permet de créer non seulement des animations gifs, mais aussi des diaporamas et des animations vidéos accompagnées de musique (musique qu’on récupérera de youtube), le tout  gratuitement,  facilement et sans inscription.

Avec GIFMaker.me, vous pouvez créer des icônes et avatars par vous-même  et aussi créer un lien qui pourra être envoyé vers les réseaux sociaux et forums Internet ….

Vous pouvez aussi  réduire la taille du fichier d’un gif,  redimensionner un gif, faire un gif inversé , fusionner / joindre deux ou plusieurs gifs en un seul en ligne, ou de diviser un gif en frames.

Ce qu’on voit c’est qu’apparemment on n’est pas limité en taille pour la création d’un gif, ce qui est assez rare dans les outils en ligne. Cela veut dire que même un pro pourra éventuellement utiliser cet outil . Vous pouvez recadrer, redimensionner, faire pivoter et compresser les fichier d’animation gif (ou d’autres images JPEG, PNG et BMP) via l’autre service ResizeImage.net, vous pouvez même supprimer le fond d’une image pour le rendre transparent! La seule chose dont vous avez besoin c’est un navigateur Web.

Pour utiliser l’outil, c’est assez simple :

  • Il suffit de charger les photos (même si les grandes photos sont admises, je conseille d’en reduire la taille avant chargement via une application comme photocape ou carrément en ligne vite et par lot.
  • Régler ensuite la vitesse de défilement.
  • Régler le nombre de fois que le gif va se répéter : généralement on préferera une boucle (loop) infinie.
  • Puis créer soit un gif soit une vidéo en format mp4.

Dans l’exemple qui suit, j’ai mis bout à bout deux gifs animés que j’ai fusionnés en accélérant la vitesse. J’ai aussi réduit la taille du gif à 98%. Notez que réduire la taille d’un gif ne veut pas dire nécessairement une réduction en poid.

Dans ce deuxième exemple : j’ai fusionné une bonne dizaine d’icone en format PNG.

Les pours

  • L’outil est plutôt rapide, plus rapide que la plupart des outils jamais testé sur ce blogue.
  • Il semble qu’il n’y ait pas de limite à la création, du moins pour une création typique, on ne recontrera pas vraiment de limite.
  • La fusion de gif est tout de même bien pratique.
  • L’option vidéo est top pour un usage de style instagram, ça doit être pratique.

Les contres

  • On aurait aimé pouvoir régler la vitesse pour chaque image.

Vous pouvez aussi tester les services annexes disponible aussi gratuitement.

Conclusion : encore un service qu’il faut prendre au sérieux, même si c’est pas très sérieux de créer des gifs. Cela dit, en tant que blogueur, il m’arrivé souvent d’inclure des gifs animées à titre didactique et personne ne s’en plaint : au contraire.

 

Pin It on Pinterest