Distorsion et effets de perspective 3D

Dans ce tutoriel, je vais vous montrer comment transformer du texte avec les commandes Distorsion et Perspective dans Photoshop ! Habituellement, 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 dernière version de Photoshop CC mais toute version plus récente fonctionnera. Commençons!

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

Ajout de 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é cette d’Adobe Stock :

L'image comme le texte seront placés devant.  Crédit image : Adobe Stock.

L’image de fond. Crédit image : Adobe Stock.

Et si nous regardons dans le panneau des calques, nous voyons que j’ai également avancé et ajouté du texte sur l’image. Je l’active en cliquant sur le calque Type icône de visibilité:

Activer le calque de texte dans le document dans Photoshop

Active 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 veux 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 Photoshop Perspective commande.

Pour y arriver, je monterai jusqu’à Éditer menu dans la barre de menus, puis je sélectionne Transformer. C’est ici que l’on retrouve toutes les différentes commandes de transformation de Photoshop. Mais notez que même si nous pouvons accéder à des éléments tels que Scale, Rotate, Skew et même Warp, les deux options les plus intéressantes sont—Fausser et Perspective– est grisé :

Les options Photoshop Distorsion et Perspective ne sont pas disponibles.

Les paramètres 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 : Raster du texte

Une chose que je pourrais faire est de pixelliser mon texte, ce qui signifie convertir mon texte en pixels. Et je pourrais le faire dans le panneau Lay by clic-droit (Vent) / Contrôle-clic (Mac) directement sur Rédiger des équipes:

Faites un clic droit (Win) / Ctrl-clic (Mac) sur le calque de texte dans Photoshop

Faites un clic droit (Win) / Ctrl-clic (Mac) sur le calque de texte.

Et puis choisissez Type de pixellisation depuis le menu :

La commande Pixelliser le type dans Photoshop

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 quel type de transformation à une image basée sur des pixels, nous pouvons perdre en qualité. La pixellisation du type n’est donc pas un bon choix.

Option 2 : convertir le texte en forme

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

La commande Convertir en forme dans Photoshop

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 formulaire 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 sélectionnant Convertir en objet intelligent depuis le menu :

Convertir le calque de texte en objet intelligent dans Photoshop

Sélectionne Convertir en objet intelligent.

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

Le calque de texte a été converti en objet intelligent dans Photoshop

Le calque de type est maintenant un objet intelligent.

Les objets intelligents sont non destructifs, nous pouvons donc les transformer autant que nous le voulons, sans perte de qualité. Et notre couche Type est maintenant intégrée à l’objet intelligent, ce qui signifie que nous pouvons ouvrir l’objet intelligent et modifier notre texte lorsque 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 retourne à Éditer menu et je sélectionne à nouveau Transformer. Et cette fois, toutes les possibilités de transformation, y compris Distorsion et 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 commence par choisir Fausser:

Sélection de la commande Distorsion dans Photoshop

Sélection de la commande Distorsion.

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

Distorsion du texte dans Photoshop à l'aide de la commande de transformation Distorsion

En mode déformé, tirez les poignées d’angle indépendamment.

Annulation d’une transformation

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

La commande Distorted Transform a été annulée.

Appuyez sur Échap pour annuler une transformation.

Perspective

Ce que je veux faire, c’est donner l’impression que le texte s’incline vers l’horizon, tout comme le texte défilant que vous voyez au début d’un film Star Wars. Je pourrais le faire avec la commande Distorsion, mais la commande Perspective facilitera les choses.

Pour le choisir, je retourne à Éditer menu je choisis Transformeret puis je choisis Perspective:

Sélection de la commande de transformation Perspective dans Photoshop

Allez dans Édition> Transformateur> Perspective.

Distorsion vs perspective

La différence entre Distorsion et Perspective est qu’en mode Distorsion, nous pouvons tirer les poignées d’angle dans n’importe quelle direction et nous pouvons les écarter. En mode perspective, nous tirons toujours les poignées d’angle, mais nous ne pouvons les tirer 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 tire la poignée dans le coin supérieur gauche vers le haut, la poignée dans le coin inférieur gauche descend :

Si vous tirez une poignée d'angle vers le haut en mode perspective, la poignée opposée descend

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

Je le regrette en montant à Éditer menu et sélection annulerou en appuyant sur Ctrl + Z (Vent) / Commande + Z (Mac). Cela annulera la dernière étape, mais me gardera toujours en perspective :

Annuler la dernière étape en mode perspective dans Photoshop

Allez dans Édition> 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 tire vers la droite. Et parce que nous sommes en mode perspective, la poignée opposée en haut à droite se déplace également vers l’intérieur :

Inclinaison du texte en perspective 3D avec Photoshop

Si vous faites glisser une poignée vers la droite, la poignée opposée se déplace vers la gauche.

Basculer entre les commandes de transformation

Je souhaite également étirer le texte verticalement afin qu’il remplisse davantage le 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 (Vent) / Contrôle-clic (Mac) n’importe où dans le document et sélectionnez une autre option dans la liste. je choisis lester:

Passer du mode de transformation de perspective à la commande Échelle dans Photoshop

Passer de la perspective à l’échelle.

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

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

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

Accepter la métamorphose

Pour l’accepter et fermer ma commande de transformation, j’appuie sur Entrer (Vent) / 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 Photoshop dans Free Transform

Ajouter des effets au texte

Avant de voir comment éditer 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 à Superposition :

Changez le mode de fusion du texte en superposition dans Photoshop

Changez le mode de fusion en superposition.

Cela mélange le texte dans 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.

Ajout d’une lueur extérieure

Ensuite, j’ajoute une lueur au texte en cliquant sur Styles de calque l’icône (la par exemple. icône):

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

Sélection d'un style de calque de lueur externe pour le texte

Choix d’un style de couche de lueur externe.

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

Changer la couleur de la lueur extérieure autour du texte

Cliquez sur l’échantillon.

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

Échantillonnez une couleur de l'image à la lueur extérieure

Échantillonnez une couleur de l’image à 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’augmente Taille de la lueur à 60 pixels et Transparence à 50%:

Les paramètres Outer Glow pour le texte dans Photoshop

Les possibilités de lueur externe.

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

Comment ajouter de la distorsion et de la perspective au texte dans Photoshop

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

Comment modifier le texte

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

Ouvre l'objet intelligent pour modifier le texte dans Photoshop

Ouvre 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 des calques, nous voyons nos calques de type :

Le calque de type d'origine se trouve en toute sécurité à l'intérieur de l'objet intelligent

Le calque de type d’origine se trouve en toute sécurité à l’intérieur de l’objet intelligent.

Modification du texte

choisir Outils de saisie depuis la barre d’outils :

Le calque de type d'origine se trouve en toute sécurité à l'intérieur de l'objet intelligent

Sélection de l’outil Type.

Double-cliquez ensuite sur le texte pour le mettre en surbrillance et entrez votre nouveau texte. Je change le mien de «SPACE» à «ALIEN». Presse Entrer (Vent) / 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

Enregistre la modification

Pour afficher la modification dans le document principal, nous devons enregistrer et fermer l’objet intelligent. Montez jusqu’à Dossier menu et sélectionnez Économie:

Enregistrez l'objet intelligent après avoir modifié le texte dans Photoshop

Allez dans Fichier> Enregistrer.

Et puis revenir à Dossier menu et sélectionnez 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 est maintenant affiché avec le nouveau texte :

Le même effet de perspective après modification du texte dans Photoshop

Même effet après modification du texte.

Et là, nous l’avons! Comment ajouter des effets de distorsion et de perspective à votre texte Photoshop ! Consultez nos sections sur les effets de texte pour plus de tutoriels ! Et n’oubliez pas, tous nos tutoriels Photoshop sont désormais disponibles en téléchargement sous forme de fichiers PDF !

Deja un comentario