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.
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:
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.
Ensuite, nous étendons le dégradé de bas en haut à droite, de sorte à obtenir notre cône de lumière en bas à droite.
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.
Nous y entrerons la valeur suivante: #a9419c.
Pour notre résultat intermédiaire:
Nous réglons l'opacité de la couche à 28%, de sorte que notre texte semble transparent pour le moment.
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:
Nous obtenons le résultat suivant:
Ensuite, nous allons sur l'ombre intérieure et appliquons les valeurs suivantes:
Et obtenons le résultat suivant:
• Lueur externe:
Résultat intermédiaire:
• Lueur interne:
• Biseau et relief:
• Contour:
Résultat intermédiaire:
• Éclat: Pour la couleur de la méthode de remplissage, cliquons simplement avec la pipette sur le fond sombre à côté de notre "P".
Résultat intermédiaire:
• Contour:
Résultat intermédiaire:
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.
Ensuite, nous créons un nouveau calque.
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 …
… et appliquons le dégradé comme indiqué dans l'image ci-dessous.
Résultat:
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é.
Nous appliquons à nouveau un dégradé, tel qu'indiqué dans l'image, pour renforcer davantage l'effet de lumière.
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.
Nous obtenons alors le résultat intermédiaire suivant:
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.
Nous créons un nouveau calque que nous appelons "Lumière haute" …
… et appliquons à nouveau un dégradé radial blanc à transparent, comme indiqué ci-dessous…
Résultat intermédiaire:
Ensuite, nous levons la sélection avec Ctrl+D …
… et réduisons l'opacité à 30%.
Résultat intermédiaire:
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).
Nous inverserons ensuite cette sélection en appuyant sur Ctrl+Maj+I, …
… et supprimons le reste du dégradé avec la touche Suppr pour obtenir un bord de réflexion net.
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".
Ensuite, nous sélectionnons l'outil Polygone …
… cliquez dans la barre de contrôle sur la petite flèche vers le bas et …
… 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.
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 …
Voilà à quoi cela peut ressembler.:)
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;)).
Nous remplissons l'arrière-plan avec du noir …
… et appelons nos taches de lumière.
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.
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.;)
Mais heureusement, nous l'avons tout de même attrapée complètement. Nous appuyons alors sur Ctrl+I pour inverser notre calque.
Ensuite, nous sélectionnons l'ensemble du calque en appuyant sur Ctrl+A, allons dans Édition > Définir une forme de pinceau …
… et enregistrons notre tache de lumière comme pinceau.
Revenons à notre document en créant d'abord un nouveau calque que nous nommons "Taches de lumière".
Nous pouvons maintenant appeler le pinceau nouvellement créé dans la palette de pinceaux.
Assurez-vous que notre pinceau n'est pas trop grand. De plus, la couleur de premier plan devrait être blanche.
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.
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.
Ensuite, nous appuyons sur Ctrl+E pour fusionner ces duplicatas en un calque.
Ensuite, nous appuyons sur Ctrl+T pour transformer le calque. Nous faisons un clic droit sur le calque de transformation et choisissons Reflet vertical.
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.
Ensuite, nous sélectionnons l'outil de sélection rectangle et commençons par marquer le "P".
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.
Nous répétons la même opération avec le "D".
Ensuite, nous créons un masque de calque sur ce plan...
... 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.
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.
Et nous obtenons le résultat intermédiaire suivant:
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.
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é.
Nous réglons les valeurs de couleur suivantes:
Ensuite, en maintenant la touche Maj, nous appliquons un joli dégradé du haut vers le bas.
Résultat intermédiaire:
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.
Résultat intermédiaire:
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...
... et dessinons légèrement à l'extérieur du document tout en maintenant la touche Maj enfoncée le long du bord du sol.
Résultat intermédiaire:
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.
Ensuite, nous pouvons régler un peu l'opacité de l'ombre (à 60%).
Et nous sommes enfin arrivés à destination.:)
J'espère que ce tutoriel vous a plu, et je me réjouis de chaque commentaire.:)