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:

• Cordillère Blanche, Huaraz au Pérou
• Guêpier d'Europe (Merops apiaster)
• Catesque

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:

• Art
  Histoire de l'art: le surréalisme
  Melody Nieves
• Photomontage
  Comment créer un portrait surréel «recousu» avec Adobe Photoshop
  Abbey Esparza
• Photomontage
  Comment créer un trucage photographique surréel de tête-télévision avec Adobe Photoshop
  Jenny Le
• Vintage
  Comment créer un poster en hommage au classique «Vertigo» d'Hitchcock avec Adobe InDesign
  Grace Fussell