French (Français) translation by Jean-Christophe Garbez (you can also view the original English article)

Dans ce tutoriel,
vous apprendrez à utiliser des techniques de conception clés pour créer un
superbe modèle d’affiche avec Adobe Photoshop.
Ce dont vous aurez besoin
Vous aurez besoin d’utiliser Adobe Photoshop. Si vous ne possédez pas le logiciel, vous pouvez télécharger une version d'évaluation à partir du site web d'Adobe. Vous aurez également besoin des ressources suivantes:
Téléchargez les images et installez la police de caractères, et vous êtes prêt à commencer!
1. Configurer un nouveau fichier dans Photoshop
1ère étape
Dans Photoshop , allez dans Fichier> Nouveau . Nommez le document Affiche Surréelle. Définissez la largeur à 1270 px et la hauteur à 1600 px. Définissez la résolution à 72 pixels / pouce . Cliquez sur OK

2ème étape
Appuyez sur Commande-R pour faire apparaître les règles sur le pourtour du document. Allez dans Affichage> Nouveau repère. Dans la fenêtre d'option Nouveau repère , sélectionnez Horizontal et définissez la position du repère à 70 px. Cliquez sur OK
Faites la même chose pour les autres côtés du document en soustrayant 70 px de la taille finale. Pour afficher ou masquer les repères, appuyez sur Commande-;.

3ème étape
Pour cette affiche, nous allons créer un quadrillage 2:4 (largeur par hauteur). Cela signifie que nous allons diviser l'affiche horizontalement en deux sections et verticalement en quatre sections. Cette grille nous aidera à aligner les éléments et à créer une mise en page propre.
Allez dans Affichage > Nouveau repère. Dans la fenêtre d'option de Nouveau repère , sélectionnez Vertical et définissez la position du repère à 635 px. Cliquez sur OK
Définissons les repères horizontaux à 400 px, 800 px et 1200 px. Cliquez sur OK

2. Comment créer l'effet Rayons de lumière
1ère étape
Dans le panneau Calques , cliquez sur Créer un nouveau calque de remplissage ou de réglage> Dégradé.

2ème étape
Dans la
fenêtre d'option du Fond en dégradé , cliquez sur Dégradé .
Dans la fenêtre de l' éditeur de dégradé , assurez-vous que les curseurs
d’étape d'opacité sont situés aux extrémités de la barre de couleur. Définissez
le sélecteur de couleur de gauche sur #070629
. Dans l'option Arrêts ,
définissez la Position à 20%. Réglez le sélecteur de couleur de droite
sur #008470
. Cliquez
sur OK.

3ème étape
De retour dans la fenêtre d’option du Fond en dégradé , définissez le Style sur Linéaire et l’ Angle sur -50. Cliquez sur OK

4ème étape
Créez un Nouveau Calque en appuyant sur Maj-Commande-N. Nommez le calque Rayon 1. Cliquez sur OK.

5ème étape
Dans la barre d’outils, sélectionnez l’ outil Pinceau (B). Cliquez avec le bouton droit sur le tableau pour définir la Dureté à 100%.
Cliquez sur
la couleur de premier plan et définissez la couleur à #cf21db
. Créez des tampons de différentes
tailles en cliquant sur le document. Pour changer rapidement la taille du
pinceau, appuyez sur [ pour l’augmenter ou ] pour la diminuer.

6ème étape
Allez dans Filtre > Flou > Flou directionnel. Dans la fenêtre d'option Flou directionnel, cochez la case Aperçu. Définissez l’Angle à 45 et la Distance à 2000 pixels. Cliquez sur OK.

7ème étape
Nous allons répéter cette technique et ajouter une deuxième bande de couleur claire.
Créez un Nouveau Calque en appuyant sur Maj-Commande-N. Nommez le calque Rayon 2. Cliquez sur OK.
Cliquez sur
la couleur de premier plan et définissez la couleur à #ffa2a2
. Créez des tampons de différentes
tailles en cliquant sur le document. Appuyez sur [ pour augmenter ou ]
pour diminuer la taille du pinceau.
Appuyez sur Commande-F. Ce raccourci répète le dernier filtre et les derniers paramètres utilisés.

8ème étape
Dans le panneau Calques , sélectionnez les deux calques Rayon en maintenant la touche Maj enfoncée et en cliquant. Réduisez l' Opacité à 45%.

9ème étape
Appuyez sur Maj-Commande-N pour créer un nouveau calque et nommez-le en Rayon contenu 1. Cliquez sur OK.
Sélectionnez
l' outil Pot de peinture (G) , et définissez la couleur de
premier plan à#33ffff
. Cliquez sur le document pour utiliser la couleur
Dans la
barre d’outils, sélectionnez l’ outil Pinceau (B). Cliquez sur la
couleur de premier plan et choisissez la couleur correspondante à #f9365c
. Créez des tampons de différentes
tailles en cliquant sur le document. Essayez de vous concentrer sur le centre
du document. Appuyez sur [ pour augmenter ou ] pour diminuer la
taille du pinceau. Essayez
de vous concentrer sur le centre du document. Appuyez sur [ pour
augmenter ou ] pour diminuer la taille du pinceau.
Allez dans Filtre > Flou > Flou directionnel. Dans la fenêtre d'option Flou directionnel, cochez la case Aperçu. Définissez l’Angle à 45 et la Distance à 1000 pixels. Cliquez sur OK.

10ème étape
Activez les repères en appuyant sur Commande- ;. Dans la barre d’outils, sélectionnez le Rectangle (U). Cliquez sur le document pour ouvrir la fenêtre d’option Créer un rectangle . Définissez la largeur sur 400 px et la hauteur sur 800 px. Cliquez sur OK

11ème étape
Dans le panneau Calques , sélectionnez le calque du rectangle et le calque rayon contenue 1. Appuyez sur V pour sélectionner l' outil Déplacement. Allez sur la barre de contrôle et sélectionnez le bouton Aligner les centres horizontalement . Si vous ne disposez pas de ces options, allez dans Calques> Alignement> Centré dans le sens horizontal.
Bien que cette étape ne semble pas avoir un résultat évident, elle alignera la forme sur le calque.

12ème étape
Maintenez la touche Commande enfoncée et cliquez sur la vignette du rectangle dans le panneau Calques . Cela va créer un pointillé autour de la forme.
Sélectionnez
le calque Rayon contenu 1 et cliquez sur le bouton Créer un masque de
calque . Supprimez le calque rectangle en le faisant glisser sur l’icone Supprimer

13ème étape
Si les couleurs sur le masque de calque semblent trop délavées, nous pouvons augmenter le contraste. Cliquer sur Créer un nouveau calque de remplissage ou de réglage > Luminosité / Contraste.
Cliquez avec le bouton droit sur le nouveau calque et sélectionnez Masque d'écrêtage. Ainsi les retouches seront appliquées uniquement sur le calque du dessous.
Ajustez les paramètres à votre guise dans le panneau Propriétés.

14ème étape
Créons un Rayon contenu de plus pour créer du mouvement.
Créez un Nouveau Calque en appuyant sur Maj-Commande-N. Nommez le calque Rayon contenu 2. Cliquez sur OK.
A l'aide de
l' outil Pinceau (B), passez un coup de pinceau sur le document.
Utilisez les codes de couleur suivants: #b1422d
, #cac631
, #41bc22
. Essayez de vous concentrer sur le
côté droit du document.
Appuyez sur Commande-F pour répéter la dernière action de flou directionnel.
Dans la barre d’outils, sélectionnez le Rectangle (U). Cliquez sur le document pour ouvrir la fenêtre d’option Créer un rectangle . Définissez la largeur et la hauteur à 430 px. Cliquez sur OK
Dans le panneau Calques , maintenez la touche Commande enfoncée et cliquez sur la vignette de la forme carrée. Cela va créer un pointillé autour de la forme.
Cliquez sur le calque Rayon contenu 1 et cliquez sur le bouton Créer un masque de calque . Supprimer la forme.

15ème étape
Pour que la forme carrée s’estompe, sélectionnez le masque de calque Rayon contenu 2 . Sélectionnez l' outil Pinceau (B) et choisissez le noir comme couleur de premier plan.
Faites un clic droit sur le document, définissez la taille du pinceau à 180 px et la dureté à 0%. Appliquez la peinture sur le coin supérieur gauche du carré.
Déplacez les deux calques Rayon contenu pour les amener à la position indiquée ci-dessous.

3. Comment retoucher des images
1ère étape
Faites glisser l'image de la montagne sur le document Affiche surréelle.
Appuyez sur Commande-T pour Transformer. Allez dans la barre de contrôle et cliquer sur le bouton Conserver les proportions. Définissez la hauteur et la largeur à 120%. Appuyez sur Entrée pour continuer.
Alignez le sommet de la première montagne sur l'avant-dernier repère. Alignez le point le plus bas de la montagne sur le guide du centre. J'ai entouré les deux points en rouge dans l'image ci-dessous.

2ème étape
Sélectionnez le calque de montagnes, et cliquez sur le bouton Ajouter un masque de calque . Sélectionnez l' outil Pinceau (B) et choisissez le noir comme couleur de premier plan. Vous pouvez utiliser la taille que vous préférez, mais assurez-vous que la dureté est réglée sur 100. Commencez à gommer le ciel du calque.
Assurez-vous que vous travaillez sur le masque de calque et non sur le calque lui même.

3ème étape
Lorsqu’on utilise plusieurs images, il est très probable que les couleurs et les tons sur les photos ne correspondent pas. La conversion des images en noir et blanc est un excellent moyen d'atténuer les images.
Dans le panneau Calques , cliquez sur Créer un nouveau calque de remplissage ou de réglage > Noir et blanc. Ajoutez un autre calque de réglage , mais cette fois-ci, ajoutez un calque Luminosité / Contraste.
Sélectionnez ces deux calques, puis cliquez avec le bouton droit de la souris sur Créer un masque de d’écrêtage. Faites les réglages sur ces deux calques dans le panneau Propriétés à votre guise. J'ai choisi d'augmenter le contraste pour créer une scène percutante.

4ème étape
Faites glisser l'image de l'oiseau sur le document Affiche surréelle.
Appuyez sur Commande-T pour Transformer. Allez dans la barre de contrôle et cliquer sur le bouton Conserver les proportions. Définissez la hauteur et la largeur à 375%.
Essayez de placer l'oiseau au centre de l'affiche et sur les calques de Rayons contenus.

5ème étape
Sélectionnez le calque de l’oiseau, et cliquez sur le bouton Ajouter un masque de calque . Sélectionnez l' outil Pinceau (B) et choisissez le noir comme couleur de premier plan. Vous pouvez utiliser la taille que vous préférez, mais assurez-vous que la Dureté est réglée sur 100. Commencez à gommer le ciel derrière l’oiseau.

6ème étape
Changeons la couleur de l'oiseau pour mieux l’adapter aux couleurs que nous avons sur notre affiche. Dans le panneau Calques , cliquez sur Créer un nouveau calque de remplissage ou de réglage > Teinte / Saturation.
Modifiez les paramètres dans le panneau Propriété : Teinte à -25 et Saturation à +45.

4. Comment ajouter du texte
Dans le
panneau des Outils , sélectionnez l’ outil Texte (T). J'ai
utilisé du texte blanc pour contraster avec l'arrière-plan coloré.
La police que j'ai utilisée est Catesque, de Envato Elements . Affichez le panneau Outils en sélectionnant Texte > Panneaux > Panneau Caractère. Vous trouverez ci-dessous les détails que j'ai ajoutés J'ai également énuméré la taille et le style des polices de caractères.
Utilisez les repères que nous avons créés au début du tutoriel pour aligner le texte. C'est pour attirer l’attention sur l’élément central, dans notre cas les formes au centre de l'affiche, que j'ai aligné les deux textes différemment.
N'hésitez pas à utiliser votre propre texte!
LE
SPECTACLE
DES
OISEAUX
MUSEUM-NATIONAL.COM
(Catesque Italique Noire, Taille: 65 pt et 25 pt, Interligne: 70 pt, Approche: 100 pt, aligné à gauche)
LYON
1 AU 25 MARS
2018
BORDEAUX
5 AU 28 AVRIL
2018
(Catesque Italique Noire et Italique, taille: 30 pt, interligne: 35 pt, approche: 100 pt, aligné à droite)

5. Comment améliorer visuellement les éléments
Souvent, nous finissons de concevoir une affiche et nous sentons qu'il manque quelque chose. Les petites modifications peuvent vraiment faire une grosse différence. Dans notre cas, nous pouvons ajouter de la profondeur aux éléments en leur ajoutant une ombre. Ceci peut être réalisé en créant de nouvelles calques entre les calques.
Sélectionnez l' outil Pinceau (B) et réglez-le à une taille avec laquelle vous êtes à l'aise pour travailler. Cela dépendra également de ce à quoi vous allez ajouter une ombre. Je vais ajouter des ombres aux trois éléments centraux. Je vais régler la Taille à 500 px et la Dureté à 0%. Choisissez le noir comme couleur de premier plan. Sur la barre de contrôle, définissez l’opacité à 20%.
Créez un nouveau calque sous chacun des éléments mentionnés ci-dessus. Commencez par peindre légèrement le calque pour ajouter de la profondeur. Vous pouvez ajouter autant de peinture ou aussi peu que vous le souhaitez.
J'ai ajouté l'image sans ombre à gauche et l'image avec l’ombre à droite. C’est beaucoup mieux!

6. Comment enregistrer le fichier pour le Web
Allez dans Fichier>
Enregistrer et enregistrez le fichier comme vous le feriez normalement.
Pour enregistrer un fichier JPEG pour le Web, allez dans Fichier > Enregistrer pour le Web ou Maj-Option-Commande-S. Sélectionnez dans quel format vous enregistrerez le fichier avec (je choisis JPEG) et définissez la Qualité sur 100 . Sous Taille de l'image , vous pouvez modifier la taille en pixels de l'image si vous avez des contraintes de taille.
En bas à gauche, vous pouvez voir un aperçu de la taille du fichier. Ceci est utile lorsqu'il existe des contraintes de taille sur un site Web et que vous devez réduire la qualité ou la taille de l'image.
Cliquez sur Enregistrer… pour choisir l'emplacement dans la nouvelle fenêtre, puis cliquez à nouveau sur Enregistrer.

Toutes nos félicitations! Vous avez terminé ce tutoriel!
Dans ce tutoriel, nous avons créé une affiche colorée et visuellement attrayante. Assurez-vous de poster la vôtre dans les commentaires ci-dessous! Aujourd'hui, vous avez appris à:
- Créez une affiche bien équilibrée et soignée en utilisant un quadrillage.
- Utilisez les Masques de Calque pour isoler des images et les combiner avec d'autres éléments.
- Utilisez avec succès les Calques de Réglage pour modifier les couleurs et modifier les éléments sans compromettre leur intégrité.
- Améliorez visuellement les éléments lorsque ceux-ci ont besoin d'un coup de pouce pour créer une affiche percutante.

Si vous avez aimé ce tutoriel, vous pourriez aussi aimer:
- ArtHistoire de l'art: le surréalismeMelody Nieves
- PhotomontageComment créer un portrait surréel «recousu» avec Adobe PhotoshopAbbey Esparza
- PhotomontageComment créer un trucage photographique surréel de tête-télévision avec Adobe PhotoshopJenny Le
- VintageComment créer un poster en hommage au classique «Vertigo» d'Hitchcock avec Adobe InDesignGrace Fussell
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post