[Guide] Création de vetement sous Gimp

Répondre
Partager Rechercher
Partie I : Création de vetement sous Gimp

[Pour des raisons de clarté, ce fil est clos. Pour tout commentaire ou question, veuillez utiliser ce fil. Merci. Llew Iredell ]

Je fais ce tutorial, car tout le monde n'a pas forcément la chance d'avoir photoshop, ou de l'avoir sous la main. Gimp est un logiciel libre et donc gratuit de plus extrèmement puissant.
Voici le lien pour le télécharger :
http://www.clubic.com/telecharger-fi...-the-gimp.html

Ce tutorial ce focalisera sur la création d'un teeshirt, mais donnera par voie de conséquence une bonne initiation à la manipulation de l'outil.
Une bonne partie de ce tutorial va servir à la construction de la "pattern" initiale une fois crée, vous n'aurez plus à le refaire. Et la partie création du tee shirt à proprement parlé devient assez triviale

Voici tout d'abord le modèle pour crée des vêtements, essentiel pour pouvoir travailler.
http://nsa01.casimages.com/img/2007/11/09/mini_0711090423191570416.jpg

Maintenant nous allons créer notre image de base faites Fichier/Nouveau
Prennez comme taille 1024*1024 cela permet une meilleur qualité pour le vêtement.
Ouvrez les options avancé en cliquant sur le plus et choisissez remplir avec transparence

http://nsa01.casimages.com/img/2007/11/09/0711090438291570497.gif

A ce stade là, la fenêtre de travail s'est ouverte et vous avez une image vierge(à carreaux gris)
Maintenant on va ajouter le calque du modèle en faisant dans la fenêtre de travail Fichier/ouvrir comme calque pour arriver au résultat ci-dessous

http://nsa01.casimages.com/img/2007/11/09/0711090453201570598.gif
On va maintenant modifier notre modèle en supprimant les parties blanches inutiles. Pour cela on utilise la baguette magique, et on règle son seuil à 45.
Cliquez sur une partie blanche à l'exterieur du teeshirt. La partie blanche est désormais selectionée, nous allons la supprimer en faisant [Ctrl]+K.
On va en profiter pour aussi supprimer le texte au milieu avec un petit coup de lasso et un [Ctrl]+K.

http://nsa01.casimages.com/img/2007/11/09/0711090458071570630.gif

Votre image doit être désormais bien nette et doit ressembler à ca

http://nsa01.casimages.com/img/2007/11/09/0711090506051570684.gif

On va maintenant couper les avants bras pour faire un tee shirt à manche courte. Pour cela on va utiliser soit l'outil de tracer qui fait un travail bien propre, ou au lasso. C'est vous qui voyez.
L'important c'est de bien faire correspondre vos coupes en tombant sur les même segment de couleur, sinon il y aura decalage au niveau de la couture, Donc observez bien les points entourés en rouge

http://nsa01.casimages.com/img/2007/11/09/0711090511191570705.gif
Maintenant on va utiliser l'outil de tracé pour découper le col de facon arrondi pour faire un travail soigné. On va tout d'abord se mettre en mode tracer.

http://nsa01.casimages.com/img/2007/11/09/0711090549181570998.gif

Là on va commencer par faire 5 points grossiers qui commencent par le haut de l'image puis perpendiculairement jusqu'à l'encolure, puis au point de symétrie du col.
Une fois tracé, passez en mode edition de l'outil. cliquez sur le point central et tirer vers l'encolure, la tangente à se point apparait, Elle va vous permettre d'arrondir le segment entre l'encolure et le milieu du cou. Faites de même de l'autre coté. Appuyez sur [entrer] pour valider votre selection, vous pouvez maitenant la supprimer en faisant [Ctrl]+K

http://nsa01.casimages.com/img/2007/11/09/0711090551311571023.gif

Faites de même pour la partie arrière du cou en respectant bien les ligne de couleur pour eviter des décalages, et vous devriez obtenir ce résultat

http://nsa01.casimages.com/img/2007/11/09/0711090601021571101.gif
Ajouter un nouveau calque dans la fenêtre de calque en appuyant sur l'icone page blanche en bas à gauche. Si celle-ci n'est pas affiché, dans la fenêtre de travail Dialogue/calque. Faites bouton droit sur le calque de la pattern et cliquez sur Alpha vers selection sur.

http://nsa01.casimages.com/img/2007/11/09/0711090604011571128.gif

Maintenant on va crée le masque de notre teeshirt. Vous avez maintenant une selection qui correspond à la forme de votre tee shirt. Selectionnez le nouveau calque faites bouton droit, ajouter masque, et choisissez l'option selection


http://nsa01.casimages.com/img/2007/11/09/0711090607511571166.gif

Vous pouvez maintenant supprimer le calque d'arrière-plan et celui de la pattern.
Il ne vous reste plus que un calque nommée le pattern. C'est desormais votre référence qui vous servira pour tout vos tee shirt. Protèger votre masque en retirant l'option "editer" masque en faisant bouton droit sur celui-ci

http://nsa01.casimages.com/img/2007/11/09/0711090615301571243.gif

Cliquez sur l'incone du calque, prennez maintenant une couleur, n'importe quoi, ici du noir(couleur selectionner pas défaut). Ensuite avec l'outil de remplissage (pot de peinture) remplissez votre calque en cliquant sur la zone de travail.
Et hop magie un beau teeshirt, enfin presque...
Donc vous devriez arriver à celà

http://nsa01.casimages.com/img/2007/11/09/0711090625411571334.gif

Vous remarquerez que le calque lui est pourtant entièrement noir... c'est grace au masque.

Enregistrez precieusement l'image via enregistrer sous au format xcf (gimp)
et faites en une copie de sauvegarde

Car En fait, c'est la que commence le tutoriel
Faisons un nouveau calque que nous appellerons '1'
Selectionnez un gris en double cliquant sur la case de couleur, une fenêtre s'ouvre et dans la zone "notation html", mettez d5d5d5 c'est un gris assez clair.
Utilisez l'outil de remplissage et appliquez le au calque 1.
Maintenant, dans le menu, faites Filtres/Bruit/dispertion RVB

http://nsa01.casimages.com/img/2007/11/09/0711090638211571427.gif


Décochez d'abord la case indépendant RVB et mettez la valeur 0.40 couleur.
Puis appliquez le filtre en appuyant sur valider

http://nsa01.casimages.com/img/2007/11/09/0711090640081571434.gif

Dès lors, dupliquer le calque 1 et nommez le 2(original non?)
Décochez l'oeil du calque 2 pour le faire disparaitre.

http://nsa01.casimages.com/img/2007/11/09/0711090644541571470.gif
Sur le calque 1 on va appliquer un flou cinétique

http://nsa01.casimages.com/img/2007/11/09/0711091134181573604.gif


Choisissez dans la fenêtre de paramétrage un flou de type linéaire,
avec une longueur de 20 et un angle de 0

http://nsa01.casimages.com/img/2007/11/09/0711091155511573697.gif

Maintenant sélectionnez le calque 2 refaites le apparaitre en cliquant sur l'œil appliquez lui aussi un flou cinétique mais avec comme paramètre un angle de 90

Ça fait le même effet que le premier calque mais de manière péremptoire (pardon perpendiculaire )
Et maintenant sur le calque 2 nous allons passer son opacité à 40% et là on voit enfin le resultat, nous avons crée un texture de tissus, type coton.
Fusionnons les deux calques, pour cela bouton droit sur le calque 2 fusionner vers le bas

http://nsa01.casimages.com/img/2007/11/10/0711101201361573720.gif

Vous devriez arriver à ce resultat, mais en plus joli à cause la perte qualité due au screenshot en gif

http://nsa01.casimages.com/img/2007/11/10/0711101211151573757.gif
Maintenant revenons sur notre pattern qui nous a donner tant de mal.
Pour cela décocher l'œil de notre calque et ainsi laisser apparaître notre pattern.
Avec un coup de baguette magique, cliquer sur une zone à l'extérieur du tee shirt pour obtenir la sélection inverse du teeshirt.

http://nsa01.casimages.com/img/2007/11/10/0711101215491573786.gif

repassons sur notre calque et affichons le. Ajoutons un masque par le bouton droit en prenant soin de sélectionner les options "Sélection" et "inverser le masque" car nous avions pris que la partie inversée du tee shirt

http://nsa01.casimages.com/img/2007/11/10/0711101219041573799.gif

Et là apparaît le fruit de notre labeur(bien sure ça sera de meilleur qualité chez vous)

http://nsa01.casimages.com/img/2007/11/10/0711101221571573807.gif
Votre tee shirt à ce niveau est relativement beau, mais il manque de réalisme. Pour cela nous allons lui rajouter des plis, car ne serait-ce que par les mouvements un tissus a des plis.

Alors créons nouveau calque que nous appellerons plis. pour faire nos plis nous allons utiliser le pinceau. Nous prendrons comme pinceau un taille 19.


http://nsa01.casimages.com/img/2007/11/10/0711101245471573854.gif

Maintenant prenons du noir, plus précisément une couleur foncé dans les même tons que notre tissus, pour du gris il faut du noir.
Tracez des gros traits un peu partout sur le teeshirt comme sur l'image
Faisons la même chose avec des traits blancs(ou très clair dans le même ton) en parallèle des traits noir.

http://nsa01.casimages.com/img/2007/11/10/0711101248311573862.gif

Oui, ca ressemble à du massacre mais ce n'est que temporaire. Car nous allons appliquer un flou gaussien de 15

http://nsa01.casimages.com/img/2007/11/10/0711101256391573878.gif
http://nsa01.casimages.com/img/2007/11/10/0711101257271573880.gif

Et maintenant la touche finale, passez le calque "plis" à une opacité entre 10% et 15% (c'est à votre convenance) et pour ceux qui veulent peuvent aller dans
Calque/couleur/luminosité et contraste
Et ainsi faire des ajustements pour avoir le rendu espéré

Voilà donc ce que l'on peut obtenir au final sans trop se fatiguer, au vu de ce résultat, mettez les plis où vous le souhaitez de façon à rendre ça le plus beau possible(là c'est pas optimal ^^). Ce tutoriel a été fait surtout pour vous donner les techniques de réalisation. Maintenant, lancez vous !!

http://nsa01.casimages.com/img/2007/11/10/0711100103501573888.gif
Tutorial creation de Kilt sous Gimp
Partie II : Création d'un kilt sous Gimp

Créer un kilt, c'est surtout la texture qui présente un intérêt et une difficulté, c'est ce que nous allons voir dans ce tutorial.

Créons une image de 1000x1000 pixel avec un fond transparent.

Nous allons faire un tissus rouge couleur: a30000
Pour le détail de la création de tissus, regarder le tutorial précedent, je vais juste rappeller les opération à effectuer.
- un filtre de bruit à 0.20
- duplication du claque
- On applique un flou cinétique de 0° et 20 de longueur sur le premier
- même chose sur le deuxième avec un angle de 90° et on passe l'oppacité à 40%
- au final on fusionne les deux calque et on le nomme rouge

Maintenant on cree un second calque avec du vert: 016900
On lui donne aussi un effet tissus

Maintenant on lui applique un masque avec un fond noir donnant un transparence totale.
En effet, un masque ne contient que des couleurs du noir au blanc, et donne ainsi son degré de transparence.

http://nsa01.casimages.com/img/2007/11/12/0711120247241591458.gif

Maintenant on va se servir de l'outil de selection rectangulaire
on prend bien soin de se mettre en mode ajout de selection, avec une taille fixe.
(le screenshot a de coché adoucir les bords c'est une erreur)

http://nsa01.casimages.com/img/2007/11/12/0711120249241591471.gif

Comme vous avez pu le remarquer, on peut prédeterminer la taille de la selection
on va donc créer une selection de 10*1100 que l'on va placer à 20 pix
on en fait une seconde à 40 pix.
maintenant on en crée une dernière de 150*1100 placé à 200 pix
vous devriez obtenir ca

http://nsa01.casimages.com/img/2007/11/12/0711120254021591514.gif
Maintenant nous allons travailler sur le masque de notre calque pour cela, aller dans la fenêtre des calque et selectioner le masque.
On va remplir notre selection avec du gris : aeaeae
Cela donnera ainsi un effet de transparence.
Appliquons maintenant une horizontale symétrie à notre à notre selection et remplissons là aussi de gris


http://nsa01.casimages.com/img/2007/11/12/0711120315111591651.gif


Vous devriez obtenir un ensemble de bande verte.
Dupliquons ce calque, et plaçons nous sur le nouveau calque crée.
Il faut maintenant faire une rotation du calque avec un centre à 500 et 500 et un angle de 90°


http://nsa01.casimages.com/img/2007/11/12/0711120319091591669.gif
http://nsa01.casimages.com/img/2007/11/12/0711120320001591677.gif

Il ne reste que à fusionner les deux calques et nous obtenons notre premier damier de couleurs.

Passons à un nouveau calque en tissus bleu : 0012a6
Comme précédement, nous lui ajoutons un masque et nous allons taillé les selections suivante :
5*1100 à 80 pix
30*1100 à 100 pix
5*1100 à 150 pix
5*1100 à 380 pix
30*1100 à 400 pix
5*1100 à 450 pix
Et vous obtiendrez cette selection


http://nsa01.casimages.com/img/2007/11/12/0711120327241591711.gif
Comme précédement, remplissez la selection en gris du masque.
Ensuite, faite une symétrie que vous remplissez.
Dupliquez le calque et appliquez lui une rotation de 90°
et finalement fusionnez les masques.
Vous devriez obtenir ca.
http://nsa01.casimages.com/img/2007/11/12/0711120332011591731.gif

Il reste un dernier calque à faire avec de la couleur or:daa300
Filet d'or, sont aussi de largeur 5pix et encadre les filets bleu de 5 pix
Courage, vous y etes presque t vous obtiendrez ce résultat
http://nsa01.casimages.com/img/2007/11/12/0711120334351591745.gif
Maintenant allez dans le menu image et via le menu echelle, réduisez votre image à 100*100 (je sais ca fait mal au coeur)
Vous pouvez l'enregisterer avec l'extension ".pat" dans le repertoire
C:\Program Files\GIMP-2.0\share\gimp\2.0\patterns\
appellez le tartan.pat par exemple (nom donné à ce type de motif).
En suite fermer gimp et réouvrez le (c'est plus rapide que de rafraichir les textures)
Faites une omage de 1024*1024 et remplissez la avec notre belle texture et sauvegarder le tout au format tga.
Vous pouvez dès maintenant importer votre kilt sur Second life
C'est l'avantage des juppes on peux bien les paramètrer directement dans le jeu.
Pour les filles, ca sera un peu plus compliquer, il faudra ajouter des plis droits
Voilà, je me suis aperçu que j'avais focalisé tout sur la création de la texture et que pour certain tout n'est pas forcément évident.
Donc, je vais un peu détailé ce que j'ai décris seulement en quelques phrases dans le tuto précédent.
Tout d'abord, créons une image 1024*1024 sur fond transparent, et importons comme un calque la pattern d'une jupe


http://nsa01.casimages.com/img/2007/11/13/mini_0711130231281598084.jpg


Nous allons comme la dernière fois élaguer les parties qui ne nous intéresse pas. out d'abord avec l'outils de selection rectangulaire, on selectionne la partie du bas en dessus du vert.
Et supprimer la en faisant [Ctrl]+K cela dit vous pouvez couper plus court pour les filles.


http://nsa01.casimages.com/img/2007/11/13/0711130234421598104.gif


Maintenant à l'aide de la baguette magique retirons la partie blanche exterieur à la jupe et supprimons le texte avec le lasso.


http://nsa01.casimages.com/img/2007/11/13/0711130235001598108.gif


Dans la fenêtre des calques, récuperons la selection alpha de notre calque. Rendons invisible notre calque modèle qui ne noyus est plus utile desormais.
Nous allons maintenant en crée un nouveau, en conservant la selection que nous allons remplir de notre texture que nous avons crée.


http://nsa01.casimages.com/img/2007/11/13/0711130236511598115.gif


Le résultat commence à ressembler à quelque chose, mais comme nous avons le gout des choses bien faites on va donner un peu de mouvement à notre kilt avec des plis.
Donc, creons encore un nouveau calque, mais avec la propriété "superposé"


http://nsa01.casimages.com/img/2007/11/13/0711130240381598143.gif


Mainenant on prend l'outil de dégradé en selectionnant le motif comme indiqué sur le screenshot ci-dessous.
Attention, il faut choisir le mode répétition en dent de scie.


http://nsa01.casimages.com/img/2007/11/13/0711130243061598159.gif


Faites un drag'n drop de la longueur du kilt pour un homme et de la longueur de la photo pour une femme.
Plus le trait est court, plus le motif sera répété.


http://nsa01.casimages.com/img/2007/11/13/0711130245391598167.gif


Pour donner la touche finale, aller dans le menu calque/couleur/luminosité-contraste
et mettez la luminosité à -60
Et voilà le résultat


http://nsa01.casimages.com/img/2007/11/13/0711130247511598174.gif
Partie III : Création d'un Débardeur sous Gimp



Aujourd'hui la création de ce débardeur, enfin je sais pas trop comment ca s'appelle mais les filles corrigeront d'elles même
On va voir l'utilisation de nouveaux outils et revoir le concept de transparence de manière plus simple.

Nous allons tout d'abord redessiner notre patron pour lui retirer tout d'abord entièrement les manches

http://nsa01.casimages.com/img/2007/12/04/0712040137091747643.gif


Maintenant il s'agit de la partie la plus délicate du tutorial. On va échancrer au niveau du torse avec l'outil d'edition des chemins accessible avec la touche [b].
Pour cela placez les points comme indiqué sur le screenshot. En cliquant sur le point vous ferrez apparaître les tangentes qui créeront des courbes, adaptez les au mieux. Puis supprimer cette partie de votre calque par un [Ctl]+K

http://nsa01.casimages.com/img/2007/12/04/0712040137461747645.gif

Selectionnez l'outil de retournement horizontale [Shift]+F, et choisissez le mode selection (le carré rose). Cliquez sur votre selection et faite un petit glisser déposé vers la droite. Votre selection a pris un effet mirroir et c'est retournée. Utilisez l'outil de déplacement [M] et placez votre selection de manière symétrique à la première. Maintenant supprimez cette partie aussi.


http://nsa01.casimages.com/img/2007/12/04/0712040147131747679.gif


Pour finir, utilisez l'outil de selection rectangle, et supprimer le dos à part le col et vous devrez obtenir le résultat ci-dessous

http://nsa01.casimages.com/img/2007/12/04/0712040153421747730.gif
Créons maintenant un nouveau calque et utilisons l'outil de texte. sélectionnez comme police "Webdings" en taille 200. Cliquez sur votre calque et tapez un Y majuscule, ce qui vous fera apparaître un coeur. En effet la police Webding contient un ensemble de symboles qui peuvent être pratique à utiliser sous GIMP.

http://nsa01.casimages.com/img/2007/12/04/0712040211491747835.gif

Laissez visible que la selection flottante(texte) et votre nouveau calque et fusionnez les. La forme n'est pas forcément idéal, vous pouvez la redécouper un peu pour faire un coeur classique.


http://nsa01.casimages.com/img/2007/12/04/0712040212261747840.gif


Maintenant avec l'outil de déplacement de calque, arranger vous pour que le coeur tombe au milieu de la poitrine.
Ensuite, utilisez l'outil de selection de couleur et sélectionnez l'ensemble de notre débardeur. Puis ajouter un masque en vous servant de la selection. Vous devriez arriver à ce résultat.

http://nsa01.casimages.com/img/2007/12/04/0712040217141747863.gif


Maintenant, passez sur le calque du coeur et en utilisant l'outil de selection de couleur [shift]+O sélectionner le coeur. Repassez maintenant sur le débardeur et vérifiez que vous êtes bien en mode edition de masque.
Mettez en couleur principale 5F5F5F (prise pour le tuto, mais 7F7F7F serait peut etre mieux) et remplissez votre selection avec cette couleur.
Ne laissez que le débardeur et vous obtiendrez ce résultat.
En editant le masque avec du gris on a créer une transparence, plus on mets de noir, plus ca sera transparent et inversement avec le clair.

http://nsa01.casimages.com/img/2007/12/04/0712040222351747892.gif


Et voici porté ce que ca donne


http://nsa01.casimages.com/img/2007/12/04/0712040713051750085.gif
Bonjour.
J'ai une petite remarque sur tout ça.
En effet les tamplettes que l 'on télécharge ne sont plus les même que le tutorial (même du tutorial de photoshop). Sur quelle calque peut-on travailler ?
Car il est impossible de supprimer quoi que ce sois au lasso sur les calque tout reste ainsi.

Merci pour vos future réponses .
1) a mort photoshop
2) avec la derniere version de Gimp les raccourcis sont différents et ton tuto devient difficile, dommage je voulais m'y mettre, mais il me faudra un peu de temps pour maitriser Gimp.
Merci quand meme.
Je bloque , quand je supprime le calque arriere plan et le calque pattern , il me reste le nouveau calque mais ca se met pas en couleur , ya juste le contour en pointillés et pas la couleur noir comme tu dis !!
Ca m'énerve j'ai refait le truc 10 fois et a chaque fois c'est en pointillés ...

Va voir ici si tu veux voir comment ça fait :

http://imageshack-france.com/show.ph...me....jpg.html

http://imageshack-france.com/show.php/65636_probleme....jpg.html
bon pas d'inquiètude ce calque ne sert que de moule, de cache plutot
tu rajoutes un calque(derrière, enfin en bas) avec la couleur ou le motif de ton choix
Et hop, magie !!
quand j'ai mon calque , je peu pa mettre de la couleur dessus ! je double clique sur le carré blanc qui est a coté du calque dans la fenetre des calques et ca ne mouvre qu'une petite fenetre avec possibilité de changer le nom du calque mais ya rien sur la couleur ... !

je crois aussi que je me melange avec le pattern , le calque du pattern etc... as tu renommé pattern ou est-ce le meme pattern jpg du debut ou c'est le nouvo calque que ta renommé comme ca ...
Merci pour le tuto Lancelot...
Mais quand on upload la texture sur SL ça va placer les textures ou ca doit allé automatiquement ?
J'ai pas encore essayer je vais essayer
dsl pour mon post j'avais pas vu ça...
Question
Ca marche pas!
Bonjour,j'ai suivi à la lettre le tutoriel: créer un tee-shirt et que dalle!
Tout d'abord,je ne possède que la version Gimp 2.6.5!donc pas les mêmes options
(Ctrl+k) et l'option pour faire des cotés n'existe pas dans cette version,en l'occurrence;impossible de découper l'extérieur du tee-shirt!La seule chose qui apparait sur le calque sont les contours et rien de plus!Si j'ajoute un nouveau calque en fond blanc,ça ne change strictement rien!il apparait une image blanche avec les contours en pointillés,mais rien de plus!Si je procède par la baguette magique avec un seuil de 45,il selectionne quelques parties...si j'ajoute à cela ctrl+, je peux ajouter d'autres points,mais lorsqu'il fait le collage,j'ai des trous dans la texture!

je voudrais qu'on m'indique une méthode pour réussir à fabriquer un vêtement pour S.L quelconque avec la version de Gimp que je possède...


En vous remerciant d'avance.
Répondre

Connectés sur ce fil

 
1 connecté (0 membre et 1 invité) Afficher la liste détaillée des connectés