Créer un effet de texte éclairé dans Photoshop

Les effets d'éclairage sont un moyen amusant de rendre votre typographie plus intéressante. Dans ce didacticiel, je vais vous montrer comment créer un effet de texte éclairé par des pistes de petites lumières à l'aide de plusieurs outils Photoshop, notamment des formes vectorielles, des pinceaux, des styles de calque et des calques de réglage. Commençons!


Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..

  • Police Code Gras.
  • LandscapeArid0006 de Jonas De Ro.
  • RustPaint0147 de Thierry Hof.

Avant de commencer: Chargement de préréglages

Pour plus d'informations sur le chargement des paramètres prédéfinis, consultez ce didacticiel sur le gestionnaire de paramètres prédéfinis de Photoshop..

  • Ouvrez le RustPaint0147 image dans Photoshop puis aller à Édition> Définir un motif afin d'ajouter la texture comme un motif à la Les motifs préréglé.
  • Pour charger le Contours, aller à Édition> (Paramètres prédéfinis)> Gestionnaire de paramètres prédéfinis, et choisir Contours du Type de préréglage menu déroulant. Ensuite, cliquez sur la petite flèche à droite de la Type de préréglage menu déroulant, et cliquez sur Contours près du bas du menu contextuel. Lorsque la boîte de dialogue apparaît après cela, cliquez sur Ajouter.
  • Pour charger le Les motifs, aller à Édition> (Paramètres prédéfinis)> Gestionnaire de paramètres prédéfinis, et choisir Les motifs du Type de préréglage menu déroulant. Ensuite, cliquez sur la petite flèche à droite de la Type de préréglage menu déroulant, et cliquez sur Les motifs près du bas du menu contextuel. Lorsque la boîte de dialogue apparaît après cela, cliquez sur Ajouter.

1. Créer le fond et le texte

Étape 1

Créez un nouveau document 1200 x 1600 px et utilisez le Résolution valeur de 300. Met le Premier plan couleur à # 35383f et le Contexte couleur à # 1d1e23. Choisissez le Outil gradient, choisir la Du premier plan au fond dégradé, cliquez sur le Gradient Radial icône, et vérifiez la Tremblement boîte pour obtenir un résultat plus lisse.

Ensuite, cliquez et faites glisser depuis le centre du document vers l’un des coins pour créer le dégradé d’arrière-plan..

Étape 2

Placer le LandscapeArid0006 image au-dessus du calque d'arrière-plan, puis déplacez-le de sorte que le sommet de la montagne se trouve près du bas du document. Changer le calque de l'image Mode de fusion à Multiplier.

Étape 3

Aller à Image> Réglages> Désaturer, ensuite aller à Image> Réglages> Niveaux, et changer le Gamma valeur à 1,15.

Étape 4

Créez le texte en utilisant la police Code gras. La police et la taille de police utilisées sont essentielles pour cet effet de texte, car elles déterminent les paramètres de pinceau utilisés plus tard dans le didacticiel. Veillez donc à utiliser les mêmes valeurs ou à modifier les paramètres du pinceau pour les faire correspondre à toute autre famille de police ou taille que vous utilisez..

le Taille Voici 60 pt, la Couleur est # 422915, la suivi La valeur est 100, et le Kerning est réglé sur Optique.

Étape 5

Dupliquer le calque de texte.


2. Style le texte

Double-cliquez sur le calque de texte de copie pour appliquer le style de calque suivant:

Étape 1 - Biseau et estampe

  • Taille: 1
  • Cochez la case Anti-aliasé
  • Mode de surbrillance: Superposition
  • Opacité: 70%
  • Mode Ombre> Opacité: 70%

Étape 2 - Contour

  • Contour: Crique - Peu profonde
  • Cochez la case Anti-aliasé.
  • Intervalle: 90%

Étape 3 - Ombre intérieure

  • Distance: 0
  • Taille: dix

Étape 4

- Lueur intérieure

  • Mode de fusion: Lumière linéaire
  • Opacité: 100%
  • Couleur: # ffeed5
  • Technique: Précis
  • La source: Centre
  • Étranglement: 25
  • Taille: 37

Étape 5 - Superposition de motifs

  • Mode de fusion: Écran
  • Opacité: 25%
  • Modèle: Des nuages

Étape 6

Cela donnera un style au texte avec l’effet de base lumineux. La superposition de motifs aidera à créer des variations de luminosité, tandis que la lueur intérieure intensifie la lumière au centre du texte, tout en servant de guide pour l'ajout du pinceau et des tracés de travail.


3. Créer le pinceau

Étape 1

Créez un nouveau document 500 x 500. Choisissez le Outil Polygone, changer le nombre de Côtés à 7, et créer un 320 x 320 noir Heptagone.

Étape 2

Aller à Édition> Définir le préréglage du pinceau, et tapez Brosse pour le prénom. Vous pouvez ensuite fermer ce document et revenir à l'original.

Étape 3

Choisissez le Outil Pinceau et ouvrez le Brosse panneau (La fenêtre > Brosse). Choisissez la pointe de pinceau que vous venez de définir, puis modifiez ses paramètres comme indiqué ci-dessous:

Étape 4

Créez un nouveau calque au-dessus de tous les calques et appelez-le. Brosse, et définissez la couleur de premier plan sur blanc. Ensuite, remplissez les parties droites et diagonales du texte avec le pinceau modifié..

Pour remplir les parties verticales et horizontales, cliquez à l'endroit où vous souhaitez que la ligne commence, maintenez la touche enfoncée. Décalage faites glisser la ligne où vous voulez qu'elle se termine et relâchez tous les.

Pour remplir les parties diagonales, cliquez une fois à l'endroit où vous souhaitez que la ligne commence et relâchez-la, maintenez la touche enfoncée. Décalage puis cliquez une fois de plus à l'endroit où vous souhaitez que la ligne se termine et relâchez tous les éléments..

Toujours cliquer avant d'appuyer sur le Décalage clé pour empêcher les lignes de se connecter ensemble.

Étape 5

Vous pouvez toujours annuler une ligne que vous n'aimez pas et la recréer. Cette étape peut prendre un certain temps, mais donne un résultat plus précis.


4. Remplissez les lettres restantes

Le reste des lettres va être rempli en caressant des chemins de travail.

Étape 1

Pour la lettre O, vous pouvez simplement utiliser le Outil Ellipse, avec le Chemin option sélectionnée dans le Les options barre, pour créer un chemin de travail au centre de la lettre.

Étape 2

Pour les autres lettres, vous devrez utiliser le Outil stylo (avec l'option Chemin sélectionnée) pour créer les chemins de travail.

Cliquez une fois pour ajouter des points d'ancrage, puis cliquez et faites glisser pour créer des courbes. Vous pouvez utiliser la lueur interne des lettres comme référence pour ajouter le chemin. Vous n'êtes pas obligé de le rendre parfait car nous y travaillerons encore.

Étape 3

Lors de la création des chemins de travail, il est important de tous les créer (pour toutes les parties nécessaires du texte) avant de les appliquer. Les chemins de travail créés maintenant seront réutilisés plus tard dans le tutoriel. Donc, ils devraient tous être créés en même temps.

Pour pouvoir séparer les chemins de travail, maintenez la touche enfoncée. Commande / Ctrl clé et cliquez une fois en dehors de chaque chemin lorsque vous avez fini de le créer. Cela séparera le chemin de travail que vous avez créé de celui que vous allez créer ensuite..

Étape 4

Après avoir créé tous les chemins de travail, sélectionnez le Outil de sélection directe, puis commencez à les modifier.

Vous pouvez cliquer et faire glisser un point d'ancrage pour le déplacer, ou vous pouvez cliquer sur le Points de direction à la fin des deux Poignées de direction, déplacez-les ensuite pour modifier l'orientation de la courbe ou faites-les glisser vers l'intérieur ou vers l'arrière pour agrandir ou réduire la courbe.

Vous pouvez utiliser le Ajouter / supprimer des outils de points d'ancrage si besoin aussi.

Étape 5

Quand vous aimez l’allure des chemins, choisissez le Outil Pinceau encore une fois, assurez-vous que le Brosse couche est sélectionnée, puis appuyez sur la Entrée / Retour touche pour tracer les chemins de travail.

Ensuite, utilisez le Outil pour effacer supprimer toutes les parties superflues / superposées et les remplacer en rajoutant les heptagones à l’aide de la touche Outil Pinceau.

Vous pouvez vous débarrasser du chemin de travail en sélectionnant le Outil de sélection directe et frapper le Entrée / Retour clé.

Étape 6

Une fois que vous avez fini de modifier le trait, changez le Brosse couches Remplir valeur à 0, alors le dupliquer.


5. Styliser les ampoules

Étape 1 - Biseau et estampe

Double-cliquez sur le Brosse couche pour appliquer le style de couche suivant:

  • Technique: Burin dur
  • Taille: 3
  • Contour de lustre: Cône - Inversé
  • Cochez la case Anti-aliasé
  • Mode de surbrillance: Lumière forte
  • Mode Ombre - Opacité: 0%

Étape 2 - Contour

  • Contour: Cône - Inversé
  • Cochez la case Anti-aliasé.

Étape 3 - Ombre intérieure

  • Mode de fusion: Lumière linéaire
  • Couleur: # ffe1a5
  • Distance: 0
  • Taille: 3

Étape 4 - Lueur intérieure

  • Mode de fusion: Lumière linéaire
  • Couleur: #fffffd
  • La source: Centre
  • Taille: 7

Étape 5 - Lueur externe

  • Mode de fusion: Lumière forte
  • Opacité: 100%
  • Couleur: # ffeac7
  • Taille: 1

Étape 6

Cela va styler la partie rougeoyante des ampoules (heptagones).

Étape 7 - Biseau et estampe

Double-cliquez sur le copier le pinceau couche pour appliquer le style de couche suivant:

  • Décochez la case Utiliser la lumière globale
  • Angle: 105
  • Altitude: 48
  • Cochez la case Anti-aliasé
  • Mode de surbrillance: Vive lumière
  • Opacité: 100%
  • Mode Ombre - Opacité: 0%

Étape 8 - Contour

  • Contour: Cône - Inversé
  • Cochez la case Anti-aliasé.

Étape 9

Cela va créer le verre des ampoules.


6. Le pinceau à réflexion

Étape 1

Choisissez le Outil Pinceau, puis ouvrez le Pinceau prédéfini sélecteur et cliquez sur l’icône du menu contextuel dans le coin supérieur droit. Choisir la Pinceaux carrés préréglez le menu et cliquez Ajouter pour l'ajouter aux autres brosses que vous avez.

Étape 2

Choisissez un 3px pinceau carré et modifier ses paramètres dans le Brosse panneau comme indiqué ci-dessous. Cela pourrait être un peu délicat car nous avons besoin de la brosse carrée pour être ajouté au centre de chaque heptagone. Alors le Espacement la valeur doit être ajustée jusqu'à l'obtention du résultat.

Pour ce tutoriel, la valeur utilisée pour cela est 700. Mais vous pouvez certainement essayer d'autres valeurs si celle-ci ne fonctionne pas pour vous..

Étape 3

Créez un nouveau calque au-dessus de tous les calques et définissez la couleur d’avant-plan sur une couleur rouge vif. Suivez ensuite les mêmes étapes que pour l’embout heptagonal pour remplir le texte avec l’embout carré..

Assurez-vous simplement de placer la pointe du pinceau au centre de l’heptagone lorsque vous cliquez pour l’ajouter avant de la faire glisser..

Étape 4

Pour retrouver le chemin de travail et tracer les lettres du chemin de travail, ouvrez le Les chemins panneau (La fenêtre > Les chemins) et cliquez sur le bouton Chemin de travail languette.

Étape 5

Retourner à la Couches Panneau et tracez le chemin de travail, puis corrigez les problèmes comme vous l'avez fait pour la pointe de la brosse heptagon.

Étape 6

Lorsque vous avez terminé d’ajouter les pointes carrées, définissez la couleur d’avant-plan sur # fff5e9, choisir le Outil Pot De Peinture, décocher le Contigu dans la barre des options, placez le curseur de la souris dans l’un des carrés et cliquez pour les remplir avec la couleur Avant-plan.

Ce n'est pas une façon précise de changer la couleur, mais cela va créer des variations à cause de ça.

Si vous voulez un résultat plus précis, vous pouvez appliquer un effet Superposition de couleurs en utilisant la même couleur (# fff5e9), puis pixelliser le calque après celui-ci..


7. Créer les réflexions

Étape 1

Faites glisser le calque de pinceau carré juste en dessous de la Brosse couche, puis le renommer en 0. Créez 3 autres copies de ce calque et renommez-les en 90, 45, et -45. Les noms représentent les valeurs qui seront utilisées pour le flou de mouvement. Angle valeur pour chaque couche.

Étape 2

Sélectionnez le 0 couche et aller à Filtre> Flou> Flou directionnel. Changer la Angle à 0 et le Distance à 30.

Étape 3

Faites la même chose pour les autres couches, mais veillez à utiliser le Angle valeur du nom du calque sélectionné.

Sélectionnez ensuite les quatre couches de flou de mouvement et accédez à Calque> Fusionner les calques. Renommez le calque fusionné en Lumière.

Étape 4

Choisissez le Outil de maculage, choisis un 5px brosse ronde douce, et réglez le Force valeur à 100. Cliquez et faites glisser les lignes pour remplir les coins vides.

Étape 5

Commande / Ctrl-cliquez sur la vignette du calque de texte pour créer une sélection.

Étape 6

Aller à Sélectionnez> Modifier> Contrat et tapez 1. Cela contractera la sélection 1 pixel.

Étape 7

Aller à Sélectionnez> Inverse, puis appuyez sur le Effacer bouton, et aller à Sélectionner> Désélectionner se débarrasser de la sélection.

Étape 8

Dupliquez le calque clair et changez le calque Mode de fusion superposer, puis dupliquer le calque de copie.

Étape 9

Cela intensifiera les reflets de lumière.


8. Créer les barres de métal

Étape 1

Définissez la couleur de premier plan sur # 151414, choisir le Outil Rectangle, et créer 11 px des rectangles derrière le texte. Chaque ligne de texte doit avoir deux rectangles derrière elle: une vers le haut et une vers le bas. Les lignes doivent s'étendre à l'extérieur des côtés droit et gauche du texte.

Assurez-vous de choisir le Combiner des formes option dans la barre des options pour créer tous les rectangles d'un calque.

Étape 2

Renommez le calque des rectangles en Horizontal et assurez-vous de le placer sous le calque de texte, puis créez un nouveau calque en dessous et renommez-le en Verticale.

Étape 3

Créer deux 15 px de large rectangles verticaux près des deux extrémités des lignes horizontales et assurez-vous de faire glisser leurs côtés inférieurs vers le bas du document.

Étape 4

Créer un autre nouveau calque entre le Horizontal et Verticale Couches, appelez ça Centre, et ajouter deux autres Largeur 11-px des rectangles près du milieu des horizontaux.


9. Style des barres de métal

Étape 1 - Biseau et estampe

Double-cliquez sur le Horizontal couche pour appliquer le style de couche suivant:

  • Technique: Burin dur
  • Taille: 1
  • Cochez la case Anti-aliasé
  • Mode de surbrillance: Lumière forte

Étape 2 - Contour

  • Contour: Crique - Peu profonde
  • Cochez la case Anti-aliasé.

Étape 3 - Satin

  • Mode de fusion: Vive lumière
  • Couleur: # e1c543
  • Contour: Étapes arrondies

Étape 4 - Incrustation en dégradé

  • Mode de fusion: Lumière douce
  • Opacité: 60
  • Style: Radial
  • Échelle: 150%
  • Utilisez un dégradé transparent au noir (avec la couleur noire des deux côtés du dégradé).

Étape 5 - Superposition de motifs

  • Mode de fusion: Superposition
  • Opacité: 100%
  • Modèle: RustPaint0147

Étape 6

Cela va coiffer les barres horizontales.

Étape 7 - Biseau et estampe

Double-cliquez sur le Verticale couche pour appliquer le style de couche suivant:

  • Technique: Burin dur
  • Taille: 1
  • Cochez la case Anti-aliasé
  • Mode de surbrillance: Superposition

Étape 8 - Contour

  • Contour: Crique - Peu profonde
  • Cochez la case Anti-aliasé.

Étape 9 - Superposition de motifs

  • Mode de fusion: Superposition
  • Opacité: 100%
  • Modèle: RustPaint0147

Étape 10

Clic droit le Verticale couche et choisissez Copier le style de calque.

Étape 11

Clic droit le Centre couche et choisissez Coller le style de calque.


10. Ajouter les ombres

Étape 1

Commande / Ctrl-clique le Centre la vignette de la couche pour créer une sélection, puis Commande / Ctrl-Décalage-clique le Verticale vignette du calque pour l'ajouter à la sélection.

Étape 2

Créer un nouveau calque au-dessus du Centre couche, appelez-le Ombre, et changer sa Mode de fusion à Multiplier. Définissez la couleur de premier plan sur # 959595, choisir le Outil Pinceau, et choisissez un 100 - 125 px bout rond doux.

Cliquez une fois pour ajouter une ombre là où les lignes verticales et horizontales se rencontrent. Une fois terminé, allez à Sélectionner> Désélectionner.

Étape 3

Double-cliquez sur le calque de texte d'origine et appliquez un Ombre portée effet:

  • Opacité: 100%
  • Distance: 0
  • Propager: 20
  • Taille: 30

Étape 4

Aller à Calque> Style de calque> Créer un calque. Cela placera l'effet d'ombre portée dans un calque séparé. Supprimer le calque de texte d'origine.

Étape 5

Commande / Ctrl-clique le Horizontal vignette du calque pour créer une sélection, assurez-vous que le calque d'ombre portée est sélectionné, allez à Sélectionnez> Inverse, puis frappé Effacer se débarrasser de l'ombre en dehors des lignes horizontales.

Étape 6

Aller à Sélectionnez> Désélectionner, et renommez le calque d'ombre portée en Ombre de texte.


11. Ajouter des lumières

Étape 1

Créer un nouveau calque sous le Ombre de texte couche et l'appeler Texte clair. Changer son Mode de fusion à la lumière douce et son Opacité à 50%. Définissez la couleur de premier plan sur # c0b99d.

Étape 2

Choisissez le Outil Pinceau, et utiliser un 250 px pinceau rond doux pour ajouter de la lumière derrière le texte.

Étape 3

Changez la couleur de premier plan en # c9b47d, et le pinceau Taille à une très grande valeur (1800). Créez un nouveau calque au-dessus de tous les calques et appelez-le. Superposition de lumière. Changer son Mode de fusion superposer et ses Opacité à 70%.

Ensuite, cliquez une fois au centre du document pour ajouter la lumière. Cela améliorera la couleur et la luminosité du résultat final et fera ressortir un peu plus les détails et les textures..

Étape 4

Clique le Créer un nouveau calque de remplissage ou de réglage icône vers le bas Couches panneau et choisissez Gradient Map.

Étape 5

Changer le calque de réglage Mode de fusion superposer et ses Opacité à 20%.

Étape 6

Pour créer le dégradé, utilisez la commande suivante Couleur et Emplacement valeurs:

  • # c6baac - 0
  • # ffc960 - 50
  • # ffe64b - 88

Étape 7

Encore une fois, cliquez sur le bouton Créer un nouveau calque de remplissage ou de réglage icône, mais cette fois, choisissez Pente.

Étape 8

Utilisez un remplissage dégradé transparent à noir, avec les couleurs blanc à gauche et Noir à droite, changez le Style Radial et vérifiez la Tremblement boîte.

Placez le calque de réglage juste en dessous du calque de texte, modifiez son Mode de fusion superposer et ses Opacité à 25%.


Toutes nos félicitations! Vous avez terminé.

Dans ce tutoriel, je vous ai montré comment créer un effet de texte éclairé à l'aide de plusieurs techniques dans Photoshop. J'espère que vous avez appris quelque chose de ce tutoriel et que vous pourrez utiliser les techniques que j'ai présentées sur les effets de texte de votre propre.