Créer une affiche rétro vintage avec Photoshop

Dans ce tutoriel nous allons jouer avec des formes et des couleurs pour donner un effet de rétro à notre conception en utilisant une approche moderne.

Voilà un aperçu du résultat final

Créer une affiche retro vintage avec Photoshop

Avant de commencer téléchargez le pack suivant puis ouvrez un nouveau document de 1400×1200 pixels résolution 72Dpi couleurs RVB8bits et remplissez le fond avec la couleur suivante #d5c393 en utilisant l’outil pot de peinture (G)

Laissez le document que vous avez créé et allez dans un autre document de 800×600 pixels ensuite

Assurez-vous que la couleur de premier plan est noire et la couleur du fond est blanche . Vous pouvez simplement appuyer sur la touche «  D  » de votre clavier pour le faire.

Créer une affiche retro vintage avec Photoshop

Ajoutez un filtre Nuage en allant dans Menu > Filtre > Rendu > Nuages

Créer une affiche retro vintage avec Photoshop

Allez dans Menu > Filtre > Bruit > Ajout de bruit

Créer une affiche retro vintage avec Photoshop

Ensuite allez dans Menu > Filtre > Artistique > Pinceau à sec.

Créer une affiche retro vintage avec Photoshop

Allez dans Menu > Filtre > Bruit > Ajout de bruit

Créer une affiche retro vintage avec Photoshop

Puis allez Menu > Filtre > Artistique > Barbouillage

Créer une affiche retro vintage avec Photoshop

Pour finir allez dans Menu > Filtre > Contours > Aérographe

Créer une affiche retro vintage avec Photoshop

Nous allons supprimer toute la zone blanche, pour le faire allez dans Menu > Sélection > Plage de couleur puis mettez Sélection Tons Clairs puis appuyez sur ok et enfin appuyez sur le bouton supprimer de votre clavier pour effacer la zone sélectionnée.

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

Revenez à votre document de principal et importez la texture que vous avez créée

Créer une affiche retro vintage avec Photoshop

Changez son mode de fusion en produit et réduisez son opacité à 8%

Créer une affiche retro vintage avec Photoshop

Importez la texture grunge suivante dans votre document

Créer une affiche retro vintage avec Photoshop

Changez son mode de fusion en lumière tamisée

Créer une affiche retro vintage avec Photoshop

Créez un nouveau calque ( Ctrl+Shift+N ) et changez son mode de fusion en Lumière tamisée puis prenez l’outil pinceau (B) , la couleur #100e09 et dessinez quelques éclaboussures comme ceci

Créer une affiche retro vintage avec Photoshop

Créez un autre calque, prenez l’outil pinceau (B) , des bushes éclats, une opacité de 39% et dessinez d’autres éclaboussures comme ceci

Créer une affiche retro vintage avec Photoshop

Importez la texture suivante dans votre document

Créer une affiche retro vintage avec Photoshop

Changez son mode de fusion en Densité linéaire +

Créer une affiche retro vintage avec Photoshop

Dupliquez votre image, déplacez la vers le haut puis allez dans Menu > Edition > Transformation > Symétrie axe horizontal

Créer une affiche retro vintage avec Photoshop

Réduisez son opacité à 29% et désaturez-la en allant dans Menu > Image > Réglages > Désaturation (Ctrl+Shift+U).

Créer une affiche retro vintage avec Photoshop

En suivant le tutoriel suivant j’ai pu extraire l’image suivante et l’importer directement dans notre document elle est disponible avec le pack en haut, importez-al directement dans votre document de travail et dupliquez-la ( Ctrl+j )

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

Réduisez son opacité à 54%

Créer une affiche retro vintage avec Photoshop

Nous allons maintenant produire l’effet Halftone dans ce mini tutoriel

Créez un nouveau calque, prenez l’outil pinceau (B), la couleur rouge foncée #810000 et dessinez des formes aléatoires comme ceci

Créer une affiche retro vintage avec Photoshop

Ensuite allez dans Menu > Filtre > Atténuation > Flou gaussien

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

Récupérez la sélection de votre calque en allant dans Menu > Sélection > Récupérer la sélection ou simplement en maintenant la touche Ctrl enfoncé et cliquez votre le calque

Créer une affiche retro vintage avec Photoshop

Maintenant basculez votre document vers le mode calque (Q) ou en cliquant sur le bouton au-dessous de la palette des couleurs.

Créer une affiche retro vintage avec Photoshop

Ensuite allez dans Menu > Filtre > Pixellisation > Demi-teinte de couleur

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

Basculez vers le mode standard (Q) et inversez la sélection en allant dans Menu > Sélection > Intervertir (Ctrl+Shift+I)

Créer une affiche retro vintage avec Photoshop

Appuyez sur le bouton supprimer de votre clavier

Créer une affiche retro vintage avec Photoshop

Et voilà l’effet Halftone utile pour des textures, des montages par exemple.

Créer une affiche retro vintage avec Photoshop

Créez un nouveau calque, prenez l’outil pinceau (B) , la couleur #cb3e6c , des formes floral et dessinez les formes suivante

Créer une affiche retro vintage avec Photoshop

Rendez-vous dans les options de fusion

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

Ouvrez l’image suivante et détourez-la

Créer une affiche retro vintage avec Photoshop

Importez l’image sélectionnée dans votre document et ajustez la comme ceci

Créer une affiche retro vintage avec Photoshop

Désaturez votre image en allant dans Menu > Image > Réglages > Désaturation (Ctrl+Shift+U).

Créer une affiche retro vintage avec Photoshop

Ensuite allez dans Menu > Image > Réglages > Niveaux (Ctrl+L)

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

 

Dupliquez votre image ( Ctrl+J) et allez dans Menu > Image > Réglages > Courbe et réglez la courbe comme ceci

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

Changez son mode de fusion en produit

Créer une affiche retro vintage avec Photoshop

Ouvrez les images des haut-parleurs et désaturez-les ( Ctrl+Shift+U ), et réglez les niveaux (Ctrl+L)comme ceci

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

 

Détourez-les, importez la sélection dans votre document et dupliquez-les plusieurs fois pour obtenir ceci

Créer une affiche retro vintage avec Photoshop

Importez la texture du papier froissé dans votre document

Créer une affiche retro vintage avec Photoshop

Prenez l’outil gomme (E) et effacez la texture et laissez juste les contours comme ceci

Créer une affiche retro vintage avec Photoshop

Dans les options de fusion ajoutez un ombre portée

Créer une affiche retro vintage avec Photoshop

Créer une affiche retro vintage avec Photoshop

De la même façon ajoutez d’autres détailles

Créer une affiche retro vintage avec Photoshop

Créez un nouveau calque, prenez l’outil pinceau (B) , la couleur noir et dessinez un contour comme ceci

Créer une affiche retro vintage avec Photoshop

Changez son mode de fusion en Incrustation

Créer une affiche retro vintage avec Photoshop

Pour finir ajoutez un calque de réglage courbe de transfert de dégradé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé et changez son mode de fusion en éclaircir

Créer une affiche retro vintage avec Photoshop

Et voilà le résultat final

Créer une affiche retro vintage avec Photoshop

50 COMMENTAIRES

  1. C’est dommage ! Les haut parleurs font un peu contraste avec le reste de l’image car même désaturés on voit qu’il y a un anachronisme ! Mais chouette tuto quand même, l’effet Halftone me servira très prochainement pour une commande d’un client, et ta méthode est beaucoup plus rapide et simple que la mienne ! C’est vraiment chouette merci ! =)

  2. Merci pour ce tutoriel ! ça a été ma première réalisation sur photoshop et j’y suis arrivée (en quelque heures quand même !!!) ça me donne envie de continuer d’apprendre à utiliser ce super logiciel !
    Merci encore

  3. 😎 Salut Grafolog, mw c omcube from sénégal avant tout merci pour tout ce que tu fais sur ton site qui est vraiment le meilleur que j’ai trouvé sur PS,je souhaiterai étre com tw.. encore merci bcp!!!

  4. il y a une petite faute, après avoir appliquer la dé-saturation, “En suivant le tutoriel suivant j’ai pu extraire l’image suivante et l’importer directement dans notre document elle est disponible avec le pack en haut, importez-al directement dans votre document de travail et dupliquez-la ( Ctrl+j )”

    la faute se trouve à “Importez-la”

    sinon, trés bon tuto 😀

  5. Bonjour,
    Je débute et je galère sur la suppression des tons clairs… en fait, lorsque je supprime mon fond est noir et pas vide comme sur le screen que tu présentes. Peux tu aider un jeune padawan ?
    1000 mercis

  6. Re,
    Pour être plus précis après la sélection des tons clairs, j’appuie sur “suppression” et s’affiche un écran “remplir”… c’est à cette étape que je suis perdu.
    Merci

  7. @ Etienne:avant de faire la selection tons clairs/tons foncés il faut que tu déverouille l’arriere plan pour le transformer en calque.
    Double clic sur le cadenas a droite de ton arriere plan dans la fenetre des calques 😎

  8. HELP !
    Je suis à la dernière étape soit :
    ajoutez un calque de réglage courbe de transfert de dégradé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé et changez son mode de fusion en éclaircir
    Je vois bien où cela se trouve mais le tuto prévoit des couleurs bien précises pour le dégradé et je n’arrive pas à personnaliser le mien…
    Merci d’avance à celui qui répondra 😉

  9. @delphine : Merci pour cette première réponse.
    Ça serait parfait mais ça ne se passe pas comme ça…
    En fait lorsque je clique sur le dégradé accessible depuis le calque, j’ai effectivement une nouvelle fenetre qui apparait.
    Sur cette fenetre sont affichés : les parametres prédéfinis, un champ pour le nom, une dropdown avec le type de dégradé (uniforme ou brut) et une dropdown pour le lissage.
    Les boutons présents sur cette écran sont : OK, Annuler, Charger, Enregistrer et Nouveau. J’ai testé plein de trucs, essayé de trouver d’autres tutos pour comprendre…en vain !
    C’est vraiment rageant de bloquer à la dernière étape.
    Merci à celui qui permettra un finish it !

  10. Pour ceux qui cherchent :
    Avant de faire ce fameux calque de réglage, vous pouvez ajuster les couleurs dans le menu latéral droit et suivre la procédure donnée sur ce tuto.
    Je ne sais pas si cela est correct mais cela fonctionne 😉

  11. je n’arrive pas a faire l’une des étapes principale je n’arrive même pas a mettre les filtre artistique sur le nuage car le logiciel refuse que je sélectionne cette option que faire ?

  12. Merci pour le tuto, cependant j’arrive à un problème… en effet étant étudiante, je ne possède que elements. D’ordinaire je joue la débrouille et j’obtiens les mêmes rendus, par exemple pour les options de fusion. Mais pour les demi-teintes de couleur, je n’ai pas le “mode calque”, mes cercles sont en noir sur rouge, ne se fondent pas et sont tous de la même taille … y a-t-il un moyen de contourner le problème ? merci

  13. dites, je suis le seul a avoir des problèmes avec les éclaboussures ?? :siffle: :siffle:
    Je sais pas, mais je trouve pas la bonne brush, ou alors j’arrive à un résultat minable … ;-( ;-(

    Aidez moi ! :-O :-O
    enfin gentiment quand même hein =)

  14. Salut!
    Super tuto!
    La description des étapes à suivre avec image à l’appui c’est :siffle: géniale. J’ai longtemps voulu faire ce genre de poster vintage mais je suis jamais arrivé. Et là, c’est apporté de main.
    Je ne dirais que trois mots.
    Merci, merci et merci

Répondre à Mel Annuler la réponse