Patch - comment "coudre" une image ?

Encore un petit tutoriel pour nos amoureux de photoshop. Celui-ci est signé Robert Kudera et vous permettra de relooker vos vêtements en quelques clics. Ahh ! Si l'ère grunge avait eu connaissance de cette possibilité...

L'objectif du tutoriel ci-dessous est de présenter l'une des applications pratiques du filtre Dispersion (Displace) peu connu et rarement utilisé par la plupart des infographistes – il nous servira à créer un patch réaliste sur le jean. En outre, vous connaîtrez les options intéressantes des styles de calque et vous apprendrez à créer de nouvelles formes.

nouvelle forme

Créez un nouveau document de 100 x 100 pixels (avec un arrière-plan blanc). En utilisant l'outil Pinceau (Brush Tool) à pointe noire et dure, dessinez sur un nouveau calque une couture – comme indiqué sur la Figure. Enregistrez la forme ainsi préparée. Pour cela, choisissez Edition>Définir une forme prédéfinie... (Edit>Define Brush...).

forme – définir les paramètres

Ouvrez la palette de formes et trouvez une forme nouvellement créée (stitch). Allez dans l'onglet Forme de la pointe (Brush Tip Shape), trouvez l'option Pas (Spacing) et définissez une telle valeur que les extrémités des bras de la couture, créée à l'étape précédente, soient en contact (dans notre cas, c'est 78%). Dans l'onglet Dynamique de forme (Shape Dynamics), trouvez le sous-groupe Variation de l'angle (Angle Jitter) et l'option Contrôle (Control) – sélectionnez Direction (Direction). Enregistrez la forme ainsi modifiée.

image de référence

Préparez maintenant une image de référence. Pour cela, ouvrez le fichier jeans.tif, choisissez Image>Mode>Niveaux de gris... (Image>Mode>Grayscale) et en appliquant le Flou gaussien... (Gaussian Blur...) avec la valeur du paramètre Rayon (Radius) définie à 9,5 pixels, atténuez l'image. En choisissant Image>Réglages>Luminosité/Contraste... (Image>Adjustments>Brightness/Contrast...), augmentez son contraste (les valeurs des paramètres sont montrées sur la Figure). Enregistrez l'image sur le disque avec une extension *.psd.

motif du patch

Ouvrez à nouveau le fichier jeans.tif, créez un nouveau calque nommé stripe et dessinez un motif de patch (remplissez-le de blanc). Dans notre exemple, nous avons utilisé une forme automatique Photoshop standard : une fleur. Pourtant, rien ne vous empêche de choisir une inscription ou un logo. En adaptant le patch à la poche du pantalon, il peut s'avérer utile d'utiliser la touche [Maj] – en la maintenant enfoncée lors de la mise à l'échelle, vous pouvez être sûr que les proportions originales d'une forme automatique seront conservées.

déformation du patch

En utilisant l'image de référence (créée à l'étape n° 3), personnalisez le motif de patch en fonction de la forme et des irrégularités du tissu du pantalon. Pour cela, choisissez Filtre>Déformation>Dispersion... (Filter>Distort>Displace...) avec les valeurs suivantes : Echelle horizontale (Horizontal Scale) : 6%, Echelle verticale (Vertical Scale) : 6%, Image de référence (Displacement Map) : Juxtaposer (Tile), Zones non définies (Undefined Areas) : Pixels du contour (Repeat Edge Pixels). Comme image de référence, choisissez le fichier *.psd créé à l'étape n° 3.

couture – créer un tracé

Cliquez sur le calque stripe avec le bouton gauche de la souris tout en maintenant la touche [Ctrl] enfoncée – ainsi, vous obtenez la sélection du patch qui s'y trouve. Créez un nouveau calque stitch, allez dans la palette Tracés (Paths) et en cliquant sur le bouton Convertir une sélection en tracé (Make work path from selection), créez un tracé permettant de générer une couture pour « coudre le patch sur le pantalon ».

couture – ajouter le contour au tracé

Dans la palette d'outil, choisissez l'outil Plume (Pen Tool), cliquez avec le bouton droit de la souris sur le tracé situé sur le calque stitch et dans le menu déroulant, choisissez l'option Contour du tracé... (Stroke Path...). Dessinez le contour en utilisant la forme prédéfinie en imitant la couture (définissez la taille de la pointe à 9 pixels et choisissez la couleur noire).

texture – personnaliser le tissu en fonction des poches

Remplacez la facture blanche uniforme de la pièce par la texture du tissu. Pour cela, ouvrez le fichier suiting.tif et déplacez son contenu vers le document de travail. Nommez le calque nouvellement créé suiting et mettez-le au-dessous du calque stitch. À l'aide du raccourci clavier [Ctrl]+[T], personnalisez le tissu en fonction des poches.

texture – déformation

Déformez le calque du tissu en choisissant Filtre>Déformation>Dispersion... (Filter>Distort>
Displace...). Les valeurs des paramètres sont identiques que celles définies à l'étape n°5 (déformation de la pièce). Comme image de référence, choisissez le fichier *.psd créé à la troisième étape. Grâce à cela, l'image deviendra plus réaliste et convaincante.

tissu – donner de la profondeur et du réalisme

En associant les calques suiting et stripe et en les fusionnant, personnalisez le tissu en fonction de la forme du patch. Pour cela, appuyez sur [Ctrl]+[G] et [Ctrl]+[E]. Cliquez deux fois avec le bouton gauche de la souris sur le calque suiting et dans la fenêtre de dialogue Style de calque (Layer Style), choisissez l'option Ombre interne (Inner Shadow) avec les valeurs suivantes : Angle (Angle) : 103, Distance (Distance) : 0, Maigri (Choke) : 9, Taille (Size) : 21, Utiliser l'éclairage global (Use Global Light) – option décochée.

tissu – dernières modifications

Dans la fenêtre de dialogue Style de calque (Layer Style), cochez l'option Biseautage et estampage (Bevel and Emboss) avec les valeurs suivantes : Style (Style) : Biseau interne (Inner Bevel), Profondeur (Depth) : 1000%, Taille (Size) : 0, Flou (Soften) : 16, Angle (Angle) : 30°, Elévation (Altitude) : 30°. Pour les autres options, laissez les paramètres par défaut.

couture – retouche de l'apparence

Pour donner aux coutures une apparence plus réaliste, choisissez les styles de calque. Cliquez alors deux fois avec le bouton gauche de la souris sur le calque stitch et dès que la fenêtre de dialogue Style de calque (Layer Style) apparaîtra, sélectionnez les options suivantes : Ombre portée (Drop Shadow), Lueur interne (Inner Glow) et Biseautage et estampage (Bevel and Emboss). Les valeurs des paramètres définis pour les options sont présentées sur les Figures.

accentuation – dernières modifications

Pour accentuer la texture du tissu (celle-ci a été légèrement atténuée suite aux procédés précédents), choisissez Filtre>Renforcement>Accentuation... (Filter>Sharpen>Unsharp Mask...) avec les valeurs suivantes : Gain (Amount) : 100%, Rayon (Radius) : 1 pixel, Seuil (Threshold) : 0.

Comme vous avez pu le voir, les options Photoshop, peu populaires comme le filtre Dispersion... (Displace...), peuvent s'avérer incontournables, lors de la création de certains projets. Nous vous invitons donc à découvrir les possibilités de Photoshop peu connues et à prendre connaissance des commandes rarement utilisées, dans le travail quotidien de l'infographiste. Il existe toujours plusieurs applications inconnues – elles n'attendent qu'à être mises au jour :).


Technorati Tags : |

Posté par guillaume à 13:35, octobre 24 2005

Technique Envoyez à un ami Version Imprimable

Commentaires

Ce tuto est pas mal, explicite et réaliste
bonne continuation dans vos recherches.
Inspirez moi

Posté par Sylvain à 10:38, mars 11 2006

bonjour,
je suis professeur des arts plastiques.
j'enseigne cette année l'infographie.
je ne suis pas très expérimenté sur photoshop.
actuellement votre site m'apporte satisfaction.
j'aurai besoin de cours que je pourai télécharger.
merci pour vos efforts.

Posté par AMNAINE MUSYAPHA à 00:06, octobre 23 2006

Poster un commentaire

Si c'est la première fois que vous commentez un article de ce blog, votre commentaire devra être validé par les responsables de Fotolia avant d'être affiché.

Se souvenir de moi la prochaine fois ?


Stock images - Stock photos - Royalty free images - Royalty free photos Fotolia US Imágenes de archivo - Imágenes libres de derechos - Fotos de archivo - Fotos libres de derechos Fotolia España Photos libres de droits - Images libres de droits - Ilustrations libres de droits Fotolia France Stock images - Stock photos - Royalty free images - Royalty free photos Fotolia UK Bildarchiv - Fotoagentur - royalty-freie Fotos - Stock Images Fotolia Deutchland
 Fotolia Italia  Fotolia Portugal  Fotolia Brasil  Fotolia 日本