Formations web et création graphique - Travaillez le texte plus vite avec Photoshop

Fermer



Connexion

Travaillez le texte plus vite avec Photoshop

En regardant les tutos d'un confrère US, je me suis dit qu'il serait intéressant de vous faire partager quelques astuces sur le texte. Vous irez plus vite et donc pourrez être plus créatifs avec Photoshop.

 

Astuces texte  avec Photoshop: un tuto de didier mazier

Pour fabriquer ce billboard, commencez par créer un nouveau document. Le rapport 1/2 convient bien mais sentez-vous libre de l'adapter à vos besoins.

Astuces texte  avec Photoshop: un tuto de didier mazier

Vous pouvez d'emblée remplir le calque de fond en noir avec Commande (Mac)+flèche arrière (Backspace : la flèche orientée vers la gauche qui se trouve juste au dessus de la touche de retour chariot)

Importez une photo que vous placerez dans la partie gauche du cadre.

Astuces texte  avec Photoshop: un tuto de didier mazier

Pour fondre cette photo, cliquez sur l'icône de création de masque en bas de la palette des calques.

Si vous appuyez sur Alt ou Commande (Mac) au moment du clic sur l'icône, le calque sera automatiquement rempli de blanc ou de noir (à vous d'essayer).

Astuces texte  avec Photoshop: un tuto de didier mazier

Avec le masque activé, tirez un dégradé (noir au blanc ou noir vers transparent) en faisant attention de commencer avant le bord de la photo (Sinon on verra le trait, forcément) jusqu'au milieu du visage. Ici on a tiré le dégradé de la droite vers la gauche.

Astuces texte  avec Photoshop: un tuto de didier mazier

Saisissez ensuite votre texte dans une typo assez épaisse, par exemple de l'Impact.

Astuces texte  avec Photoshop: un tuto de didier mazier

Et voici la première astuce de ce tuto pour agrandir la deuxième ligne et mettre le texte "SURVIVENT" à la même taille que la ligne du dessus :

Sélectionner le texte de la deuxième ligne. Affichez la palette Caractère. Cliquez sur le T à côté du champ du corps et glissez vers la droite.

Astuces texte  avec Photoshop: un tuto de didier mazier

En temps réel vous verrez votre texte s'étirer.

Astuces texte  avec Photoshop: un tuto de didier mazier

Vous pouvez faire de même pour l'interligne.

Astuces texte  avec Photoshop: un tuto de didier mazier

Les typographes vont se retourner dans leur tombe (ils sont tous morts). activez le calque de texte, faites Commande (Mac) ou Ctrl (PC)+T et redimensionnez le pavé pour qu'il occupe l'espace souhaité. Ne déformez quand même pas trop la typo!

Astuces texte  avec Photoshop: un tuto de didier mazier

Importez une photo. Ici mes étudiants lors d'une présentation. Positionnez-la au dessus du texte à remplir.

Astuces texte  avec Photoshop: un tuto de didier mazier

Avec la touche Alt enfoncée, cliquez à la lisière des deux calques. celui de dessus comporte la photo, celui de dessous le texte.

Astuces texte  avec Photoshop: un tuto de didier mazier


Vous remarquez qu'une flèche vers le bas s'est invitée sur la ligne du calque de la photo.

Celle-ci remplira désormais le texte qui restera éditable. C'était la deuxième astuce.

Notez que vous pouvez aussi réduire l'opacité du claque de texte.

Astuces texte  avec Photoshop: un tuto de didier mazier

Saisissez une troisième ligne de texte et mettez-la en couleurs. Si vous avez activé Affichage > Afficher >Repères commentés, lorsque vous déplacerez cette ligne vous verrez apparaître (ici en rose) les alignement sur les autres objets. Cette troisième astuce évite d'avoir à placer repères et autres alignements compliqués.

013

Voilà, trois astuces pour le prix d'une. Vous savez ce que c'est qu'un Billboard?

Bises