Articles

Transformez du texte dans Photoshop: Effets de distorsion et de perspective 3D

Écrit par Steve Patterson.

Dans ce tutoriel, je vous montre comment transformer du texte avec les commandes Distort et Perspective dans Photoshop! Normalement, Photoshop ne nous permet pas d’utiliser la Distorsion ou la Perspective avec des calques de type. Mais ici, je vais vous montrer une astuce simple pour déverrouiller les deux commandes et garder votre texte entièrement modifiable.

J’utilise la dernière version de Photoshop CC mais toute version récente fonctionnera. Commençons!

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

Ajout du texte

La première chose à faire est d’ajouter du texte. Voici une image que j’ai ouverte dans Photoshop pour l’utiliser comme arrière-plan pour mon effet. J’ai téléchargé celui-ci à partir d’Adobe Stock:

L’image d’arrière-plan. Crédit photo: Adobe Stock.

Et si nous regardons dans le panneau Calques, nous voyons que j’ai également avancé et ajouté du texte au-dessus de l’image. Je vais l’activer en cliquant sur l’icône de visibilité de la couche de type:

En activant le texte.

Et voici mon texte:

Le texte apparaît devant l’image.

J’utilise une police appelée Orbitron Bold que j’ai téléchargée à partir d’Adobe Typekit:

La police utilisée dans l’effet.

Les commandes de distorsion et de perspective

Ce que je voudrais faire, c’est donner à mon texte un aspect plus 3D, comme s’il s’inclinait vers l’horizon, ce qui signifie que je veux changer sa perspective. Et le moyen le plus simple d’ajouter de la perspective est d’utiliser la commande Perspective de Photoshop.

Pour y accéder, je monte dans le menu Édition de la barre de menus et je choisis Transformer. C’est là que nous trouvons toutes les différentes commandes de transformation de Photoshop. Mais notez que, bien que nous puissions accéder à des choses comme l’échelle, la rotation, l’inclinaison et même la distorsion, les deux options les plus intéressantes — Déformer et Perspective — sont grisées:

Les options de distorsion et de perspective ne sont pas disponibles.

Conversion du calque de type

La raison en est que Photoshop ne nous permettra pas d’utiliser la Distorsion ou la Perspective avec un calque de type. Donc, avant de pouvoir ajouter une perspective 3D à mon texte, je dois d’abord convertir mon calque de type en autre chose.

Option 1: Rastériser le texte

Une chose que je pourrais faire est de rastériser mon texte, ce qui signifie convertir mon type en pixels. Et je pourrais le faire dans le panneau Calques en cliquant avec le bouton droit de la souris (Win) / Clic de contrôle (Mac) directement sur la couche de type:

Clic droit (Win) / Clic de contrôle (Mac) sur la couche de type.

Puis en choisissant Rasterize Type dans le menu:

La commande Rasterize Type.

Mais voici le problème. Si je convertit mon type en pixels, je perds la possibilité de modifier mon texte. Et, lorsque nous appliquons toute sorte de transformations à une image basée sur des pixels, nous pouvons perdre en qualité. Donc, la rastérisation du type n’est pas un bon choix.

Option 2: Conversion du type en forme

Une autre option trouvée dans le même menu est Convertir en forme :

La commande Convertir en forme.

L’avantage d’une forme par rapport aux pixels est que nous pouvons transformer une forme autant que nous le voulons sans perte de qualité. Mais nous aurions toujours un problème car nous perdrions toujours la possibilité de modifier notre texte. Donc, le convertir en forme n’est pas non plus le meilleur choix.

Option 3: Convertir le type en objet intelligent

Mais une troisième option consiste à convertir notre texte en objet intelligent en choisissant Convertir en Objet intelligent dans le menu:

Choisir Convertir en Objet intelligent.

Photoshop convertit le calque de type en objet intelligent, et nous le savons par l’icône de l’objet intelligent en bas à droite de la vignette:

La couche de type est maintenant un objet intelligent.

Les objets intelligents sont non destructifs, nous pouvons donc les transformer autant que nous le souhaitons sans aucune perte de qualité. Et notre couche de type est maintenant intégrée à l’objet intelligent, ce qui signifie que nous pouvons ouvrir l’objet intelligent et modifier notre texte chaque fois que nous en avons besoin. Mais avant d’apprendre à le faire, regardons comment utiliser les commandes Distort et Perspective avec notre objet intelligent.

Liés: Comment redimensionner des images sans perdre de qualité

Déformer

Je vais revenir au menu Édition et je choisirai à nouveau Transformer. Et cette fois, toutes les options de transformation, y compris la distorsion et la perspective, sont disponibles:

La distorsion et la perspective sont disponibles après la conversion du texte en objet intelligent.

Je vais commencer par choisir Distort:

En choisissant la commande Distort.

La commande Distort nous permet de cliquer et de faire glisser n’importe quelle poignée de coin autour du texte indépendamment les unes des autres. Nous pouvons les faire glisser dans n’importe quelle direction pour déformer le texte en différentes formes:

En mode Distorsion, faites glisser les poignées de coin indépendamment.

Annuler une transformation

Ce n’est pas vraiment ce que je veux faire, donc j’annulerai la commande Distort sans apporter de modifications en appuyant sur la touche Echap de mon clavier. Et maintenant je suis de retour à la forme originale du texte:

Appuyez sur Échap pour annuler une transformation.

Perspective

Ce que je veux faire, c’est faire en sorte que le texte ressemble à un basculement vers l’horizon, un peu comme le texte défilant que vous voyez au début d’un film Star Wars. Je pourrais le faire avec la commande Distort, mais la commande Perspective le rendra plus facile.

Pour le sélectionner, je remonterai dans le menu Édition, je choisirai Transformer, puis je choisirai Perspective :

Va éditer >Transformer >Perspective.

Distorsion vs Perspective

La différence entre Distorsion et Perspective est qu’en mode Distorsion, nous pouvons faire glisser les poignées de coin dans n’importe quelle direction, et nous pouvons les faire glisser séparément les unes des autres. En mode Perspective, nous faisons toujours glisser les poignées de coin, mais nous ne pouvons les faire glisser que de haut en bas, ou de gauche à droite, et la poignée dans le coin opposé se déplacera avec elle dans la direction opposée.

Notez que si je fais glisser la poignée dans le coin supérieur gauche vers le haut, la poignée dans le coin inférieur gauche se déplace vers le bas:

Faire glisser une poignée vers le haut déplace la poignée opposée vers le bas.

Je vais annuler cela en allant dans le menu Édition et en choisissant Annuler, ou en appuyant sur Ctrl + Z (Win) / Commande + Z (Mac). Cela annulera la dernière étape mais me gardera toujours en mode Perspective:

Va éditer > Annuler.

Pour que le texte ressemble à un basculement vers l’arrière, je clique sur la même poignée en haut à gauche, mais cette fois, je le fais glisser vers l’intérieur vers la droite. Et comme nous sommes en mode Perspective, la poignée opposée en haut à droite se déplace également vers l’intérieur:

Faire glisser une poignée vers la droite déplace la poignée opposée vers la gauche.

Commutation entre les commandes de transformation

Je veux également étirer le texte verticalement afin qu’il prenne plus de place en bas. Pour ce faire, je dois passer de la commande Perspective à la commande Scale. Vous pouvez basculer rapidement entre les commandes de transformation en cliquant avec le bouton droit de la souris (Win) / en cliquant avec le bouton de contrôle (Mac) n’importe où dans le document et en choisissant une option différente dans la liste. Je vais choisir l’échelle:

Passer de la Perspective à l’échelle.

Ensuite, je clique sur la poignée du bas et je la fais glisser vers le bas:

Redimensionner le texte en faisant glisser la poignée centrale du bas vers le bas.

Accepter la transformation

Pour l’accepter et fermer ma commande de transformation, j’appuie sur Entrée (Win) / Retour (Mac):

Le texte après application des transformations de perspective et d’échelle.

Connexes: Apprenez les compétences essentielles de transformation gratuites de Photoshop

Ajout d’effets au texte

Avant de voir comment modifier le texte, je vais rapidement ajouter quelques effets.

Changer le mode de fusion

Je vais revenir au panneau Calques et je vais changer le mode de fusion de mon objet intelligent de Normal à Superposition:

Changer le mode de fusion en Superposition.

Ceci mélange le texte avec l’image:

Le texte après avoir changé le mode de fusion en Superposition.

Ajout d’une lueur extérieure

Ensuite, j’ajouterai une lueur au texte en cliquant sur l’icône Styles de calque (l’icône fx):

En cliquant sur l’icône Styles de calque.

Et choisir la Lueur extérieure:

Choisir un style de couche de lueur extérieure.

Dans la boîte de dialogue Style de calque, je clique sur l’échantillon de couleur pour changer la couleur de la lueur:

En cliquant sur l’échantillon de couleur.

Ensuite, je déplace le curseur de ma souris dans l’image et je clique sur une couleur verte pour la sélectionner:

Échantillonnant une couleur de l’image pour la lueur extérieure.

Je clique sur OK pour fermer le Sélecteur de couleurs. Et puis de retour dans la boîte de dialogue Style de calque, j’augmenterai la Taille de la lueur à 60 px et l’opacité à 50%:

Les options de lueur externe.

Je clique sur OK pour fermer la boîte de dialogue, et voici le résultat:

Le texte avec la lueur extérieure appliquée.

Comment modifier le texte

Enfin, pour modifier votre texte, ouvrez votre objet intelligent en double-cliquant sur sa vignette dans le panneau Calques :

Ouverture de l’objet intelligent.

Cela ouvre le contenu de l’objet intelligent (dans ce cas, notre texte) dans un document séparé :

Le texte s’ouvre dans un document séparé.

Et si nous regardons dans le panneau Calques, nous voyons notre couche de type:

La couche de type d’origine est en sécurité à l’intérieur de l’objet intelligent.

Modification du texte

Sélectionnez l’outil Type dans la barre d’outils :

Sélectionnez l’outil Type.

Modification du texte à l’intérieur de l’objet intelligent.

Connexe: Comment modifier des objets intelligents

Enregistrement de la modification

Pour que la modification apparaisse dans le document principal, nous devons enregistrer et fermer l’objet intelligent. Allez dans le menu Fichier et choisissez Enregistrer:

Aller au fichier > Enregistrer.

Puis revenez au menu Fichier et choisissez Fermer:

Aller au fichier > Fermer.

Et de retour dans le document principal, le même effet apparaît maintenant avec le nouveau texte:

Le même effet après avoir modifié le texte.

Et voilà ! Voilà comment ajouter des effets de distorsion et de perspective à votre texte dans Photoshop! Consultez nos sections Effets de texte pour plus de tutoriels! Et n’oubliez pas que tous nos tutoriels Photoshop sont maintenant disponibles en téléchargement au format PDF !