Astuce Photoshop : bouton de texte d’effet de lumière

Il y a quelques semaines, j’ai écrit un tutoriel montrant comment créer un effet de bouton métallique élégant à l’aide de Photoshop. Dans ce tutoriel, j’ai posté des conclusions et l’une d’entre elles avait un effet de lumière dans le texte. Le tutoriel a été bien accueilli et beaucoup de gens voulaient savoir comment créer cet effet.

Donc, dans ce didacticiel ou astuce rapide, car il s’agit davantage de styles de calque et que nous utiliserons la base d’un didacticiel précédent, je vais vous montrer comment créer un effet de lumière super simple en utilisant uniquement les styles de calque, les modes de fusion et le filtre de flou.

Étape 1

Téléchargez le PSD à partir du didacticiel Bouton métallique élégant dans Photoshop et ouvrez-le. Cachez le symbole au centre du bouton afin que nous puissions créer l’effet de lumière.

Étape 2

Avec l’horizontale Outil de type (T) ajoutez le texte que vous voulez, j’ai tapé START en utilisant Impact pour la police de caractères. La couleur n’est pas vraiment importante car nous appliquerons certains styles de calque pour créer l’effet.

Étape 3

Aller à Calque> Styles de calque> Superposition de couleurs. Utiliser le bleu #5ba0c8 pour la couleur.

Étape 4

Sélectionner Lueur intérieurepour le Mode de fusion utilisation Color Dodge avec 65% d’opacitéblanc pour la couleur, Centre de la Source, 4% pour le Choke et 10 pixels pour la Taille. Modifiez également la plage à 52 %.

Étape 5

Sélectionner Lueur externe. Utilisez l’écran pour le Mode de fusion, 42 % pour le Opacité, bleu (#33b5ff) pour la Couleur, 0% pour l’Etendue, 13 pixels pour la Taille.

Étape 6

Sélectionner Ombre intérieurealors pour le Le mode de fusion utilise une couleur plus foncée avec du noir pour la couleur. Pour l’opacité, utilisez 76 % avec 127º pour l’angle. Pour la distance, utilisez 2 pixels, 0 % pour le starter et 5 pixels pour la taille.

Étape 7

Maintenant une partie très importante de l’effet, créez l’effet scanlines. Pour ce faire, c’est assez simple, créez simplement un nouveau document avec 10 pixels de largeur et 2 pixels de hauteur. Créez ensuite un rectangle noir de 10×1 pixels pour avoir une ligne noire et une autre blanche. Après cela allez à Édition>Définir le motif. Nommez votre modèle et vous êtes prêt à partir.

Étape 8

Créez un nouveau calque et remplissez-le avec l’arrière-plan du motif, puis créez une sélection de sélection du texte en cliquant sur la vignette de l’icône contenant Commande (MAC) / Contrôle (PC)

Étape 9

Aller à Calque>Masque de calque>Révéler la sélection, de sorte que le motif ne sera visible que dans la zone de sélection du rectangle de sélection. Après cela, changez le mode de fusion en superposition.

Étape 10

Dupliquez le calque de texte et accédez à Filtre>Flou>Flou gaussien. Utilisation 10 pixels pour le Rayon. Regroupez ensuite le calque dans un dossier et changez son mode de fusion en Lumière douce.

Conclusion

Vous pouvez fusionner tous les calques utilisés pour créer le bouton et les dupliquer deux fois, puis appliquer un flou gaussien aux deux. Pour celui ci-dessous, changez le mode de fusion en superposition et pour celui en haut, utilisez l’écran, tous deux à 40% d’opacité. Après cela, l’effet de lumière est à peu près terminé.

La chose intéressante à propos de cet effet est qu’il fonctionne incroyablement bien pour les textes, mais lorsque vous avez des symboles avec des zones plus grandes, vous devrez faire quelques ajustements dans les styles de calque, rien qui ne sera complètement différent cependant.