Retour à l'index des tutoriaux.
.01 Choix de l'image
On choisit une image.
Ici pour rendre la tâche encore plus dure (ben tiens
) j'ai pris une image de mangas, en noir et blanc.
.02 Dessin des contours
Bon, pour commencer bien sûr, on se fait un bon gros zoom. Ici, j'ai pris 600%. On fait un nouveau calque où on va refaire le bonhomme en pixel art. Il faut donc redessiner tous les traits au crayon. Mais nous, on est des grosbills, on a toshop, donc on fait pas comme tout le monde. Perso, je prend le lasso polygonal et je décoche la case "lissé".
Ensuite, je séléctionne le personnage en entier.
Jusque là, rien de spécial. Et c'est là que Photoshop se démarque. On fait : Edition > Contour. On choisit la couleur noire, la position intérieure et la taille 1px
Maintenant, on continue avec le lasso polygonal mais cette fois si on va réduire la séléction et refaire l'opération "contour". Ici par exemple je déséléctionne la queue. Il suffit donc de cliquer tout en appuyant sur Alt, puis de choisir le morceau que l'on veut déséléctionner.
On refait Contour et là, le contour de la queue est complet.
On fait ensuite la veste...
On avance partie par partie en s'arrêtant à chaque contour que l'on rencontre et en faisant l'opération Contour à chaque fois. De cette façon on obtient nos contours nickels.
Mais la technique n'est pas infaillible ! Il est courant de se tromper, bref il faudra peaufiner votre travail au crayon et à la gomme. Finalement on arrive à des contours plus ou moins bons.
.03 Colorisation
On met en couleur ! Pour cela, Pot de peinture tolérance 1 (32 convient aussi, mais en pixel art mieux vaut 1), pas de lissage, avec pixel contigus.
On peint alors le tout sans oublier de carré.
Maintenant, on reprend notre pote lasso polygonal pour faire les ombres.
On séléctionne les ombres. On prend notre Pot de peinture dans la couleur désirée (celle de la partie où on fait l'ombre, en plus sombre). On décoche la case "Pixel contigus" puis on clique sur un pixel de la couleur.
On se permet même de mettre une deuxième couche, encore plus sombre, pour les zones les plus claires.
Votre création doit sérieusement ressembler à quelque chose. Si ce n'est pas le cas, inquiétez vous !
.04 Finition des contours
Maintenant, nous allons éclaircir les contours qui sont encore "bruts" (noirs).
Pour cela, nous allons commencer par les contours des parties marrons. On séléctionne donc le contour de ces parties.
Ensuite, on choisit la bonne couleur qui va remplacer le noir. On prend la couleur de l'ombre, puis on choisit la couleur pile poil au milieu entre cette couleur et le noir.
On prend le pot de peinture en décochant lissé et pixel contigus. On clique maintenant sur un pixel noir dans la séléction.
Et là, on obtient un contour joli, pas trop agressif.
Et voilà ! Votre joli pixel art est fini
Vous pouvez faire un peu ce que vous voulez avec cette technique...
Si vous avez un soucis avec ce tutorial, merci d'aller sur le forum !
Tutorial rédigé par Owumaro.
coolman le 29/10/2008 à 20h14 (10/10) : un mot genial
kiko le 21/10/2008 à 06h57 (10/10) : great ! i love the lightening part !
Scorpios le 13/09/2008 à 18h44 (9/10) : Moi je faisais tout à la main, mais il est pas mal ton site.
didi le 20/06/2008 à 19h32 (10/10) : metter des images de sasuke
pandoo le 17/06/2008 à 14h14 (10/10) : Génial! Très bien expliqué, merci!!
Mister O le 31/05/2008 à 12h31 (9/10) : Ben vas-y "raphe", montre nous comment tu fais, je suis curieux de savoir !
Et "yo", si tu n'aimes pas ce site, pourquoi te fais tu chier à poster un commentaire ? Ceux qui le consultent le font car ils l'apprécient. Allez, sans rancune !
Pour le tuto, le rendu est excellent.
raphe le 01/05/2008 à 15h05 (1/10) : désolé mais c'est mauvais, archilong, on peut obtenir un résultat dix fois plus sympa en quatre fois moins d'opérations. ne perdez pas votre temps sur ce tuto (les autres je dis pas je les ai pas lus)
yo le 28/04/2008 à 12h33 (1/10) : je conseil fortement aux utilisateurs de ce site d'aller sur des sites comme psdtuts ou wisibiliti.Ce site est une merde, ya que ça a dire
Angel-Freeze le 27/12/2007 à 19h27 (9/10) : Cool ce tuto mais impeu long , le pire c'est de trouver un render .
martos le 09/12/2007 à 23h51 (10/10) : efficace tout ça !
SUISUI le 21/11/2007 à 17h33 (10/10) :
VRAIMEN BIENGengis le 07/11/2007 à 12h28 (10/10) : Excellent tut' !
R3FLET le 21/10/2007 à 22h54 (10/10) : J'ADOOORE !! GG Owumaro !
Gohan188 le 21/10/2007 à 14h30 (10/10) : Super !!
arthelius le 22/08/2007 à 20h56 (9/10) : excellent tuto le rendu final est vraiment très bon.
Caroline le 23/07/2007 à 11h36 (9/10) : Très bon tuto. Merci Owumaro, c'est la première fois que je vois un tuto sur ce sujet d'aussi bonne qualité
junior le 07/07/2007 à 17h12 (10/10) : merci super tuto
bulmam le 21/06/2007 à 20h16 (10/10) : genial ce tuto ! exactement ce que je cherchais, merci
C.Moreau le 18/06/2007 à 14h24 (8/10) : Oui en effet, c'était sur le notre, sur le fofo !
Je suis un boulay.GG Owumaro !!
