Remarque sur les versions : Utilisez-vous Photoshop CC 2020 ou une version ultérieure ? Consultez mon tout nouveau guide sur Ajouter plusieurs traits au texte avec des effets de calque.
Dans un tutoriel précédent, nous avons appris à ajouter plusieurs lignes autour du texte dans Photoshop simplement en faisant plusieurs copies de notre calque Type et en ajoutant un effet de calque de trait à chaque copie, chaque trait étant défini sur une taille différente. Dans ce didacticiel, nous allons apprendre une manière plus intéressante de créer un effet de texte similaire avec plusieurs contours, cette fois en utilisant la puissance de Photoshop. Objets intelligents! Adobe a introduit pour la première fois les objets dynamiques dans Photoshop CS2, ce qui signifie que vous avez besoin de CS2 ou d’une version ultérieure pour suivre le rythme. Je veux utiliser Photoshop CS5 ici, mais n’importe quelle version de CS2 et plus le fera.
Voici le résultat final vers lequel je veux travailler. Bien sûr, les couleurs et tailles de lignes dont vous avez besoin pour votre conception peuvent être complètement différentes, mais les étapes pour créer l’effet seront les mêmes :
Plusieurs traits de texte à l’aide d’objets dynamiques.
Commençons!
Étape 1 : Ajoutez une ligne d’introduction au texte
Voici le document Photoshop avec lequel je commence, qui consiste en un seul calque Type qui contient le mot «style» (puisque nous voulons utiliser des styles de calque pour ajouter les lignes) devant un fond noir :
Le document original.
Si nous regardons dans mon panneau de calques, nous voyons le calque Type au-dessus du calque d’arrière-plan. Le calque de texte est actuellement actif (surligné en bleu) :
Panneau Calques.
Pour ajouter une ligne d’introduction autour des lettres, je clique sur Effets de calque icône en bas du panneau Calques :
Cliquez sur l’icône des effets de calque.
Alors je choisis Bataille depuis le bas de la liste des effets de calque affichés :
Sélection d’un effet de calque de ligne.
Cela ouvre la boîte de dialogue Photoshop Layer Style, où les options de la barre sont affichées dans la colonne du milieu. Tout d’abord, je sélectionne une couleur pour ma ligne en cliquant sur nuancier en bas des possibilités :
Cliquez sur l’échantillon.
Cela ouvre Photoshop Sélecteur de couleur. Comme mon texte est d’un bleu plutôt foncé, je choisis un bleu plus clair pour le trait. Vous pouvez bien sûr choisir n’importe quelle couleur dont vous avez besoin pour votre conception :
Choisissez un bleu clair dans le sélecteur de couleurs.
Avec ma couleur sélectionnée, je clique sur OK pour quitter le sélecteur de couleurs. Je veux un trait épais autour des lettres donc j’augmente mon trait Taille valeur à 21 pixels:
Augmentez la taille du trait à 21 pixels.
Lorsque vous êtes satisfait de l’apparence de votre ligne, cliquez sur OK pour quitter la boîte de dialogue Style de calque. Voici à quoi ressemble mon texte avec la première ligne ajoutée:
La première ligne apparaît autour du texte.
Étape 2 : convertir le calque de type en objet intelligent
Je vais maintenant ajouter un autre trait autour du trait initial, mais ce sera un problème intéressant. Par défaut, Photoshop nous permet uniquement d’ajouter un effet de trait à la fois à un calque. Si je devais cliquer à nouveau sur l’icône Effets de calque en bas du panneau Calques et sélectionner à nouveau Contour dans la liste, Photoshop rouvrirait la boîte de dialogue Style de calque avec les paramètres de Contour, mais tout ce que je pourrais faire était de modifier les paramètres pour le trait que je viens d’ajouter, changez sa couleur, sa taille ou l’une des autres options mais je n’ai pas pu ajouter une autre ligne.
En tout cas, je ne pouvais pas ajouter une autre ligne autour du texte lui-même. Mais que se passerait-il si nous pouvions d’une manière ou d’une autre placer le texte dans un conteneur, puis ajouter une nouvelle ligne autour du conteneur ? Il s’avère que c’est exactement ce que nous pouvons faire avec Photoshop Objets intelligents! Un objet intelligent est essentiellement un conteneur virtuel pour le contenu d’un calque, et tout ce que nous avons à faire est de convertir notre calque Type en objet intelligent, après quoi nous pouvons ajouter une autre ligne autour de l’objet intelligent !
Pour ce faire, cliquez icône de menu dans le coin supérieur droit du panneau Calques. Cela ouvre une liste de différentes options :
En cliquant sur l’icône du menu.
Choisir Convertir en objet intelligent dans la liste des options de menu :
Sélectionne Convertir en objet intelligent.
Rien ne semblera avoir changé dans la fenêtre du document, mais si nous regardons dans le panneau Calques, nous voyons que le calque de type a été converti en objet intelligent. UNE Icône d’objet intelligent apparaît dans le coin inférieur droit de la vignette d’aperçu :
Le calque de type est maintenant un objet intelligent.
Étape 3 : Ajouter une ligne autour de l’objet intelligent
Avec le texte maintenant à l’intérieur d’un objet intelligent, cliquez sur Effets de calque icône en bas du panneau Calques et sélectionnez à nouveau Bataille du bas de la liste :
Sélectionne un autre effet de calque de ligne, cette fois pour l’objet intelligent.
Photoshop rouvrira la boîte de dialogue Style de calque définie sur les paramètres de trait. Pour changer la couleur de la ligne, je clique nuancier comme je l’ai fait auparavant, et lorsque le sélecteur de couleurs apparaît, je sélectionne la même nuance de bleu plus foncée que mon texte. Je pars le nouveau coup Taille paramètre défini sur la valeur par défaut de 10 pixelsce qui rendra le deuxième trait plus fin que le premier :
Définir la nouvelle ligne sur la même couleur que le texte et laisser sa taille définie sur 10px.
Une fois terminé, cliquez sur OK pour quitter la boîte de dialogue Style de calque. Si nous regardons mon texte dans la fenêtre du document, nous voyons que la deuxième ligne apparaît maintenant autour de l’original. Bien qu’il semble que la nouvelle ligne soit autour du texte, c’est en fait autour de l’objet intelligent qui contient le texte :
Une deuxième ligne bleue plus foncée apparaît maintenant autour de la première ligne.
Étape 4 : répétez les étapes 2 et 3 pour ajouter d’autres traits (facultatif)
Photoshop nous permet d’intégrer des objets intelligents dans d’autres objets intelligents, ce qui signifie que nous pouvons utiliser cette technique pour ajouter encore plus de traits si nous le voulons ! Tout ce que nous avons à faire est de répéter les étapes 2 et 3. Tout d’abord, convertissez l’objet intelligent actuel en un nouvel objet intelligent en cliquant sur icône de menu dans le coin supérieur droit du panneau Calques et sélectionnez Convertir en objet intelligent de la liste. Cela placera l’objet intelligent actuel dans un nouveau. Ajoutez ensuite une ligne autour du nouvel objet intelligent en cliquant sur Effets de calque icône en bas du panneau Calques et sélectionnez Bataille de la liste.
J’ajoute une troisième ligne autour de mon texte, cette fois réglée sur la même teinte bleue plus claire que la première ligne. Je laisse sa taille être définie sur la même valeur par défaut de 10px :
Ajout d’une troisième ligne autour du texte (après avoir créé un autre objet intelligent).
Je clique sur OK pour fermer la boîte de dialogue Style de calque et j’ai maintenant trois tirets autour de mon texte ! Cependant, comme nous l’avons appris, il semble seulement que j’aie trois lignes autour du texte. En réalité, ce n’est que la ligne intérieure autour du texte lui-même. La ligne médiane est autour de l’objet intelligent qui contient le texte, et la ligne extérieure est autour d’un nouvel objet intelligent qui contient l’objet intelligent d’origine (qui contient le texte) :
Le résultat final.
Où aller la prochaine fois…
Et là, nous l’avons! Comment ajouter rapidement et facilement plus de traits autour du texte dans Photoshop à l’aide d’objets intelligents ! Consultez nos sections sur les effets de texte ou les effets photo pour plus de tutoriels sur les effets Photoshop !