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. 

 

 

 

 

Instamuseum : créer un galerie type musée avec vos photos instagram

Instagram, le réseau social populaire de partage de photos est devenu par le miracle du web, le lieu privilégié de plusieurs centaines de millions d’utilisateurs. En tant que blogueur, je poste une à deux photos par jour sur plusieurs compted instagram, je dois donc être considéré comme un accro de ce réseau.

Aujourd’hui, j’ai testé un service en ligne qui permet de réaliser une galerie virtuelle à partir d’un compte instagram. Exemple : mon compte instagram bcpretobranco. via le service Instamuseum.com qui propose plusieurs options de mise en galerie des images (même si ce sont des hamburgers, des pizzas, des chats ou des selfies) .

Instamuseum for @bcpretobranco
by marothro
on Sketchfab

Pour créer une galerie

  • Il faudra appuyer sur « Get Started« 
  • Indiquer le nom de votre compte instagram (bcpretobranco par exemple). Vous pouvez enfait mettre n’importe quel compte instagram à partir du moment où il n’est pas en mode privé.
  • Choisir parmi 4 type de galerie :
    • Art gallery (12 photos)
    • Louvre Room (12 photos)
    • Wall (3×30 photos)
    • Cube (6 photos, car un cube a six faces!)
  • Si vous n’avez pas de compte sur le réseau social 3 D sur sketchfab vous allez devoir en créer un, car c’est sur ce site que vos galeries vont être stockée, (marothro ).
  • Un message d’attente du style « VR gallery is being created, please wait… This will take a few minutes.  » va s’afficher et après quelques secondes ou minutes, votre galerie 3D sera créée.
  • Hop votre galerie va apparaître et vous allez pouvoir aussi la récupérer sur votre compte sketchfab

Voilà donc un truc assez ludique qui permettra site sketchfab de se faire connaître et donc d’augmenter sa notoriété auprès des moteurs de recherche. Vous pouvez ensuite partager votre oeuvre via les réseaux sociaux, (facebook, twitter, reddit, tumblr, g+, linkedin, pinterest),  par mail , récupére un code d’incrustation à mettre dans un blog (get embed code).

si l’auteur de modèle 3D le permet, vous pouvez aussi télécharger la galerie en format blend et l’utiliser sur les logiciels 3D qui vont bien mais là on dépasse un peu le scope de roget.biz .

Pour conclure : vous allez pouvoir épater vos amis avec votre création, de plus, cela permettra de créer une belle vitrine pour votre compte instagram. Si vous répétez l’opération régulièrement (à chaque fois que vous postez 12 photos sur votre compte insgram, vous allez pouvoir créer plein de petites galeries photo différentes.

Mon compte instagram c’est  bcpretobranco, il s’agit d’une galerie de photo en noir et blanc de la ville décadente Brésilienne de Balneario Camboriu. Non je ne photographie pas, mon chien, mon plat, ma copine, mes enfants, et je n’y mets pas de selfies.

 

Transformer une image en lignes droites : top

L’art est à la portée de tout le monde aujourd’hui grâce à internet, ok c’est un peu léger comme art, mais on s’amuse bien à transformer nos petites photos en mosaique, en triangle,   en caricature,

et aujourd’hui voilà un site service en ligne qui propose de transformer une image en un ensemble de lignes droites pour un effet encore une fois, plutôt cool. Les résultats, comme à notre habitude, seront à publier sur nos réseaux sociaux qui bien sûr compte de millers de fan qui vont se pamer devant le résultat et demander avec quelle application on a réussi un tel exploit.

http://linify.me que veut dire en français transforme moi en lignes (en lignes droites). D’ailleurs, vous avez déjà compris ce que ça fait avec la série d’images qui suivent. Facile non!

Paramétrage fin  de l’outil linify.me.

  • Number of line : Il est possible de régler le nombre de ligne à tirer sur l’image. Plus de lignes, plus de netteté. On pourra tout de même reconnaitre le résultat. une image de 2000 lignes semble être un bon paramétrage. Plus il y a de ligne, plus l’outil va mouliner pour arriver au résultat.
  • Line heaviness : épaisseurs de traits. en mettant le paramètre à 10 on obtiendra de ton plus doux, en mettant le paramètre à 200, ce sera plus fort et net.
  • Test iteration : permet d’avoir des photos avec une qualité supérieure.
  • Option couleur ou noir et blanc (Grayscale)

  • Création de l’image sur fond noir et qui donne une petite impression de relief.

Le résultat est téléchargeable sous un format en résolution normale d’environ 1200 pixels de large, ce qui est largement suffisant pour ce qu’on fait généralement d’une photo (impression 15 x 10, et réseaux sociaux) . L’option haute définition (high resolution) n’apporte pas vraiment d’amélioration à mon goût. Il conviendra de s’amuser à faire varier les paramètre de l’outil pour comprendre un peu l’outil.

Conclusion : encore un petit outil  en ligne à mettre dans nos favoris à la section ART et IMAGE

linify.me/

Pin It on Pinterest