Créé par : L'équipe Solidatech
Article TechSoup, traduit de l'anglais.
Ajout de repères
Avant d'ajouter du texte sur l'image, nous devons nous assurer qu'il est à un endroit qui paraît bien visuellement. Le texte ne doit pas être trop près du bord d'une image, il a besoin d'un peu d'espace pour respirer.
Voilà à quoi servent les repères : ce sont des lignes qui vous aideront à vous assurer que tout est bien aligné. Vous pouvez les afficher et les masquer au besoin. Plus vous pratiquerez, plus vous saurez où les ajouter ; dans ce cas, cependant, nous savons déjà où les mettre, puisque nous travaillons à partir d'un produit fini. Photoshop pour Scientifiques (article en anglais) a un excellent guide sur les repères si vous voulez en savoir plus.
Ici, nous allons créer quatre repères pour le haut, la gauche, le bas, et la droite de l'image.
- Cliquez sur Affichage > Nouveau repère.
- Sélectionnez Vertical et entrez 100 px.
- Cliquez sur Affichage > Nouveau repère.
- Sélectionnez Horizontal et entrez 100 px.
- Cliquez sur Affichage > Nouveau repère.
- Sélectionnez Horizontal et entrez 3200 px.
- Cliquez sur Affichage > Nouveau repère.
- Sélectionnez Vertical et entrez 2450 px.
Cela ajoute quatre repères à notre image (filets verts sur l'image ci-dessous).
Nous venons d'ajouter une marge de 100 pixels autour de l'image. Entrer des valeurs verticales et horizontales de 100 pixels ajoute des repères en haut et à gauche de l'image, entrer une valeur horizontale de 3200 pixels ajoute un repère sur la droite, et entrer une valeur horizontale de 2450 pixels ajoute un repère dans le bas. Nous obtenons ces deux dernières valeurs simplement en soustrayant 100 de la hauteur et de la largeur du document, qui est de 3300 pixels de haut et 2550 pixels de large.
Ajout de l'en-tête
Nous avons installé la police Open Sans dans la Partie 1, elle devrait donc être disponible dans Photoshop comme toute autre police sur votre système. (Si ce n'est pas le cas, revenez à cette étape.)
Avant d'ajouter le texte, ajoutons un autre repère.
- Cliquez sur Affichage > Nouveau repère.
- Sélectionnez Vertical et entrez 185 px.
- Cliquez sur l'outil Texte horizontal.
- Changer la police de caractères à Open Sans Light, la taille à 72 pt, l'anti-repliement à Lisse, et l'alignement à gauche.
- Cliquez sur la case de couleur à droite de l'onglet d'alignement (le carré noir dans la capture d'écran ci-dessus).
- Entrez une valeur hexadécimale de 275664 pour changer la couleur à gris charbon.
- Cliquez sur le document pour commencer à taper.
- Tapez Lorem Ipsum sur deux lignes.
- Appuyez sur ESC lorsque vous avez terminé pour accepter le texte.
- Cliquez sur l'outil Déplacement.
- Cliquez et faites glisser le texte pour l'aligner avec le repère situé à 185 px. Il devrait s'enclencher en s'approchant.
Bonus: Nous avons changé l'anti-repliement ci-dessus à Lisse. L'anti-repliement est la façon dont le logiciel adoucit les bords des lettres. Photoshop vous donne cinq options: Aucun, Tranchant, Net, Fort, et Lisse. Sentez-vous libre de jouer avec eux pour voir leur différence, mais rester avec Lisse pour nos besoins ici.
Nous avons également précisé une valeur hex (abréviation de "hexadécimal") pour la couleur. Photoshop reconnaît cinq entrées différentes de couleurs: HSB, Lab, RVB, CMJN et hex.
Entrer un ensemble de valeurs va changer automatiquement les autres, mais un moyen simple de communiquer une couleur exacte est d'entrer le code hex. Vous trouverez plus d'informations sur les couleurs dans de nombreux endroits en ligne, mais Wikipédia l'explique très bien (article en anglais).
Progrès jusqu'à présent
Voici ce que vous devriez avoir jusqu'à maintenant.
Partie 4
Voilà pour la partie 3 ! Dans la partie 4, nous allons ajouter un encadré blanc, sur lequel nous allons intégrer un bloc de texte. Rendez-vous au prochain article !
