Traduire ce tutorial :
UK DE SP RU IT PO

> Pas encore inscrit ?

Commentaires

le 01/09/2007 par katsumi san

Ce tutorial est tres bien fait merci pour l'effort

Ce tutorial est mis à disposition sous un contrat Creative Commons.
Creative Commons License

La terre vue du ciel

Le 10 décembre 2008    -   Niveau > Moyen

Navigation : étape 1 >> 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 outil. Sans lui point de Pixel Art. Sélectionnez-le. Si vous ne le voyez pas il se cache derrière le Pinceau outil. Maintenant affichez la palette Forme en cliquant sur l'icône outil 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 outilpour 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 outil 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 outil.

Navigation : étape 2 >> 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.

Navigation : étape 3 >> 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 outil, 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 outil, 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 outil pour remplir les différentes zones rapidement.

> Et le cône ne devrait pas vous poser de probléme.

Navigation : étape 4 >> 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 outil 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.

Navigation : étape 5 >> 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 outil 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.

Navigation : étape 6 >> 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


© Crédits : Vivien Gros alias Octopussy - Tous droits réservés