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)

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 .

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.

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.

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.

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 .

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 .

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.

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.

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

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.

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.

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.

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 .

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 .

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:
- Design d’afficheComment créer une affiche Bauhaus dans Adobe InDesignGrace Fussell
- Adobe IllustratorIllustrator en 60 secondes: le quadrillage de perspectiveAndrei Stefan
- Montage non destructifRetouche photo non destructive en 60 secondesHarry Guinness
- Effets de texteComment créer un effet de texte en couches 3D Gold dans Adobe PhotoshopRose
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