GIMPons - Look patron de couture

Vous êtes ici : Accueil

Tutoriels GIMPons

Effets sur corps

Look patron de couture

Objet du tutoriel

Nous allons donné un look patron de couture à un personnage issu d'une photo. J'ai choisi de le faire sur un manequin mais tout personnage photograhié conviendra encore mieux.

Voici notre manequin de départ.

Voici ce que nous allons obtenir après traitements de l'image.

Etape 1

Ouvrir le fichier contenant l'image et renommer le calque ainsi créé avec le nom « depart »

Etape 2

On crée un nouveau calque de couleur blanche. Ce calque nous servira pour dessiner les contours de notre modèle.

On peut également le nommer. Nous l'appelerons ici « dessin ».

On passe ensuite l'opacité de ce calque « dessin » à 50% soit en faisant coulisser le curseur jusque 50,0 soit on saisit directement la valeur dans le champ avec le nombre.

Etape 3

Nous allons maintenant dessiner, à l'aide des « chemins », les contours de notre personnage.

remarque : il est inutile d'avoir qu'un unique chemin. Nous allons dessiner des chemins multiples qui ne sont pas jointifs.

On commence par séléctionner l'outil « plume » dans la boite à outils.

On positionne d'abord (par un clic), notre plume à l'endroit où l'on veut commencer. On procède ensuite à une série de cliqué-glissés.

Chaque cliqué-glissé doit correspondre à un changement d'orientation de la courbe (un virage à droite ou à gauche si on se réfère à notre automobile).

On voit sur l'image qui suit que j'ai dessiné 3 chemins. On commence un nouveau chemin en cliquant d'abord sur la touche « shift » puis en cliquant à l'endroit du nouveau chemin, on peut alors lâcher la touche « shift » et continuer avec les cliqué-glissés.

On continue ainsi sur toute notre image. On obtient cela au final.

On peut remettre l'opacité du calque à 100%. On obtient cela pour notre image (le calque « dessin » est lui toujours vide) :

Etape 4

Nous allons préparer le tracé de notre chemin.

On clique sur l'icone « chemin ».

Si votre chemin n'est plus visible, vous pouvez cliquer sur l'oeil (voir image ci-dessous).

On peut alors voir le résultat de notre futur tracé :

Etape 5

Nous allons définir l'outil du tracé. Pour cela, cliquer sur l'outil « pinceau » de la boîte à outils

On choisit le pinceau « Circle Fuzzy (03) » et le champ « Etirer ou rétrécir » est rempli avec la valeur 1,30 (dans mon cas). Vous pouvez bien sûr modifier le pinceau ou les différents paramètres selon vos désirs.

Etape 6

Nous allons maintenant tracer notre chemin.

On commence par cliquer avec le bouton droit sur le nom de notre chemin dans la fenêtre « calques, canaux,chemins » : nous ne l'avons pas nommé pour l'instant. Dans notre cas, il se nomme : « Sans nom#1 »

On clique ensuite sur « Tracer le chemin »

Une fenêtre apparaît. On coche « Tracer en utilisant un outil de peinture ». Le pinceau est normalement déjà sélectionné et comme on vient justement de régler le pinceau, il n'y a plus qu'à cliquer sur le bouton «Tracer».

Voilà ce que l'on obtient.

remarque : si vous n'obtenez pas l'image ci-dessus, il peut y avoir plusieurs raisons.

Soit l'oeil est visible : cliquez sur l'oeil; soit vous avez tracé en blanc sur du blanc : faites Edition -> Annuler, changer la couleur par le noir et refaites le tracé du chemin ; soit le calque « départ » était actif alors que c'était le calque « dessin » qui devait l'être : faites Edition -> Annuler, cliquer sur le calque « dessin » pour le rendre actif et reprenez.

Etape 7

On clique sur l'onglet des calques :

On voit ansi réapparraitre nos 2 calques : si tout s'est bien passé notre calque « dessin » s'est rempli avec le tracé du chemin.

on ajoute maintenant un calque transparent en cliquant sur l'icone « nouveau calque »

Ce calque, on le nommera « peinture » et il est transparent. On ne modifie pas les autres paramètres.

Le calque « peinture » est normalement au sommet de la pile des calques. si ce n'est pas le cas, déplacer le en utilisant les flèches vertes situées en bas de la fenêtre des calques

Etape 8

Nous allons faire une copie de notre calque « depart » et le mettre au sommet de la pile des calques.

On commence par rendre actif le calque « depart » en cliquant sur son nom (attention : sur la photo ci-dessous, le calque n'est pas actif).

On clique maintenant sur l'icône de copie des calques :

Et on place notre calque en haut de la pile des calques avec les flèches vertes situées à côté de l'icône de copie des calques.

Etape 9

On va passer la copie de « depart » en mode « couleur ».

On rend actif notre calque « copie de depart » en cliquant sur son nom. Cliquer alors sur la petite flèche pour changer le mode de calque.

On sélectionne « Couleur »

On obtient alors ceci :

Etape 10

On rend actif notre calque « peinture » en cliquant sur son nom.

On clique sur l'outil pinceau de la boite à outils

On modifie la brosse, son opacité est mise à 10%, on ajuste la taille du pinceau :

On peint alors sur toute la surface du modèle

Si on met l'opacité à 50% sur le calque peinture, on obtient :

Opacité à 30%, on obtient :

Etape 11

Si vous voulez changer la couleur du maillot par exemple.

Copier la « copie de depart » et mettez le en haut de la pile. Le mode reste en mode « couleur ».

Changer la couleur du calque (Couleur -> balance des couleurs) de façon à obtenir la couleur du maillot que vous souhaitez. Toutes les couleurs sont modifiées mais vous ne vous occupez que de celle du maillot, nous allons corriger les autres couleurs après.

On rajoute maintenant un masque de calque à ce calque (clic droit sur le nom puis « ajouter un masque de calque »)

Vous cliquez sur l'outil gomme dans la barre d'outils.

Vous cliquez sur l'icône du masque de calque de façon à rendre actif le masque de calque.

Vous choisissez la couleur blanche.

Vous gommez maintenant toutes les surfaces sauf le maillot.

Et voici le résultat final :

Ce tutoriel est une adaptation personnelle du tutoriel présenté par le site psdtuts+ avec le logiciel Photoshop. Voici pour ceux que cela intéressent l'adresse originale : http://psd.tutsplus.com/photo-effects-tutorials/create-an-illustrated-look-from-a-photograph/