Parfois, il suffit de quelques clics pour donner vie à la typographie. Les effets de typo classiques sont intemporels et polyvalents - parfaits pour les logos, affiches, invitations ou publications sur les réseaux sociaux. Dans ce tutoriel, je vais vous présenter cinq effets simples et rapides pour vous permettre de créer de manière créative vos textes dans Photoshop. Que ce soit des ombres, des dégradés, un effet 3D ou des accents brillants - ces techniques économisent du temps tout en offrant des résultats impressionnants. Alors, commençons et faisons passer votre typographie au niveau supérieur!
1. Composition de forme: Placer des textes dans des formes
Étape 1: Principe de base de la composition de forme dans Photoshop
La composition de forme dans Photoshop est très simple. Il suffit d'avoir un chemin de travail sur lequel le texte est inséré.
Vous pouvez simplement créer une forme avec l'outil rectangle. Ensuite, avec l'outil texte, vous pouvez cliquer dans le rectangle et écrire ou insérer votre texte.
Étape 2: Utiliser des formes personnalisées pour la composition de forme
C'est le principe de base. Je peux désormais modifier mes chemins avec les outils de dessin pour prévoir une forme pour le texte. Il est encore plus facile si les formes sont déjà prédéfinies. Avec l'outil formes personnalisées, je choisis la forme de bulle de dialogue et la fais glisser. Ensuite, je clique à nouveau dans la bulle de dialogue avec la souris pour écrire mon texte. Le texte s'adapte parfaitement à la forme de la bulle de dialogue.
Avec les fenêtres Paragraphe et Caractère, je peux apporter quelques ajustements supplémentaires, en définissant la justification, en adaptant les espacements des caractères, en choisissant les interlignes adaptés à la taille de la forme, etc. En résultat, le texte dans une forme de coeur pourrait ressembler à ceci:
2. Alignement des contours: Faire flotter du texte autour d'objets
Étape 1: Principe de base de l'alignement des contours
Alors qu'Adobe InDesign dispose d'un panneau dédié à l'alignement des contours avec des possibilités vraiment fantastiques comme la recherche de bords, Adobe Photoshop doit trouver une alternative pour faire flotter le texte autour des objets. La solution est un chemin de travail qui correspond aux contours de l'objet dans lequel le texte est placé. Le principe de base est similaire à celui de la composition de forme.
Pour ce tutoriel, j'ai choisi une image sur Fotolia.de (Source de l'image: © Robert Kneschke - Fotolia.com).
Je veux maintenant que mon texte flotte élégamment autour de la personne. L'image a un arrière-plan noir qui n'est pas détouré. Comme l'arrière-plan est noir, je vais simplement utiliser ma baguette magique pour sélectionner l'arrière-plan.
Étape 2: Réduire la sélection et créer un chemin de travail
Comme la sélection va jusqu'à la personne, je réduis encore la sélection de 10 pixels via le menu Sélection>Modifier la sélection>Réduire. Remarque: Il est toujours conseillé de limiter la sélection à la taille du cadre texte souhaitée. Avec la combinaison Alt et l'outil de sélection, je peux réduire les sélections et avec Maj et l'outil de sélection, je peux agrandir les sélections. Par conséquent, je devrais optimiser la sélection à la taille du cadre texte avant de créer le chemin de travail.
Ensuite, j'ouvre ma fenêtre de tracés et je crée un chemin de travail à partir de la sélection en cliquant sur le symbole correspondant.
Étape 3: Insérer du texte
Dans la dernière étape, je clique simplement avec l'outil texte dans la forme et j'insère mon texte ou écris le texte souhaité. Le chemin de travail constitue désormais le cadre de texte pour le texte.
Avec mon outil texte, je peux quand même modifier le cadre de texte. Résultat: Le texte flotte élégamment à gauche de la personne.
3. Texte sur un tracé
Placer un texte le long d'un tracé est assez simple.
Étape 1: Créer un tracé
Avec l'outil plume, je dessine simplement le tracé souhaité, sur lequel le texte sera placé.
Étape 2: Placer le texte
Avec l'outil texte, je me positionne sur le tracé, de sorte qu'une ligne en pointillés légère s'affiche. Maintenant, je peux déjà commencer à taper.
Étape 3: Mises en forme de texte
Je peux toujours effectuer des mises en forme de texte via le panneau de caractères.
Avec l'outil de sélection directe, je peux également manipuler le chemin de mon texte en déplaçant le point de départ du flux de texte et en déterminant si le texte doit être affiché au-dessus ou en-dessous du chemin.
Étape 4: Créer un chemin via les outils de formes
Je peux également créer des chemins via les outils de formes. Dans le panneau de tracés, je crée un nouveau chemin et je dessine une forme de main à l'aide de l'outil de forme personnalisée.
Je peux maintenant placer mon texte à l'intérieur.
Étape 5: Créer un chemin à partir de sélections
Je peux également créer des chemins à partir d'images et les convertir en chemins afin de les utiliser pour des flux typographiques.
Avec l'outil de sélection rapide, je sélectionne l'arrière-plan de cette image (source de l'image : iofoto - Fotolia.com). Je retourne la sélection avec Shift+Ctrl+I et je crée un tracé de travail à partir de la sélection. Je peux ensuite utiliser ce chemin pour mon texte.
Étape 6: Accentuations de contour avec la typographie
Cela fonctionne également avec des images plus complexes au niveau des couleurs, comme cette image d'arbre (source de l'image : archaeopteryx_stocks).
Avec l'outil de sélection rapide, je sélectionne l'arbre et je crée à nouveau un tracé de travail à partir de la sélection : je clique sur l'icône Créer un tracé de travail à partir de la sélection dans le panneau de tracés. Je peux également utiliser ce chemin pour mon texte.
4. Regrouper des textes avec des images via un masque d'écrêtage
Le classique absolu des effets typographiques est le remplissage d'un texte avec un motif, une texture ou une image. L'image à afficher dans mon texte, je la place dans mon document juste au-dessus de mon calque de texte dans le panneau des calques.
Avec le raccourci Ctrl+Alt+G ou avec Alt et un clic entre le calque de texte et le calque d'image, je crée un masque d'écrêtage. Maintenant, l'image n'apparaît que là où le texte est. Elle est recadrée à la vue sur le contenu du calque sous-jacent.
Cet effet textuel est souvent vu sans options de remplissage, simplement sur un fond noir ou blanc, dans des catalogues de produits, sur des dépliants et autres supports avec un arrière-plan lifestyle - récemment vu sur un catalogue de produits d'un fabricant de téléviseurs. Même "La Bible Buy And Hold" de Gerd Kommer présente cet effet simple sur la couverture du livre.
L'effet du masque d'écrêtage est souvent utilisé avec des textures de matériaux. Les options de remplissage (Bord lisse/Relief avec ombre portée et autres) permettent alors d'obtenir un texte marbré, un texte en métal, etc., ce qui permet de mettre en avant les dernières collections de pierres du fournisseur du magasin voisin.
5. Remplissage de contour avec des préréglages de pinceaux via des tracés de travail
Une technique très simple mais efficace consiste à remplir les contours du texte avec des préréglages de pinceaux.
Étape 1: Sélectionner la police, écrire du texte et créer un tracé de travail
En premier lieu, je choisis une police assez large. J'écris dans mon document en utilisant Franklin Gothic Heavy à 120 points les lettres PSD.
En faisant un clic droit sur le calque de texte dans le panneau des calques>Créer un tracé de travail, je peux créer un tracé de travail à partir de mon texte. Celui-ci est ensuite disponible dans le panneau des tracés.
Étape 2: Définir un préréglage de pinceau
Je peux masquer le calque de texte. Dans le panneau des préréglages de pinceaux, je choisis une pointe de pinceau qui va remplir le contour de mon texte. Je choisis un pinceau en forme de feuille.
En appuyant sur F5, j'ouvre le panneau des pinceaux. Là, je peux régler la forme de mon pinceau.
Je configure dans :
• l'onglet Forme du pinceau un espacement de 60 pour cent avec une taille de 40 px. Ce réglage est optimal pour ma taille de texte, permettant une transition fluide entre les pinceaux individuels.
• les attributs de forme un taux de fluctuation d'angle de 25 pour cent. Cela donne une rotation à mon préréglage de pinceau.
• les paramètres de couleur 12 pour cent de fluctuation de teinte et 12 pour cent de fluctuation de luminosité. Cela donne une légère irrégularité attrayante dans la teinte rouge, créant un bel effet automnal dans le texte.
Étape 3: Activer le chemin de travail et créer un nouveau calque
Maintenant, je vais créer un nouveau calque et activer le chemin de travail dans le panneau Trajets. En cliquant sur le deuxième icône dans la barre de pied du panneau Trajets, je remplis le contour du chemin avec le pinceau défini. Il est important que l'outil pinceau soit également activé.
En augmentant légèrement la taille du pinceau, on obtient une variation agréable de l'effet. Ainsi, les paramètres de pinceau permettent d'adapter de manière efficace le remplissage du contour aux besoins spécifiques. Dans cet exemple, avec une touche plutôt automnale.
Étape 4: Variation dans la configuration du pinceau
En utilisant maintenant un pinceau floral comme paramètre prédéfini et en augmentant légèrement le taux d'instabilité de couleur, on obtient un léger mais joli effet estival.
Étape 5: Post-traitement
De cette manière, il est possible de réaliser rapidement des effets typographiques simples avec des remplissages de contours. Toutefois, l'effet actuel nécessite généralement un certain ajustement supplémentaire pour être globalement attrayant.
Un post-traitement possible pour un aspect automnal pourrait consister à simplement remplir la zone intérieure du texte avec mon pinceau feuille dans un nouveau calque, puis à sélectionner à l'avance le contour du pinceau en maintenant Ctrl enfoncé et en cliquant sur la miniature du calque pour l'utiliser comme masque de calque sur mon nouveau calque.
Je puis ainsi utiliser le contour précédent comme masque de calque et obtenir ainsi un effet de contour pour mon texte.
