32
Créer un bloc de contenus grunges & vieillots pour son site internet
Un prémisse à l’utilisation des pinceaux pour créer une atmosphère grunge et vieillot à un site internet. Cet aspect est repris largement sur la toile et est défini par : l’utilisation de brushs, l’utilisation de supplément graphique : tampon, déchirement, superposition de contenus, effet papier etc…, l’utilisation d’un code couleur précis ou encore de forme.
Voici donc une explication pour créer un bloc de contenus avec une photo accolée.
Remarque au lien de la punaise, j’aurais pu utiliser un bout de scotch mais ceci sera l’affaire d’un prochain tutorial 
- Fichier source photoshop .psd
- clic pour télécharger le fichier source photoshop utilisé dans ce tutorial
ETAPE 1
Je crée un nouveau document et sur celui-ci je trace un rectangle arrondi (radius : 40pixels) avec la couleur : #debd63.
ETAPE 2
J’ajoute un masque de fusion, et avec un dégradé noir blanc je cache légèrement le bas droit de mon rectangle. Sur les contours, j’utilise une forme de pinceau un peu grunge pour créer un effet de dégradation (j’utilise la couleur noire pour utiliser le pinceau et sur le masque de fusion).
Je peux télécharger ce fichier qui contient les brushs utilisés dans ce tutorial.
ETAPE 3
Avec la même technique je crée un header qui me permettra de placer mon titre.
ETAPE 4
J’ajoute mon titre et mon texte : dans mon exemple j’ai utilisé la police de caractère : Lauren Script téléchargeable à cette url : http://www.dafont.com/lauren-script.font
ETAPE 5
J’importe ma photo sur mon document, je vais créer un calque par-dessous. Je récupère la sélection de ma photo et je la déplace de 10 pixels à droite et je la remplis de blanc. 10 pixels en haut et je remplis de blanc, ainsi de suite pour créer une bordure blanche de 10 pixels autour de ma photo. Enfin je fais pivoter légèrement ma photo et mon cadre sur la gauche (ctrl + t pour la transformation libre, je n’oublie pas de sélectionner les deux calques avant d’effectuer la transformation : calque photo + contour).
ETAPE 6
Sur un nouveau calque, je récupère la sélection de ma photo et avec un très large pinceau diffus, je crée une lueur blanche sur le bord haut droit de ma photo.
ETAPE 7
Je crée un petit rond noir et j’ajoute la punaise, ceci est une icône png que j’ai trouvée sur le site : http://www.customxp.net/PngFactory/icone-png-9976-punaise-lemathurin.html vous pourrez également la retrouver dans le fichier psd disponible au téléchargement en haut de cette page !
ETAPE 8
Je vais maintenant créer un nouveau calque sous la punaise, je récupère la sélection de celle-ci et je la remplis de noir. Je vais faire édition > transformation > horizontale et je la déplace en dessous. Avec un masque de fusion je cache discrètement cette ombre.
ETAPE 9
Et pour finir je vais créer une ombre à ma photo, je crée donc un calque sous le contour blanc, je récupère la sélection de celui-ci et je remplis de noir (avec le pot de peinture). Avec l’outil édition > transformation > perspective je descends légèrement ma forme noire en bas. J’ajoute un filtre > atténuation > flou gaussien (2 ou 3 pixels) et je diminue l’opacité du calque à 70%.
Et le tour est joué, pas mal non ? Bloc de contenus pour un carnet de voyage ou un blog de vacances ou de tourisme.
Bonne chance à tous pour la réalisation de ce tutorial.
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 13 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.
-
14 mars 2008 18:12, par Mr. Molle
Salut et merci beaucoup pour le tuto, c’est vraiment sympa et original je trouve ^^
aller a ploush !
Répondre -
16 mars 2008 12:16, par johann
depuis que je lis les tutos de wonka, il est à chaque fois question de « Masques de fusion »
Comment les utiliser ?
Répondre-
17 mars 2008 22:54, par Graf’iT Im.
Tu clic sur « ajouter un masque de fusion » (3e icone en bas des calques) puis tu fais un dégradé dans la direction dans laquel tu veux ... en quelque sorte supprimer en dégradé l’image ^^
» Ou sinon moi j’utilise une autre méthode :
tu prends l’outil de séléction rond/carré, tu met le « contour progressif » entre 25, 30... Et pour finir tu fais une selection vers le bord de ce que tu veux supprimé, et tu fais suppr (ca va supprimé en dégradé)... apres tu fais annulé si ta convient pas, tu refais, ainsi desuite... ^^
Perso moi je préfere la deuxieme méthode mais bon ^^
Répondre
-
-
19 mars 2008 16:36, par Tany
Très sympa ce tuto mais...il est où le PSD à télécharger avec les brush ?
Répondre
-
-
13 juin 2009 19:48, par FanTomE
Elles sont super tes tutos wonka
Répondre je suis un fidèle lecteur depuis plus qu’un an -
2 octobre 2009 15:06, par Pierre
Super tuto. Milles mercis. Il me manquait juste un pinceau similaire a celui qui est utilisé.
Répondre -
27 août 2010 19:41, par yassine
svp c’est trop compliqué pour moi je suis encore un débutant...qui peut me le simplifier svp j’ai besoin de ce tuto merci d’avance
Répondre -
8 octobre 2011 00:56, par nay
Bonjour wonka, joli tuto mais ma question n’a rien à voir avec celui-ci : comment faire une bannière avec photoshop ?
Répondre
