Comment utiliser un quadrillage dans Photoshop pour créer une affiche typographique

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

Final product image — What You'll Be Creating

Dans ce tutoriel, nous allons créer une affiche typographique professionnelle, à l'aide de quadrillage. Nous allons également apprendre à utiliser les masques de calque et les calques de réglage pour retoucher des images. Etes-vous prêt à commencer?

Ce dont vous aurez besoin

Vous aurez besoin d’avoir accès à 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 , accédez à Fichier > Nouveau . Nommez le document Affiche de Snowboard . 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 5: 3 (longueur par largeur). Cela signifie que nous allons diviser l'affiche verticalement en cinq sections et horizontalement en trois sections. Faire des essais avec différents quadrillages est un excellent moyen de créer une mise en page inhabituelle.

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 à 254 px. Cliquez sur OK

Définissons les repères verticaux à 254 px, 508 px, 762 px et 1016 px. Cliquez sur OK

Définissons les repères horizontaux à 533 px et 1066 px. Cliquez sur OK

4ème Étape

Dans le panneau Calques , cliquez sur l´icône Créer un nouveau calque de remplissage ou de réglage > Couleur unie. Sélectionnez une couleur noire dans la fenêtre du Sélecteur de couleurs . Cliquez sur OK

2. Comment retoucher l'image des pistes de ski

1ère Étape

Faites glisser l'image des pistes de ski dans le document Affiche de Snowboard.

Appuyez sur Commande-T pour la transformer. Allez sur la barre d’option et cliquer sur le bouton Conserver le rapport de format. Définissez la largeur et la hauteur à 75% . Appuyez sur la touche d’Entrée pour continuer. Ne vous inquiétez pas pour le placement, nous verrons cela plus tard.

2ème Étape

Faites apparaitre les repères en appuyant sur Commande-;. Dans la palette d’outils, choisir l’ outil de sélection (M). Sélectionnez les deux premières colonnes en partant de la gauche. Pour ce faire, utilisez les repères.

Dans le panneau des Calques , assurez-vous de sélectionner l’image Pistes de ski. Cliquez sur l’icône Ajouter un masque de fusion .

Using the marquee tool select create a layer mask on the left side of the poster

3ème Étape

Dans le panneau des Calques, cliquez sur le bouton de liaison entre les vignettes. Cela va dissocier l'image et le masque de fusion. Cela est utile lorsque vous souhaitez conserver la position du masque de fusion tout en déplaçant l'image.

Assurez-vous de sélectionner la vignette de l'objet intelligent et non le masque de calque. À l'aide de l' outil Déplacement (V), déplacez l'image où vous le souhaitez. Dans l'image ci-dessous, je souhaite que les détails de la pente soient concentrés dans la partie centrale. Je sais que je veux ajouter du texte en haut et en bas sur les pentes, je vais donc essayer de laisser ces deux parties aussi propres que possible.

Unlink the image from the layer mask and move

4ème Étape

Pour neutraliser l'image, nous allons ajouter un calque de réglage. Ceci est bien utile lorsque nous utilisons dans une affiche plusieurs images dont les couleurs ne vont pas bien ensemble.

Dans le panneau Calques , cliquez sur l’icône Créer un nouveau calque de remplissage ou de réglage > Noir et blanc.

5ème Étape

Sélectionnez le nouveau calque de réglage Noir & Blanc , puis cliquez avec le bouton droit de la souris et choisir Créer un masque d'écrêtage.

Vous pouvez aussi utiliser le raccourci, qui est le suivant: maintenez la touche Option enfoncée, faites glisser la souris sur le calque jusqu'à ce que la flèche pointant vers le bas apparaisse, puis cliquez. Un masque d'écrêtage est utile lorsque vous souhaitez appliquer un calque de remplissage ou un calque de réglage uniquement au calque situé juste en dessous. De cette façon, nous ne modifions pas le reste de l'affiche.

Create a clipping mask with the Black White adjustment layer

6ème Étape

Pour ouvrir le panneau Propriétés, cliquez sur la vignette du calque. Dans le panneau Propriétés , déplacez les curseurs de couleur pour modifier l'intensité de la couleur. Cette image en particulier est un mélange de bleus et de cyans. N'hésitez pas à jouer avec ceux-ci.

Alter the blue and cyan colors on the property panel

7ème Étape

Pour maintenir l´ordre dans vos calques, sélectionnez le calque de pistes de ski et le calque de réglage. Faites glisser ces deux calques vers l’icône Créer un nouveau groupe . Double-cliquez sur le dossier Groupe 1 pour changer son nom. Je l'ai renommé Pistes .

Create a new group consisting of the slopes layer and the adjustment layer

3. Comment retoucher l’image du snowboarder

1ère Étape

Ouvrez l’image du Snowboarder dans Photoshop. Assurez-vous de ne pas la faire glisser dans le document. Nous avons besoin de l'ouvrir séparément.

Cliquez sur l’icône Ajouter un Masque de fusion pour créer un nouveau masque de fusion .

Open the snowboarder image separately and add a layer mask

2ème Étape

Commençons par travailler sur la partie du ciel. Assurez-vous que le masque de fusion est sélectionné.

Dans le panneau d’outils, sélectionnez l’ outil Baguette magique (W) et sélectionnez la partie de l’image correspondant au ciel. Maintenez la touche Maj enfoncée pour ajouter des éléments à la sélection. Une fois que vous avez sélectionné tout le ciel, appuyez sur Commande-I pour inverser la sélection. Pour annuler la sélection, appuyez sur Commande-D.

Using the Magic Wand Tool delete the sky off the image

3ème Étape

Appuyez sur \ pour activer la superposition rouge. Cela permettra de voir plus facilement quelles parties de l’image doivent être retravaillées.

Sélectionnez l' outil Pinceau (B). Cliquez avec le bouton droit de la souris sur le document et définissez la taille à 500 px et la dureté à 0. Appuyez sur [ pour diminuer et ] pour augmenter la taille du pinceau . Choisissez le noir comme couleur de remplissage et avec le pinceau commencez à enlever la neige de la photo.

Using the Brush Tool delete the bottom part of the image

4ème Étape

Dans le panneau Calques , sélectionnez la vignette du Masque de fusion , puis cliquez avec le bouton droit de la souris et choisir Contour du masque.

Dans la fenêtre d'option Améliorer le masque , nous pouvons changer le mode d'affichage. Sur Noir (B) est sélectionné pour l’instant. Fixez le rayon à 7,5 px, le contour progressif à 0,5 px et le décalage du contour à -25%. Cliquez sur OK

Clean up the image by using the Refine Mask option

5ème Étape

Cliquez avec le bouton droit sur le calque et sélectionnez Dupliquer le calque. Nommez le nouveau calque Snowboarder et choisir comme Destination Affiche de Snowboard.

Duplicate the layer onto the original photoshop document

6ème Étape

Revenez au document Affiche de snowboard. Sélectionnez le calque Snowboarder et appuyez sur Commande-T pour transformer. Sur la barre d’option, cliquez sur le bouton Conserver le rapport de format. Fixez la largeur et la hauteur à 40%. Appuyez sur Entrée pour continuer.

Bien que les quadrillages permettent de mettre de l’ordre dans une affiche, ils servent également à enfreindre les règles. Ce faisant, nous créons quelque chose de différent. Un excellent moyen de rompre le quadrillage est de placer l’image du snowboarder sur un repère du quadrillage. Déplacez l'image en bas à gauche de l'affiche, comme indiqué sur l'image ci-dessous.

7ème Étape

Dans le panneau Calques , cliquez sur l’icône Créer un nouveau calque de remplissage ou de réglage > Teinte / Saturation. Répétez cette action en ajoutant cette fois un calque Luminosité / Contraste .

Pour créer un masque d'écrêtage, sélectionnez les deux calques de réglage et faites un clic droit > Créer un masque d'écrêtage.

Add a HueSaturation and a BrightnessContrast adjustment layer Create clipping masks with these two new layers

8ème Étape

Cliquez sur la vignette du calque Luminosité / Contraste . Cela fera apparaître le panneau Propriétés . Réglez la luminosité à 36 et le contraste à -4.

Cliquez sur la vignette du calque Teinte / Saturation pour afficher le panneau Propriétés . Ici, nous pouvons soit modifier la couleur de l’ensemble de l’image soit modifier des couleurs spécifiques. Pour ce tutoriel, nous allons ajuster les couleurs séparément. Cliquez sur le menu déroulant principal, sélectionnez Rouge et réglez la teinte sur +25. Puis, sélectionnez Jaune et réglez la Saturation sur -100. Sélectionnez Cyan et réglez la teinte sur +35.

Tweak options of the adjustment layers on the properties panel

9 ème Étape

Vous remarquerez que les gants, le bonnet et le visage du surfeur sont bleus. Nous pouvons résoudre ce problème en jouant sur le masque de fusion.

Sélectionnez le masque de fusion du calque de réglage Teinte / Saturation. Sélectionnez l' outil Pinceau (B). Cliquez avec le bouton droit de la souris sur le document et définissez la taille à 100 px et la dureté à 0. Appliquez un coup de pinceau sur le bonnet, le visage et les gants. Parfait!

Sélectionnez le snowboarder et les deux calques de réglage. Faites glisser ces trois calques sur l’icone Groupe . Renommez le groupe Snowboarder .

Using the brush tool brush off the beanie face and gloves on the layer mask

4. Comment ajouter du texte

1ère Étape

Dans le panneau d´Outils , sélectionnez l’ outil Texte (T). J'ai utilisé du texte blanc pour contraster avec l'arrière-plan.

La police que j'ai utilisée est Schmalfette .

Affichez le panneau Outils en sélectionnant Texte > Panneaux> Panneau Caractère. Vous trouverez ci-dessous les détails que j'ai ajoutés, avec la taille de la police et son type pour les différents calques

STATION DE SKI
MONT-TREMBLANT
QUEBEC
( Schmalfette, Normal, Taille: 100 pt, 80 pt et 200 pt, Interligne: 100 pt, Approche: jouez avec le choix de l’approche car il sera différent pour chaque ligne).

02
—
28
OCTOBRE
( Schmalfette, Normal, Taille: 180 et 50 points, Interligne: 100 points. J'ai modifié l’échelle du tiret pour qu’elle corresponde à la largeur des chiffres. Vous pouvez le faire en utilisant l’ Échelle horizontale du panneau Caractères ).

Placez ces deux textes de texte en haut et en bas, à gauche de l'affiche.

2ème Étape

Ajoutons du texte sur le fond noir. En utilisant l’ outil Texte (T), ajoutez JOIE DE VIE. Dans le panneau Caractères , définissez la Taille à 630 pt et l’interligne à 505 pt, puis définissez la couleur sur #eb5d08. Sur la barre de contrôle, activez l’option Aligner à droite . Placez le texte sur le côté droit de l'affiche.

Dans le panneau Calques , déplacez le calque de texte entre les groupes Pistes et Snowbarder. De cette façon, le snowboarder surfe sur les lettres, ajoutant de la profondeur.

3ème Étape

Ajoutons des traits entre les mots. Dans le panneau Outils, sélectionnez l’outil Trait (U). Allez dans la barre d’options de l’outil et réglez la couleur de trait à #eb5d08 et à 3 pt. Définissez la largeur à 665 px et la hauteur à 5 px.

Maintenez les touche Option-Maj enfoncées et faites glisser le trait pour le dupliquer. Placez les deux traits entre les mots. Dans le panneau Calques, déplacez les traits sous le groupe Snowboarder .

Add stroke lines in between the words on the headline text

5. Comment enregistrer un 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 Shift-Option-Commande-S . Sélectionnez le type de fichier sous lequel vous souhaitez enregistrer le document (je choisis JPEG) et définissez la qualité sur 100 . Dans Taille de l'image , vous pouvez modifier la taille de l'image en pixels 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 appris à utiliser un quadrillage pour créer une affiche typographique professionnelle. Bien que les quadrillages servent à créer des affiches propres et soignées, ils sont également faits pour être cassés! Assurez-vous de poster votre affiche dans les commentaires ci-dessous!

Aujourd'hui, nous avons appris à:

Utilisez un quadrillage pour mettre de l’ordre et créer une affiche unique.
Utilisez un quadrillage pour enfreindre les règles de composition.
Utilisez les masques de calque pour retoucher les images et les affiner à l'aide de l'option Contour du masque.
Utilisez les calques de réglage pour neutraliser et changer la couleur d'une image.

Si vous avez aimé ce tutoriel, vous pourriez aimer: