Plusieurs traits de texte avec des objets intelligents dans Photoshop

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 ajoutés au texte Photoshop à l'aide d'objets dynamiques.  Image © 2012 Photoshop Essentials.com.

Plusieurs traits de texte à l’aide d’objets dynamiques.

Commençons!

Téléchargez ce guide au format PDF prêt à imprimer !

É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 Photoshop d'origine qui contient un calque de texte sur le calque d'arrière-plan.  Image © 2012 Photoshop Essentials.com.

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 dans Photoshop.  Image © 2012 Photoshop Essentials.com.

Panneau Calques.

Pour ajouter une ligne d’introduction autour des lettres, je clique sur Effets de calque icône en bas du panneau Calques :

L'icône Styles de calque dans le panneau Calques de Photoshop.  Image © 2012 Photoshop Essentials.com.

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 trait dans le panneau Calques.  Image © 2012 Photoshop Essentials.com.

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 :

Choix de couleur pour le nouvel effet de calque de ligne.  Image © 2012 Photoshop Essentials.com.

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 le bleu clair dans le sélecteur de couleurs de Photoshop.  Image © 2012 Photoshop Essentials.com.

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:

Augmentation de la valeur de taille de l'effet de calque de trait dans Photoshop.  Image © 2012 Photoshop Essentials.com.

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:

Le document Photoshop après avoir ajouté une ligne d'introduction au texte.  Image © 2012 Photoshop Essentials.com.

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 :

L'icône de menu dans le panneau Calques de Photoshop.  Image © 2012 Photoshop Essentials.com.

En cliquant sur l’icône du menu.

Choisir Convertir en objet intelligent dans la liste des options de menu :

Sélectionnez la commande Convertir en objet dynamique dans le menu du panneau Calques.  Image © 2012 Photoshop Essentials.com.

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 a été converti en objet intelligent.  Image © 2012 Photoshop Essentials.com.

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 :

Ajout d'un effet de calque de trait à l'objet intelligent.  Image © 2012 Photoshop Essentials.com.

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 :

Les paramètres de ligne dans la boîte de dialogue Style de calque dans Photoshop.  Image © 2012 Photoshop Essentials.com.

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 autre ligne a été ajoutée au texte.  Image © 2012 Photoshop Essentials.com.

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.  Image © 2012 Photoshop Essentials.com.

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) :

Plusieurs traits ajoutés au texte Photoshop à l'aide d'objets dynamiques.  Image © 2012 Photoshop Essentials.com.

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 !

Deja un comentario