[Texture] crée sa texture à partir d'une photo!

Tous les tutoriaux unity, de la communauté ou d'ailleurs.
Kibliaks
Messages : 11
Inscription : 24 Juil 2012 11:58

[Texture] crée sa texture à partir d'une photo!

Message par Kibliaks » 31 Août 2012 18:47

Bonsoir tout le monde!
Je n'ai encore pas vue de tuto sur la création de texture sur ce forum.
Donc aujourd'hui, je vais vous apprendre à créer une texture pour unity, de ce type la, à partir d'une photo:

http://image.noelshack.com/fichiers/201 ... itre-3.png

mais si, vous savez! les textures pour dessiner sur les "objet" sur Unity!:

http://image.noelshack.com/fichiers/201 ... itre-4.png

http://image.noelshack.com/fichiers/201 ... itre-5.png

Enfin bref, je ne sais pas si ce tuto va servir (car bien sûr, on peut texturer directement les objets sur un logiciel 3D)

Donc je dirais que ces textures seront plutôt utilisé pour les sols (ou les murs)

Donc, la photo que je vais utiliser sur ce tuto (source, google image):

http://image.noelshack.com/fichiers/201 ... 204-77.jpg (oui c'est un mur^^)

Le résultat:

http://image.noelshack.com/fichiers/201 ... itre-1.png (l'image est de 512*512, la taille de base des textures sur unity (il me semble))

Vous allez me dire, qu'il suffit juste de prendre l'image de base, et de prendre un carré de la taille voulue, mais non! :lol:

•◘•Aller, on commence! =D

(Je tiens à préciser, que cette technique est vraiment pour les débutant (et surtout pour tout ce qui est brique. Je vais essayer de trouver une technique pour ce qui est plus complexe comme le gravier ou autre).

Pour commencer, vous allez ouvrir un logiciel graphique (exemple: the gimp, photophiltre, photoshop etc...)
(dans ce tuto, j'utilise photofiltre et gimp, mais si vous savez bien maîtriser gimp, je vous conseille d'utiliser que celui la)

vous allez prendre votre photo et la sélectionner, puis ensuite la coller dans un autre calque de la taille voulue de la texture (ici 512*512px):

http://image.noelshack.com/fichiers/201 ... itre-6.png

(bien sûr, si vous voulez, ou si c'est nécessaire, vous pouvez redimensionner votre photo)

1er étape, terminer! :D ce n'est pas si compliquer vous allez voir^^

•◘•Bon, ensuite, vous aller enregistre votre image (futur texture^^) puis ensuite l'ouvrir dans gimp, et suivre ce qui est sur l'image:

http://image.noelshack.com/fichiers/201 ... itre-8.png

http://image.noelshack.com/fichiers/201 ... itre-9.png

bah! ça donne un résultat tout dégueulasse (la plupart du temps)!
ne vous inquiétez pas, c'est normal^^Bon, votre image est maintenant raccordable^^, c'est-à-dire que vous pouvez prendre cette image et en aligner plusieurs sans qu'il y ai de "problème":

http://image.noelshack.com/fichiers/201 ... tre-10.png

2eme étape, terminer!^^

•◘•Bon aller, je vous le dit tout de suite, la 3eme c'est la plus longue et compliquer.
elle consistera à enlever tout les petits défaults que nous a fait gimp en rendant l'image r'accordable (ici les petites barres qui n'ont rien à faire ici^^):

http://image.noelshack.com/fichiers/201 ... tre-11.png

bon, si votre image est comme ça, vous avez de la chance!^^ car la dernière fois que j'ai utilisé cette technique, il y en avait partout! xD

Bon, pour enlever ces barres, rien de plus simple! :

copier un bout de brique à coté:

http://image.noelshack.com/fichiers/201 ... tre-12.png

et le coller, sur la barre à effacer!

http://image.noelshack.com/fichiers/201 ... tre-13.png

Puis ensuite gommer un peu les bords, pour enlever toute les imperfections (je vous conseille des gommes à bord flou avec comme intensiter au alentour des 20%)

http://image.noelshack.com/fichiers/201 ... tre-14.png

Et voilà! Le tour est jouer:

http://image.noelshack.com/fichiers/201 ... tre-15.png

Il vous reste plus qu'à faire la même chose partout.^^

Bon aller, petit screen! =D

http://image.noelshack.com/fichiers/201 ... tre-16.png

(PS: J'utilisais cette technique avant, pour créer des textures sur minecraft^^)

Merci d'avoir lu ce tutoriel! Et surtout désoler pour mon orthographe! (et aussi désoler pour la qualiter du tuto, c'est l'un de mes tout premier =s)

Avatar de l’utilisateur
Franck
Bricoleur
Bricoleur
Messages : 2884
Inscription : 08 Jan 2011 18:43
Localisation : Tours

Re: [Texture] crée sa texture à partir d'une photo!

Message par Franck » 01 Sep 2012 07:52

Salut.

Merci pour ce tuto.
Effectivement, l'option raccordable de gimp est parfois infernale.Cela semble correct que pour des images dont le viveau de détail est peu élevé.
Pratique quand même, avec beaucoup de patience.
Dés fois j'bug, dés fois j'bug pas.

Kibliaks
Messages : 11
Inscription : 24 Juil 2012 11:58

Re: [Texture] crée sa texture à partir d'une photo!

Message par Kibliaks » 01 Sep 2012 09:08

oui, comme je l'ai dit, cette technique c'est vraiment pour des pavé/ brique, mais régulier. Hier j'ai essayer avec un pavé irrégulier et:

http://image.noelshack.com/fichiers/201 ... pierre.jpg

sinon sa peut donner de bon résultat à certaine texture non pavé, comme de la rouille ou du métal:

http://image.noelshack.com/fichiers/201 ... e-fond.jpg
http://image.noelshack.com/fichiers/201 ... ouille.png

http://image.noelshack.com/fichiers/201 ... re-002.jpg
http://image.noelshack.com/fichiers/201 ... ancien.png



après, faut faire des tests^^

Répondre

Revenir vers « Tutoriaux »