[PAINT] - Technique de Spriting et texture

Bonjour tout le monde !

Aujourd'hui, je vais vous apprendre une technique très facile, réalisable même pour ceux qui ne font jamais de Pixel Art.
Cependant, le style, on aime ou on n'aimepas !
(moi, c'est pas mon préféré, j'avoue... D'ailleurs, c'étais un test pour voir une technique et j'ai décidé d'en faire un tuto)


1^ère étape : Le Dessin

On va commencer par faire le dessin. Moi, j'ai décidé de faire un arbre, donc, je fais le feuillage.



On fais ça de manière fort brouillon, en laissant le bouton de la souris enfoncé et on tourne


2^ème étape : Le Coloriage

On prépare sa palette :

On choisi une couleur et on colorie les espaces de cette manière:


Et on continue à tout colorier pour arriver à ça :


Il est évident qu'il faut utiliser toutes les couleurs de la palette


3^ème étape : Rebelote

On refait la même opération pour le tron :



4^ème étape : On assemble le tout

Afin d'assembler les 2, on prépare le tron :

- On copie une partie du feuillage
- On efface un morceau de ce morceau pour faire de la place au tron
- On place ec morceau de feuillage sur le tron

Quand c'est fait, on peut placer le tron (regardez bien à ce que le feuillage du tron correspond au bon emplacement quand vous le posez sur le feuillage)


Maintenant, on va changer la couleur des lignes à l'intérieur du dessin.
Regardez bien :

Spoiler:

Imaginons qu'on à quatre couleurs (1, 2, 3, 4 et 0), 1 est la plus claire et 4 la plus foncée. Quand à 0, c'est la couleur du dessin de départ, en faite, c'est cette couleur laplus foncé mais ça n'a pas d'importance aller vous cassez pas la tête la dessus
Bon, disons qu'il y a 2 zones qui se cotoient, une de couleur 1 et une de couleur 3. La séparation étant marqué actuellement par la couleur 0, la couleur par défaut.
On va remplacer la couleur du contour qui est 0 par la couleur la plus foncé des 2 zones (donc 3) en ajoutant +1 (donc, on arrive à 4).
En procédant ainsi (et en vous référant aux couleurs de votre palette et non aux chiffres si dessus qui ne sont que des exemple^^), on arrive à ça:

Spoiler:

Si la couleur plus foncé que celle la plus foncé des 2 zones est égale à la couleur d'originie du contour, on laisse tellequel.
Aussi, ici, je n'ai pas changer la couleur du contour de l'extrèmité. Libre à vous de le faire ou non, c'est selon vos envies.


5^ème étape : Préparation des textures

Maintenant, on va préparer les textures.
Moi, j'ai décidé de faire une sorte de brui pour les textures. Vous pouvez faire ce que vous voulez.

Avant tout, il faut étoffer un peu nos palettes.
Evolution des palettes :
=>
=>
Vous aurez sans doute remarqué qu'on ajoute une couleur intermédiaire entre chaque couleur de la palette plus une couleur encore plus clair et une couleur encore plus foncé.
On obtient donc 2 fois plus une couleurs (Exemple : de 6 on pas à 13; de 18 on passerais à 37)

Les palettes finies, on passe à sa texture!
Pour faire un brui, j'utilise une couleur de la première palette plus 2 des nouvelles couleurs qu'on vient d'ajouter, celle qui lui sont adjacent.

J'obtient ceci :

( Remarque : lisez ce tutoriel pour savoir comment faire un brui avec Paint )


6^ème étape : Application des textures

Une fois toutes vos textures faite, il ne reste plus qu'à déplacer votre dessin dessus en sélectionnant comme 2^ème couleurs la couleur de la zone que vous allez remplacé.

Il est évident qu'il faut déplacer le dessin sur la texture qui correspond à la couleur de vous allez remplacer.

Voila ce que ça donne quand toutes les couleurs ont été remplacé par la textures :


Et voila quand on fait idem pour le tron :



Voilà, ça peut être long à faire (ça dépend ce que fous faire aussi, si vous faite un rocher, il sera fait en une fois donc, pas d'assemblage, une seul palette et moins de texture à faire ), le tuto ne doit pas être toujours évident à suivre je suppose mais au niveau de la pratique, c'est extrèmement facile.

Si vous avez des questions, nécitez pas

Le rendu est sympa, ça fait "papier" je trouve
bien joué

ça irait bien pour le mario paper de Topaze

c'est pas mal du tout vraiment

Merci

Je posterais un ou 2 autres exemples.
Juste les textures différentes mais la démarche est la même.

C' est original, je n' y aurais pas penser ^^
Le rendu est vriament simpa

impeccable !
tu ne cesse de m'étonner GTK

Super tuto
Ca me donne envie de me remettre au Pixel Art ^^
Mais je préfère presque avant le bruit... question de goût ^^

Merci pour ton tuto gtk, c'est apprécié surtout par un noob du pixel-art comme moi.

Mais de rien ^^
Je me doutais pas que ça serait apprécié à ce point. Tans mieux

Mon prochain tuto sera pour The Gimp. Comment faire des sprite de ce genre => , à partir d'une image.
C'est un peu plus compliqué et je suis pas expert en cette technique mais je ferais de mon mieux pour que le tuto soit le mieux expliquer possible