32
Technique Grunge du papier froissé avec Photoshop
Nous allons voir dans ce tutorial comment créer une composition complète avec un style un peu grunge en utilisant : une photo, des textures, des brushs et quelques effets originaux 
Nous détaillerons notamment des étapes compliquées comme :
- Détourage d’un personnage sur une photographie ;
- Incrustation d’un personnage sur une texture papier froissé ;
- Mise en avant d’un élèment par l’utilisation de la couleur sur le noir et blanc.
ETAPE 1
J’essaye de trouver ma texture de papier froissé, pour cela j’ecume le net à la recherche de la perle rare ! Si vous n’arrivez pas à trouver, je vous propose ceci :
Utilisé notamment dans notre tutorial
Et ensuite je trouve mon personnage : Personnellement j’ai totalement craqué pour cette photo, trouvée sur les 3 Suisses si mes souvenirs sont bons.
ETAPE 2
La première étape sera d’isoler le personnage, ainsi si des objets se trouvent par-dessus il va falloir les supprimer. Ici un slogan vient gâcher ma photo et cache une partie des cheveux du garçon, je crée donc un calque sous Photoshop et avec mon pinceau je lui redonne des cheveux et je supprime cet horrible slogan.
ETAPE 3
Avec le pinceau, je peints tout autour de mon personnage pour l’isoler de son arrière plan.
ETAPE 4
Je fais deux copies de ma photo ce qui me fait trois calques contenant ma photo. J’en cache deux et travaille sur le troisième. Je vais maintenant passer au détourage du garçon, je procéde en deux étapes :
- Détourage du corps
- Détourage plus complexe de la tête et des cheveux.
Pour le corps j’utilise la plume pour créer les contours.
ETAPE 5
Je récupére la sélection de l’outil plume puis je supprime cette forme qui est inutile, ensuite je fais sélection > intervertir puis j’appuie sur Suppr pour supprimer l’arrière plan (et la tête normalement) mais ce n’est pas grave.
ETAPE 6
Nous voyons bien la différence entre le corps détouré et la tête qui reste à faire. Je vais donc m’appliquer à détourer la tête de ce garçon.
ETAPE 7
J’utilise la technique décrite dans cette page pour détourer les cheveux qui est une étape, je l’avoue, très délicate.
http://www.wks.fr/Detourer-une-photo-complexe.html
Je peux ensuite apprécier la qualité de mon détourage.
ETAPE 8
J’ajoute la texture de papier froissé derrière mon personnage et avec l’outil sélection polygonale, je trace le contour de mon personnage de façon grossière, j’intervertis la sélection et « Suppr » le papier.
ETAPE 9
J’utilise la même technique pour créer un titre et un slogan, que je place comme je le souhaite sur ma composition.
ETAPE 10
Derrière, j’ajoute une nouvelle texture un peu bétonnée stylée « Industriel » :
ETAPE 11
Et j’ajoute un brush splash par derrière en blanc pour redonner un peu de dynamisme à ma composition.
ETAPE 12
Je crée une archive de tous mes calques que je place dans un sous dossier comme archive, je cache ce dossier qui ne me sert que de roue de secour dans le cas où j’abîmerais mes calques, car je dois les fusionner, puis je duplique mon unique calque.
Je passe le calque du dessous en noir et blanc (image > mode > gris). Sur le calque du dessus (celui en couleur) j’ajoute un masque de fusion, et avec le pinceau je couvre de noir toutes les parties que je veux en noir et blanc. Je peux ainsi faire ressortir le pullover du garçon.
Parfait pour créer une pub et ainsi faire promotion d’un élèment !
ETAPE 13
Petite retouche : je fais passer le dragon par-dessus mon titre !
Et voila, c’est terminé ! je peux m’amuser à utiliser ces techniques sur n’importe quelle composition. Je me lâche, je me fais plaisir et je n’oublie pas de poster mon image dans la galerie de l’article
Pour toute question n’hésitez pas à utiliser le forum se trouvant ci-dessous.
Merci à tous d’avoir suivi ce tutorial Photoshop, bonne chance pour vos réalisations.
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 33 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
19 juin 2008 20:15, par Sylvain
Je conseille ce tuto à tout ceux qui veulent un super rendu ^^ C’est simple est orignal à la fois ! Je l’avais fais sur une création il y a un peu longtemps maintenant et le rendu a plu a tout le monde, c’est pour ça que je vous encourage à tous essayer un peu ^^
Merci pour ce beau tuto Wonka =)
Répondre-
19 juin 2008 21:21, par IT1
Un petit côté urbain que j’aime beaucoup ! C’est super ! Mais si on m’avais dis qu’un jours les 3 Suisses serviraient pour un tutoriel Photoshop ...
Répondre
-
20 juin 2008 09:23, par Wonka
Bah si on regarde leur catalogue papier il y a plein de pages qui contiennent des effets plutôt pas mal ! En plus de cela pratiquement toutes les photos (si ce n’est 100% des photos) sont retouchés avec minutie pour s’adapter à la mise en page ! Bref pour faire un truc pareil il y a de très bon graphistes par derrière
Répondre-
20 juin 2008 17:34, par IT1
Cela est vrai ! Les articles sont d’ailleurs joliment mis en valeur grâce à ces effets.
Répondre
-
-
-
-
-
22 juin 2008 13:45, par wonka
je pense que tu trouveras cela assez facilement sur deviantart en tapant brush splash photoshop dans leur moteur de recherche
Répondre
-
-
-
26 juin 2008 00:41, par Nvid
Merci bien j’ai trouver, mais j’arrive pas à upload le résultat, j’ai un message d’erreur. Sinon voilà ce que jai fais :
http://img112.imageshack.us/img112/3443/femebitumeea4.jpg
Répondre-
26 juin 2008 09:49, par Wonka
Voici ton image :
Et je sais pas pourquoi mais j’adore ta composition
Répondre
MIAM ^^ bravo à toi.
-
-
-
26 juin 2008 11:51, par SplinterVal
Super tuto j’adore ! Par contre je bloque sur le slogan, quel est le font utilisé svp ? =D
Répondre -
-
27 juin 2008 14:53, par claude42
Super tutoriaux, ca fait un super effet, mais es-ce que je pourrais avoir la tipo du texte :« Justin apprenti surfeur... » Je vous donne mon adresse msn où vous pourrez me l’envoier : lachtitegirldu42@hotmail.fr Merci d’avance !!!
Répondre-
27 juin 2008 15:08, par Wonka
claude regarde le commentaire juste au dessus du tiens, et tu vas voir un lien pour télécharger la police de caractère
Répondre Et j’espère voir ta composition !
-
-
1er juillet 2008 22:14, par GDS
vraiment superb tuto, tres urbanique et modern sa touche baucoup le coté enfantine, c’est remarquable, merci de baucoup de vous éfforts.
Répondre -
2 juillet 2008 14:03, par Jimeex
Euh je n’arrive pas à reconstruire les cheveux avec la plume, ca fait tout moche...
Répondre-
-
5 juillet 2008 18:51, par Panpan
Bah après test, sa donne ça :
http://img393.imageshack.us/img393/9624/nicole02bygamillahsol2cap5.jpg
Je suis mitiger
Répondre
-
6 juillet 2008 11:38, par Wonka
Tu es mitigé sur quoi ? le seul probleme sur ton image c’est les contours flou du personnage ...
Répondre-
6 juillet 2008 21:41, par Panpan
Sur un peu tout, je suis pas content de moi xD Manque quelque chose, ce quelque chose qui fait que l’image est réussite (déjà j’ai pas assez travailler l’image, certaine choses sont trop « grossières ». Enfin bref =)
Répondre-
22 juillet 2008 20:50
super tuto, par contre est-ce que quelqu’un pourrait me donner le lien vers le brush splash, et la texture « industrie »
merci d’avance
Répondre-
24 juillet 2008 17:03, par wonka
Je te conseil de visiter cette page : http://www.wks.fr/Telecharger-75-packs-de-brushs.html
Normalement c’est par la bas que tu trouveras la vérité
Répondre
-
-
-
-
-
-
-
7 mars 2009 08:25
Slu, g un photoshop et je sais pas trop cmt faire pour installer les brushes. pouvez vous m’aider SVP ?
Répondre-
7 mars 2009 08:28
enfait il s’agit de photoshop 7.0 dc g pa de dossier « brosses » dans le repertoire « predefini » qui n’existe même pas lui même
Répondre
-
-
24 septembre 2009 13:46, par marielug
Ecrivez votre message ici...c’est quoi la méthode des couches pour détourer svp
Répondre -
23 décembre 2009 14:12, par Snare
Salut moi j’ai un probleme des la 2eme étape quand il faut retier le slogan et rajouter les cheveux j’arrive a retirer le slogan mais je bloque quand il faut rajouter les cheveux quelqu’un pourrait m’expliquer comment faire ? (en détaillant si possible)
Répondre-
24 décembre 2009 17:03, par wonka
Malheureusement il n’y a aucune explication à donner en effet, les cheveux n’existe pas et il faut bel et bien les déssiner en utilisant l’outil pinceau. Faire varier les tailles, les couleurs pour créer les mèches manquantes.
Répondre
-
-
19 janvier 2010 13:28, par Rominou
Merci pour ce tuto ! mais j’ai un petit problème, à la fin lorsque je dois passer le calque du dessous en mode niveau de gris, et bien photoshop me demande de fusionner les calques, je choisis non mais ca applique le noir et blanc aux 2 calques, ce qui fait que je perds la couleur sur les 2 calques, que dois je faire ?
De plus si j’essaye de continuer et que je crée un masque de fusion sur le calque du dessus et que j’essaye de noircir des zones, ben je vois les zones noires sur le masque de fusion mais elles ne s’appliquent pas au calque ! une solution ? Merci d’avance
Répondre -
19 janvier 2010 19:10, par Wonka
Oui j’ai une solution, exporte une copie de ton image sur un autre document (ctrl+a => ctrl+c => ctrl+shift+N => ctrl+v => Niveaux de gris => ctrl+a => ctrl+c => retour sur votre image => ctrl +v) pour le masque de fusion, il faut l’ajouter sur le premier calque (celui du dessus). Bon courage.
Répondre -
28 janvier 2010 15:11, par Pseudonyme
Sympa le tuto, mais finalement le papier froissé est moins visible en noir et blanc c’est dommage car c’était le sujet du tuto. Sinon, en jouant sur le type de désaturation, on doit pouvoir garder plus de contraste sur le papier.
PS : hey ! le papier froissé derrière le bras droit du garçon a été oublié lors du passage en noir et blanc, il est toujours en couleur.
Répondre
