Texte en verre transparent est l'un des effets de style textuel les plus populaires dans Photoshop, donnant aux designs une touche élégante, moderne et professionnelle. Que ce soit pour des logos, des en-têtes graphiques ou des projets créatifs, cet effet se distingue par sa représentation réaliste du verre capturant la lumière et l'ombre. Dans ce tutoriel, je vais te montrer étape par étape comment créer un effet de texte en verre transparent avec Photoshop. Nous utiliserons des outils simples tels que les styles de calque, les dégradés et les effets pour obtenir un résultat convaincant. Commençons et faisons briller ton texte!

1. L'arrière-plan

Nous allons créer un nouveau document de taille 700 x 400 pixels. Et pour ceux qui souhaitent éventuellement l'imprimer: une résolution de 300 ppi.

Texte en verre transparent

Premièrement, nous allons créer un beau dégradé d'arrière-plan. La plupart des dégradés sont généralement composés de deux couleurs. Cependant, dans Photoshop, nous avons la possibilité de créer des dégradés plus complexes avec plusieurs couleurs.

Nous allons donc créer un dégradé radial:

Texte en verre transparent

Pour le premier curseur, nous choisissons la couleur: #790d3c, cliquons au centre de la barre de couleurs et sélectionnons la couleur: #4a0823. Pour le dernier: #2c0414.

Texte en verre transparent

Ensuite, nous étendons le dégradé de bas en haut à droite, de sorte à obtenir notre cône de lumière en bas à droite.

Texte en verre transparent

2. Le texte

Ensuite, nous prenons l'outil Texte. J'ai choisi la police "Adobe Caslon Pro", fournie avec la suite Creative. La taille de la police est de 75,92 Pt dans cet exemple. Il ne manque plus que la couleur adéquate. Nous l'attribuons en cliquant sur le champ de couleur en haut à droite.

Texte en verre transparent

Nous y entrerons la valeur suivante: #a9419c.

Texte en verre transparent

Pour notre résultat intermédiaire:

Texte en verre transparent

Nous réglons l'opacité de la couche à 28%, de sorte que notre texte semble transparent pour le moment.

Texte en verre transparent

Ensuite, double-cliquons sur le calque "PSD" ou allons sur le bouton fx en bas du panneau de calques pour ouvrir les effets de calque. Cochez d'abord la case de l'ombre portée. Vous trouverez les valeurs ci-dessous:

Texte en verre transparent

Nous obtenons le résultat suivant:

Texte en verre transparent

Ensuite, nous allons sur l'ombre intérieure et appliquons les valeurs suivantes:

Texte en verre transparent

Et obtenons le résultat suivant:

Texte en verre transparent

Lueur externe:

Texte en verre transparent

Résultat intermédiaire:

Texte en verre transparent

Lueur interne:

Texte en verre transparent

Biseau et relief:

Texte en verre transparent

Contour:

Texte en verre transparent

Résultat intermédiaire:

Texte en verre transparent

Éclat: Pour la couleur de la méthode de remplissage, cliquons simplement avec la pipette sur le fond sombre à côté de notre "P".

Texte en verre transparent

Résultat intermédiaire:

Texte en verre transparent

Contour:

Texte en verre transparent

Résultat intermédiaire:

Texte en verre transparent

3. Création des réflexions

Nous allons maintenant créer une petite réflexion au bas du "D". Pour ce faire, nous sélectionnons tout notre texte en maintenant la touche Ctrl enfoncée tout en cliquant sur notre miniature de calque.

Texte en verre transparent

Ensuite, nous créons un nouveau calque.

Texte en verre transparent

Ensuite, nous sélectionnons l'outil Dégradé et choisissons un dégradé de blanc à transparent. Veillez à ce que l'option Dégradé radial soit toujours activée …

Text en verre transparent

… et appliquons le dégradé comme indiqué dans l'image ci-dessous.

Texte en verre transparent

Résultat:

Texte en verre transparent

Nous pouvons également masquer la sélection avec Ctrl+H. Cela nous permet d'évaluer immédiatement le résultat si nous appliquons un deuxième dégradé.

Texte en verre transparent

Nous appliquons à nouveau un dégradé, tel qu'indiqué dans l'image, pour renforcer davantage l'effet de lumière.

Texte en verre transparent

Ensuite, nous appuyons sur Ctrl+D pour désélectionner la sélection masquée. Nous renommons notre calque supérieur "Lumière basse". Pour faire en sorte que notre dégradé s'adapte bien à notre texte, sélectionnons le mode de remplissage: Incrustation.

Texte en verre transparent

Nous obtenons alors le résultat intermédiaire suivant:

Texte en verre transparent

Nous répétons maintenant le même processus avec le coin supérieur gauche: nous sélectionnons le texte en maintenant la touche Ctrl enfoncée sur la miniature de calque.

Text en verre transparent

Nous créons un nouveau calque que nous appelons "Lumière haute" …

Texte en verre transparent

… et appliquons à nouveau un dégradé radial blanc à transparent, comme indiqué ci-dessous…

Text en verre transparent

Résultat intermédiaire:

Texte en verre transparent

Ensuite, nous levons la sélection avec Ctrl+D

Texte en verre transparent

… et réduisons l'opacité à 30%.

Texte en verre transparent

Résultat intermédiaire:

Text en verre transparent

Pour une réflexion plus prononcée, nous commençons par créer une sélection d'ellipse sur la moitié supérieure de notre texte … (pour déplacer l'ellipse en même temps que vous la créez, maintenez la touche Espace enfoncée).

Texte en verre transparent

Nous inverserons ensuite cette sélection en appuyant sur Ctrl+Maj+I, …

Texte en verre transparent

… et supprimons le reste du dégradé avec la touche Suppr pour obtenir un bord de réflexion net.

Texte en verre transparent

4. Création des points lumineux (2 variantes)

Pour créer une plus grande impression de brillance, nous allons créer de petits pointillés lumineux. Il existe plusieurs variantes. Je vais vous expliquer deux d'entre elles. À savoir une fois avec des étoiles polygonales. Et la deuxième avec des taches lumineuses.

Variante 1: Étoiles polygonales

Nous commençons par les étoiles polygonales. Pour cela, nous créons un nouveau calque que nous appelons "Étoiles".

Texte en verre transparent

Ensuite, nous sélectionnons l'outil Polygone

Texte en verre transparent

… cliquez dans la barre de contrôle sur la petite flèche vers le bas et …

Texte transparent en verre

… cliquez ensuite sur l'option Étoile.

• nous réglons le diminuer les pages à 98% pour obtenir des pointes très dures. Ensuite, nous définissons à Pages 5, pour obtenir 5 pointes par étoile.

Texte en verre transparent

Il est maintenant important que nous ayons réglé la couleur avant-plan sur blanc. Ensuite, nous plaçons les étoiles sur les zones les plus éclairées …

Texte en verre transparent

Voilà à quoi cela peut ressembler.:)

Texte en verre transparent



Maintenant, passons à la deuxième option. Mais avant cela, rangeons notre palette de calques en regroupant nos calques de polygones (en sélectionnant les calques correspondants et en appuyant sur Ctrl+G). Ensuite, nous pouvons les masquer d'un clic. Nous pouvons nommer le groupe "Étoiles".

Variante 2: Créer des taches de lumière en tant que pinceau

Je vais vous montrer immédiatement une manière très efficace de placer rapidement et facilement des taches de lumière. Pour ce faire, nous avons d'abord besoin d'un nouveau document avec une surface de travail de 2000 x 2000 pixels (nous en aurons besoin, car les taches de lumière deviennent extrêmement grandes même en petite taille;)).

Texte en verre transparent

Nous remplissons l'arrière-plan avec du noir …

Texte en verre transparent

… et appelons nos taches de lumière.

Texte en verre transparent

Nous devons maintenant veiller à placer la tache de lumière au centre autant que possible, afin d'inclure également la lueur environnante non coupée sur notre surface de travail.

Texte en verre transparent

Si vous regardez attentivement ou regardez votre moniteur depuis un angle élevé, vous verrez que notre tache de lumière touche presque le bord supérieur.;)

Texte en verre transparent

Mais heureusement, nous l'avons tout de même attrapée complètement. Nous appuyons alors sur Ctrl+I pour inverser notre calque.

Texte en verre transparent

Ensuite, nous sélectionnons l'ensemble du calque en appuyant sur Ctrl+A, allons dans Édition > Définir une forme de pinceau

Texte en verre transparent

… et enregistrons notre tache de lumière comme pinceau.

Texte en verre transparent

Revenons à notre document en créant d'abord un nouveau calque que nous nommons "Taches de lumière".

Texte en verre transparent

Nous pouvons maintenant appeler le pinceau nouvellement créé dans la palette de pinceaux.

Texte en verre transparent

Assurez-vous que notre pinceau n'est pas trop grand. De plus, la couleur de premier plan devrait être blanche.

Texte en verre transparent

Idéalement, nous créons un nouveau calque par tache de lumière (pour pouvoir les déplacer à volonté) et les plaçons sur les zones réfléchies de notre image.

Text en verre transparent

5. Créer une réflexion

Comme c'est souvent le cas avec la plupart des objets ultra-brillants, ils laissent généralement une réflexion. Et c'est exactement ce que nous allons faire avec notre texte maintenant.

Tout d'abord, nous avons besoin d'une copie de calque de tout notre texte avec les réflexions. Pour ce faire, nous sélectionnons les calques "PSD", "Lueur en bas" et "Lueur en haut" et les faisons glisser avec la touche de la souris appuyée sur la feuille de montage inférieure pour créer une copie de tous les trois calques.

Texte en verre transparent

Ensuite, nous appuyons sur Ctrl+E pour fusionner ces duplicatas en un calque.

Texte en verre transparent

Ensuite, nous appuyons sur Ctrl+T pour transformer le calque. Nous faisons un clic droit sur le calque de transformation et choisissons Reflet vertical.

Texte en verre transparent

Ensuite, nous déplaçons le plan vers le bas en utilisant les touches fléchées jusqu'à ce que les bords des plans se touchent. Dans ce cas, c'est seulement le cas pour le "S". Nous devrons encore ajuster les deux autres.

Texte en verre transparent

Ensuite, nous sélectionnons l'outil de sélection rectangle et commençons par marquer le "P".

Texte en verre transparent

En appuyant sur "V" maintenant, nous avons notre outil de déplacement prêt. Avec cela, nous pouvons déplacer le "P" vers le haut en utilisant les touches fléchées jusqu'à ce qu'il touche le bord inférieur. En appuyant sur Ctrl+H, nous masquons temporairement le contour de la sélection pour mieux évaluer la position. Cela aide vraiment beaucoup lors du déplacement.

Le fait que le bord inférieur du "P" soit coupé n'est pas grave puisqu'il sera de toute façon masqué plus tard.

Texte en verre transparent

Nous répétons la même opération avec le "D".

Texte en verre transparent

Ensuite, nous créons un masque de calque sur ce plan...

Texte en verre transparent

... puis nous utilisons l'outil de dégradé et choisissons un dégradé noir et blanc ou un dégradé noir à transparent. Nous veillons à activer l'option de dégradé linéaire.

Texte en verre transparent

Nous commençons le dégradé au bas et le faisons monter comme indiqué dans l'image. Nous pouvons maintenir la touche Maj enfoncée pour obtenir un dégradé vraiment droit.

Texte en verre transparent

Et nous obtenons le résultat intermédiaire suivant:

Texte en verre transparent

Comme de nombreux reflets, la réflexion est généralement très faible. Nous réduisons donc légèrement l'opacité de ce plan (44%) pour obtenir une réflexion relativement réaliste.

Texte en verre transparent



Cela donne à notre texte un peu plus d'espace, car un sol est visible à travers la réflexion. Et pour accentuer un peu plus cet espace, nous allons créer un sol.

Avant cela, nous allons mettre de l'ordre dans nos calques. Nous renommons le calque que nous venons de créer en "Réflexion". Comme une réflexion se trouve sous le texte, nous déplaçons ce calque "Réflexion" sous le calque "PSD". Ensuite, nous regroupons le texte avec la réflexion et les reflets dans un groupe que nous nommons "PSD". Nous regroupons également les trois calques de taches lumineuses dans un groupe de taches lumineuses. Ainsi, notre structure de calque se compose du calque d'arrière-plan, du groupe "PSD", du groupe "Étoiles" et du groupe "Taches lumineuses".

Sous le groupe "PSD", nous créons maintenant un dossier appelé "Sol", où nous allons créer notre dernière illustration.

6. Créer un sol

En créant un nouveau calque dans le groupe de calques "Sol", que nous appelons également "Sol". Ensuite, nous utilisons notre outil de dégradé.

Texte en verre transparent

Nous réglons les valeurs de couleur suivantes:

Texte en verre transparent

Ensuite, en maintenant la touche Maj, nous appliquons un joli dégradé du haut vers le bas.

Text en verre transparent

Résultat intermédiaire:

Texte en verre transparent

Il est déjà très beau tel quel, mais il doit devenir notre sol. Nous appuyons maintenant sur Ctrl+T et tirons le calque vers le bas en utilisant le manipulateur du milieu supérieur jusqu'à ce qu'il dépasse légèrement la réflexion. Cela permet de placer le texte non pas contre le bord arrière de la "pièce", mais plus au milieu.

Texte en verre transparent

Résultat intermédiaire:

Texte en verre transparent

Nous avons donc notre sol virtuel. Cependant, il n'est pas tout à fait convaincant car il ne projette pas d'ombre. Nous créons donc un nouveau calque pour l'ombre et le plaçons sous notre calque "Sol".

Nous nommons ce calque immédiatement "Ombre". Ensuite, nous choisissons un pinceau rond noir doux...

Texte en verre transparent

... et dessinons légèrement à l'extérieur du document tout en maintenant la touche Maj enfoncée le long du bord du sol.

Texte en verre transparent

Résultat intermédiaire:

Texte en verre transparent

Maintenant notre ombre est encore un peu trop forte. Mais cela ne pose pas de problème, car nous pouvons la déplacer vers le bas avec l'outil de déplacement et les touches fléchées. Ou bien nous appuyons à nouveau sur Ctrl+T et déplaçons légèrement le poignée inférieure du milieu vers le haut, pour que notre ombre devienne un peu plus prononcée.

Texte en verre transparent

Ensuite, nous pouvons régler un peu l'opacité de l'ombre (à 60%).

Texte en verre transparent

Et nous sommes enfin arrivés à destination.:)

J'espère que ce tutoriel vous a plu, et je me réjouis de chaque commentaire.:)

Texte en verre transparent