Transformer 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 Distorsion et Perspective de 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 le dernière version de Photoshop CC mais n'importe quelle version récente fonctionnera. Commençons!






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

Ajout du texte

La première chose que nous devons 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 d'Adobe Stock :



  L'image devant laquelle le texte sera placé. Crédit photo : Adobe Stock. L'image de fond. Crédit photo : Adobe Stock.

Et si on regarde dans le Panneau Calques , nous voyons que j'ai également ajouté du texte au-dessus de l'image. Je vais l'activer en cliquant sur le calque Type icône de visibilité :

  Activer le calque Type dans le document dans Photoshop Activer le texte.

Et voici mon texte :



  Le texte a été ajouté devant l'image dans Photoshop Le texte apparaît devant l'image.

J'utilise une police appelée Orbitron Bold que j'ai téléchargée depuis Adobe Typekit :

  La police Orbitron Bold utilisée dans l'effet. La police utilisée dans l'effet.

Les commandes Distorsion et 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 son perspective . Et le moyen le plus simple d'ajouter de la perspective est d'utiliser Photoshop Perspective commande.

Pour y accéder, je vais monter au Éditer menu dans la barre de menus et je choisirai Transformer . C'est ici que l'on retrouve toutes les différentes commandes de transformation de Photoshop. Mais notez que, bien que nous puissions accéder à des éléments tels que Scale, Rotate, Skew et même Warp, les deux options les plus intéressantes— Fausser et Perspective —sont grisés :



  Photoshop's Distort and Perspective transform options are unavailable. Les options Distorsion et Perspective ne sont pas disponibles.

Conversion du calque Type

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

Option 1 : Pixelliser le texte

Une chose que je pourrais faire est pixelliser mon texte, ce qui signifie convertir mon texte en pixels. Et je pourrais le faire dans le panneau Calques en clic droit (Gagner) / Contrôle-clic (Mac) directement sur le Couche de texte :

  Clic droit (Win) / Contrôle-clic (Mac) sur le calque Type dans Photoshop Faites un clic droit (Win) / Ctrl-clic (Mac) sur le calque Type.

Et puis choisir Pixelliser le type depuis le menu :



  La commande Pixelliser le type dans Photoshop La commande Pixelliser le type.

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

Option 2 : Conversion du texte en forme

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



  La commande Convertir en forme dans Photoshop La commande Convertir en forme.

L'avantage qu'un la forme a plus de pixels est que nous pouvons transformer une forme autant que nous le voulons sans aucune 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 : Conversion du type en objet intelligent

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



  Conversion du calque Type en objet intelligent dans Photoshop Choisir Convertir en objet dynamique.

Photoshop convertit le calque Type en un objet intelligent , et nous savons que par le icône d'objet intelligent en bas à droite de la vignette :

  Le calque Type a été converti en objet intelligent dans Photoshop Le calque Type est maintenant un objet intelligent.

Les objets intelligents sont non destructifs, nous pouvons donc les transformer autant que nous le voulons sans aucune perte de qualité. Et notre couche Type est maintenant intégrée à l'intérieur 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 à faire cela, regardons comment utiliser les commandes Distorsion et Perspective avec notre objet intelligent.

En relation: Comment redimensionner des images sans perdre en qualité

Fausser

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

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

je vais commencer par choisir Fausser :

  Choisir la commande Distorsion dans Photoshop Choisir la commande Distorsion.

La commande Déformer nous permet de cliquer et de faire glisser l'un des poignées d'angle autour du texte indépendamment les uns des autres. Nous pouvons les faire glisser dans n'importe quelle direction pour déformer le texte en différentes formes :

  Déformer le texte dans Photoshop à l'aide de la commande de transformation Distorsion En mode Distorsion, faites glisser les poignées d'angle indépendamment.

Annulation d'une transformation

Ce n'est pas vraiment ce que je veux faire, donc je vais annuler la commande Distorsion sans apporter de modifications en appuyant sur la touche Esc touche de mon clavier. Et maintenant je suis de retour à la forme originale du texte :

  La commande de transformation Distorsion a été annulée. Appuyez sur Échap pour annuler une transformation.

Perspective

Ce que je vouloir faire est de donner l'impression que le texte s'incline vers l'horizon, un peu comme le texte défilant que vous voyez au début d'un film Star Wars. je pourrait faites cela avec la commande Distorsion, mais la commande Perspective vous facilitera la tâche.

Pour le sélectionner, je remonterai au Éditer menu, je choisirai Transformer , puis je choisirai Perspective :

  Choisir la commande de transformation Perspective dans Photoshop Aller à Édition> Transformer> Perspective.

Distorsion vs Perspective

La différence entre Distorsion et Perspective est qu'en mode Distorsion, nous pouvons faire glisser les poignées d'angle 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 d'angle, 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 fond le coin gauche descend :

  Faire glisser une poignée d'angle vers le haut en mode Perspective déplace la poignée opposée 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 jusqu'au Éditer menu et choix annuler , ou en appuyant sur Ctrl+Z (Gagner) / Commande + Z (Mac). Cela annulera la dernière étape mais me gardera toujours en mode Perspective :

  Annulation de la dernière étape du mode Perspective dans Photoshop Allez dans Edition > Annuler.

Pour donner l'impression que le texte s'incline vers l'arrière, je clique sur la même poignée en haut à gauche, mais cette fois, je la fais glisser 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 :

  Inclinaison du texte dans une perspective 3D avec Photoshop Faire glisser une poignée vers la droite déplace la poignée opposée vers la gauche.

Basculer entre les commandes de transformation

Je souhaite é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 Échelle. Vous pouvez basculer rapidement entre les commandes de transformation en clic droit (Gagner) / Contrôle-clic (Mac) n'importe où dans le document et en choisissant une option différente dans la liste. je choisirai Échelle :

  Passer du mode de transformation Perspective à la commande Échelle dans Photoshop Passer de la perspective à l'échelle.

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

  Mise à l'échelle du texte en faisant glisser la poignée centrale inférieure vers le bas dans Photoshop Mettez le texte à l'échelle en faisant glisser la poignée centrale inférieure vers le bas.

Accepter la transformation

Pour l'accepter et fermer ma commande de transformation, j'appuierai sur Entrer (Gagner) / Revenir (Mac):

  Le texte dans Photoshop après l'application des transformations Perspective et Échelle Le texte après application des transformations Perspective et Échelle.

En relation: Apprenez les compétences essentielles de Free Transform de Photoshop

Ajouter des effets au texte

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

Changer le mode de fusion

Je reviens au panneau Calques et je change le mode de fusion de mon objet intelligent de Normal à Recouvrir :

  Modification du mode de fusion du texte en superposition dans Photoshop Changer le mode de fusion en superposition.

Cela fusionne le texte avec l'image :

  Le texte après avoir changé le mode de fusion des calques en superposition dans Photoshop Le texte après avoir changé le mode de fusion en superposition.

Ajouter une lueur extérieure

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

  Cliquer sur l'icône Styles de calque pour ajouter une lueur au texte Cliquez sur l'icône Styles de calque.

Et choisir Lueur externe :

  Choisir un style de calque Outer Glow pour le texte Choisir un style de calque Outer Glow.

Dans la boîte de dialogue Style de calque, je clique sur le nuancier pour changer la couleur de la lueur :

  Changer la couleur de la lueur extérieure autour du texte Cliquez sur l'échantillon de couleur.

Ensuite, je déplacerai le curseur de ma souris dans l'image et je cliquerai sur une couleur verte pour la sélectionner :

  Échantillonnage d'une couleur à partir de l'image pour Outer Glow Échantillonnage d'une couleur à partir de l'image pour Outer Glow.

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 le Taille de la lueur à 60 pixels et le Opacité à cinquante% :

  Les options Outer Glow pour le texte dans Photoshop Les options de lueur extérieure.

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

  Comment ajouter une distorsion et une perspective au texte dans Photoshop Le texte avec Outer Glow appliqué.

Comment modifier le texte

Enfin, pour éditer votre texte, ouvrez votre objet intelligent en double-cliquant sur son Miniature dans le panneau Calques :

  Ouverture de l'objet intelligent pour modifier le texte dans Photoshop 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é Le texte s'ouvre dans un document séparé.

Et si nous regardons dans le panneau Calques, nous voyons notre calque Type :

  Le calque Type d'origine est en sécurité à l'intérieur de l'objet intelligent Le calque Type d'origine est en sécurité à l'intérieur de l'objet intelligent.

Modification du texte

Sélectionnez le Outil de saisie depuis la barre d'outils :

  Le calque Type d'origine est en sécurité à l'intérieur de l'objet intelligent Sélection de l'outil Texte.

Double-cliquez ensuite sur le texte pour le mettre en surbrillance et entrez votre nouveau texte. Je vais changer le mien de 'SPACE' à 'ALIEN'. Presse Entrer (Gagner) / Revenir (Mac) pour l'accepter :

  Modification du texte à l'intérieur de l'objet intelligent dans Photoshop Modification du texte à l'intérieur de l'objet intelligent.

En relation : Comment modifier des objets intelligents

Sauvegarder le changement

Pour que la modification apparaisse dans le document principal, nous devons enregistrer et fermer l'objet intelligent. Montez jusqu'au Dossier menu et choisissez sauvegarder :

  Enregistrement de l'objet intelligent après avoir modifié le texte dans Photoshop Allez dans Fichier > Enregistrer.

Et puis retournez à la Dossier menu et choisissez proche :

  Fermeture de l'objet intelligent après avoir modifié le texte dans Photoshop Allez dans Fichier > Fermer.

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

  Le même effet de perspective après modification du texte dans Photoshop Le même effet après avoir édité le texte.