Moyen
le pixel art, de quoi s'agit-il ?
Le Pixel Art,
vous l'aurez deviné, c'est l'art et la manière de créer
une image pixel par pixel, avec un nombre volontairement limité
de couleurs et basé sur une perspective isométrique. Ca peut paraître simple comme
ça mais finalement ça devient vite assez compliqué
et fastidieux si on applique pas quelques astuces basiques.
Avant de commencer
il faut paramêtrer correctement le Crayon
. Sans
lui point de Pixel Art. Sélectionnez-le. Si vous ne le voyez
pas il se cache derrière le Pinceau
. Maintenant
affichez la palette Forme en cliquant
sur l'icône
en haut, dans la barre d'option ou en appuyant sur la touche F5. Là cliquez sur Forme de pointe,
choisissez dans les différentes formes proposées, la forme Arrondi net 1. Puis en bas mettez le paramêtre
du Pas à 1%.
Enregistrons les
paramêtres de l'outil. Allez dans Fenêtre
> Formes prédéfines. Cliquez sur l"icône
pour
sauvegarder notre configuration, donnez un nom, décochez l'option Inclure la couleur et Validez. Voila, maintenant il suffira de
revenir dans la fenêtre des Formes prédéfinies avec le Crayon
et de choisir notre configuration pour que l'outil se retrouve avec
les paramêtres voulus.
Nota :
Pour chaque outil de Photoshop vous pouvez enregistrer plusieurs configurations. Je vous le conseille vivement notamment pour le Pinceau.
le principe
Avant de se lancer dans une illustration complexe, il vaut mieux comprendre
les bases. Nous allons donc voir comment créer les formes géométriques
de base.
La ligne est l'élément
vital du Pixel Art. Il y'a 4 types de lignes récurrentes :
![]()
Le Cube : C'est
à partir de lui que la plupart des objetsPixel Art sont construits.
![]()
La Sphère
: Vous noterez que le cerne noir est remplacé par une couleur
fonçée, tirée de la dominante de l"objet.
Ceci pour une meilleur lisibilité quand plusieurs objets se cotoient
et pour donner du volume. Si tout était resté en cerné
noir, la composition ressemblerait vite à un brouillis de traits.
![]()
allez plus loin
Maintenant que vous maîtrisez les bases, nous allons pouvoir
nous attaquer à l'éllipse. Traçez comme repère
le carré dans lequel va s'inscrire l'éllipse, car toute
éllipse est comprise dans un carré. Puis ajoutez des repères
sur le centre du carré. Magnétisez les repères
en faisant Affichage > Magnétisme si ce n'est déjà fait.
Prenez l'outil
de Sélection Circulaire
,
assurez-vous que l'option Lissé est décochée. En maintenant la touche Ctrlou enfonçée, traçez l'éllipse en vous calant
par rapport au carré.
Prenez le Pot
de Peinture
,
assurez-vous que l'option Lissé est décochée et mettez sa Tolérance à 1, remplissez la sélection
de noir. Allez dans Sélection > Modifier
> Contracter et contracter de 1.
Désélectionnez an faisant Ctrlou +D.
![]()
A partir de là,
plus rien ne peut vous arreter. Le cylindre est facile. Utilisez le Pot de Peinture
pour remplir les différentes zones rapidement.
![]()
Et le cône
ne devrait pas vous poser de probléme.
![]()
première oeuvre
Vous voila prêt. Nous allons maintenant réaliser un bâtiment
simple, une maison. D'une manière générale, il
vaut mieux faire un petit croquis, histoire de voir où l'on va
et de fixer les bonnes proportions.
Créez un
nouveau document. Zoomez à 800%.
Maintenant si vous tracez un trait vous voyez les pixels, en revanche
vous ferez d'incessant va-et-vient avec le Zoom
pour avoir une vue globale de la composition. Pas pratique. Pourtant
Il existe une astuce.
Allez dans Fenêtre
> Réorganiser > Nouvelle fenêtre. Photoshop
vous a ouvert une seconde fenêtre de votre composition. Comme
ça plus besoin de faire de zoom.
Commençons
par dessiner la base de la maison. C'est un simple parallépipède.
Vous n'êtes pas obligé de faire comme moi au pixel près,
dès l'instant où à echelle 1:1 ça rende
bien.
![]()
téléphone maison
On continue en
ajoutant le toit. Remarquez bien l'utilisation des différentes
inclinaisons de lignes droites. Ensuite on remplit le Pot
de Peinture
chaque face d'une coleur appropriée.
![]()
Maintenant on
peut colorier les lignes des couleurs associées. On en profite
pour ajouter une fenêtre et une porte pour que ça ressemble
plus à une maison. Aprés c'est à vous d'agrémenter...
![]()
Paufinons avec
un petit dégradé dans l'inclinaison du toit. Toute la
mécanique du dégradé consiste à répéter
un motif sur une rangé, puis à répéter un
autre motif (plus aéré)
sur la rangée suivante.
![]()
les bases
En affinant la
couleur des lignes intérieures, vous donnerez un aspect plus
doux à votre dessin. Terminons avec une petite ombre (simplifiée)
projetée sur le sol
![]()
Et voci à
quoi ressemble notre maison à echelle 1:1
![]()
Voila, normalement,
vous possédez les bases pour vous lancer dans le Pixel Art. N'hésitez
pas à analyser comment font les autres pour bien comprendre les
mécanismes. Je vous donne quelques liens à explorer et
à admirer : pixel.nascimpact.com, www.tongsville.com, www.x-panded.com, hello.eboy.com