Cybercentre de Guérande - Un espace multimédia accessible à tous
Vous êtes ici : Accueil » Activités Jeunesse » Les ateliers du Cybercentre » Initiation au Pixel Art

Initiation au Pixel Art

D 27 mai 2014     H 15:52     A dcorbille     C 0 messages


agrandir

Le Pixel Art peut se traduire simplement par l’art du pixel. Cela correspond à la réalisation d’une composition numérique pixel par pixel, en utilisant un nombre limité de couleurs. Ce terme est né avec les premiers écrans d’ordinateur et les premiers jeux vidéo.

Le Pixel Art peut également se décliner sur des supports non numériques comme tout simplement une feuille à carreaux type bloc-note ou encore des créations du type "street art" en mosaïque.

Comment faire du pixel art ?

N’importe quel logiciel de traitement d’image peut faire l’affaire : Photoshop, The Gimp, Paint.net par exemple. Il existe également des applications en ligne dédiées au pixel art. Pour débuter, les applications suivantes peuvent suffire.
- http://piq.codeus.net/draw
- http://pixelartor.com/
- http://disney.go.com/pixeld/pixel-painter

Utiliser le logiciel The Gimp pour faire du Pixel Art

1) Réaliser une création personnalisée

Après avoir ouvert The Gimp, allez dans le menu principal sur Fichier /Nouvelle image

Allez dans le menu principal et cliquez sur /Images/Configurer la grille


Indiquez comme style de ligne plein
Indiquez comme valeurs dans Espacement : 1pixel /1pixel

Allez ensuite dans Affichage et cliquez sur Afficher la grille
De nouveau dans Affichage, cliquez sur Alligner sur la grille

Pour voir la grille et commencer votre création, effectuez un Zoom à + de 1000 % (CTRL +molette ou Affichage Zoom)

Vous allez obtenir une grille avec des carrés de 1 sur 1 pixel.

Pour dessiner vous aller ensuite utiliser l’outil crayon en choisissant comme brosse 1Pixel en taille1.

Il vous suffit alors d’agrandir l’image et de désactiver l’affichage de la grille

B) Transformation d’une image en pixel art 

Commencez par choisir comme modèle une photo avec un fond blanc ou de couleur uniforme.

Ouvrir l’image dans The Gimp,

Cliquez sur le menu Image, sur Mode puis sur Couleurs indexées.


Une nouvelle fenêtre s’affiche.
Sélectionnez l’option Utiliser une palette personnalisée et sélectionnez la palette Web.

La case Enlever les couleurs non utilisées de la palette doit être cochée, cliquez en,suite sur Convertir.

Le nombre de couleurs de l’image est alors diminué.

Il faut alors fortement modifier la taille de l’image à quelques dizaines de pixels,90 pixels de large par exemple. Cliquez sur le bouton Echelle.

Cliquez ensuite sur le menu Image puis sur Echelle et taille de l’image.

Augmentez alors la taille de l’image aux dimensions dont vous avez besoin, 600 pixels de large par exemple. Cliquez sur le bouton Echelle.

Ajustez la taille du canevas, cliquez sur le menu Image et cliquez sur Ajuster le canevas aux calques.

Vous allez alors obtenir votre image avec un effet Pixel Art.

Si ce genre de pratique vous intéresse vous aimerez certainement aussi le Ascii art !
Voici 2 sites qui vous permettent de transformer automatiquement une image en Ascii art.

Ascii art :

Télécharger le document de fin d’atelier au format pdf :

PDF - 1 Mo

Dans la même rubrique

1er juillet 2016 – Coding-goûter : Scratch à la Médiathèque

19 mai 2016 – Coding goûter à la Médiathèque

23 décembre 2015 – Créer une "Spin-Art Box"

8 décembre 2015 – Petit Bac Multimédia

30 novembre 2015 – Dessiner à la manière de...