Pixel art et sprites animés

Pour les nostalgiques des bons vieux jeux vidéo en 2D pixelisés à l’extrême, l’application en ligne Piskel devrait leur faire couler quelques larmes de nostalgie sur une époque révolue où certes les graphiques étaient laids, mais les jeux d’autant plus amusants et prenants.

Il s’agit d’un éditeur graphique en ligne extrêmement bien réalisé qui est à même de créer ou d’éditer de petites animations en 2D sous forme de GIF animés avec une multitude d’outils de conception.

L’application est intégralement gratuite, elle est dotée d’une interface utilisateur en anglais, mais facile d’emploi et s’utilise sans qu’il y ait nécessité de créer un compte utilisateur. Néanmoins, la création d’un compte avec une authentification via un profil Google, donne accès à quelques fonctionnalités en plus, notamment la sauvegarde des dessins dans le cloud.

Pour couronner le tout, les sources de Piskel sont mises à disposition sur GitHub.

Les animations reposent sur des séquences d’images qu’il va falloir dessiner une à une et pixel par pixel  sur autant de calques (frames) que nécessaire.

Il est bien entendu plus facile quand on n’a comme moi aucun talent artistique d’importer une image depuis un fichier (GIF animé ou pas, PNG, JPEG ou BMP dans Piskel pour la travailler dans l’éditeur). Cela est beaucoup plus facile que de dessiner une image point par point ce qui est toutefois envisageable si on a une bonne dose de patience.

Les outils mis à disposition par Piskel sont assez complets pour laisser exprimer sa créativité :

piskel

  • Un crayon pour dessiner point par point sur une grille de taille ajustable.
  • Un crayon en mode miroir pour dessiner deux formes en même temps comme si elles se reflétaient verticalement ou horizontalement.
  • Un classique pot de peinture pour remplir une forme avec une couleur donnée.
  • Une gomme.
  • Des outils pour tracer des formes géométriques.
  • Une pipette de sélection de couleurs.
  • Un outil de rotation.
  • Une baguette magique de sélection.
  • Des fonctionnalités d’import-export et de sauvegarde.

piskel-editeur

Tous les outils sont accessibles par l’intermédiaire d’un nombre important de raccourcis clavier qui sont de plus personnalisables.

piskel-raccourcis

Quand on a ajouté des calques (en les dessinant ou par clonage), la vitesse de l’animation se règle en indiquant le nombre de FPS (frame per second).

Piskel malgré un air qui ne paie pas de mine s’avère être un outil complet (en ligne et responsive) qui devrait trouver sa place chez les amateurs d’applications faciles à prendre en main grâce à une interface utilisateur des plus élégantes.