Comment créer un effet rapide de texte brisé dans Adobe Photoshop

Ce que vous allez créer

Ce didacticiel vous montrera comment utiliser quelques styles de calque pour créer un effet de texte en verre. Ensuite, il vous montrera comment utiliser l'outil de sélection et les masques pour le transformer en verre brisé. Commençons!

Cet effet de texte a été inspiré par les nombreux styles de calques disponibles sur GraphicRiver..

Atouts du tutoriel

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

  • Ronnia Bold police
  • Cuir Sorensen - Campo-bordeaux-20824 par SorensenLeather

1. Comment créer un fond

Étape 1

Créer un nouveau 100 x 667 px document. Puis placez le Cuir Sorensen - Campo-bordeaux-20824 image sur le dessus Contexte couche, renommez sa couche en Texture BG, et redimensionnez-le comme vous le souhaitez.

Étape 2

Clique le Créer un nouveau calque de remplissage ou de réglage icône au bas de la Couches panneau, et choisissez Niveaux.

Étape 3

Changer la Gamma valeur à 1.10 et le Points forts à 180.

Étape 4

Ajouter un Pente couche au-dessus de toutes les couches.

Créer un Transparent to Fill Color remplissage dégradé, en utilisant les couleurs # d6d6d6 à gauche et # a6a6a6 à droite.

Changer la Style à Radial et le Échelle à 250, et vérifier le Tremblement boîte.

Étape 5

Changer la Pente couches Mode de fusion à Brûlure de couleur.

2. Comment créer le texte

Étape 1

Créer le texte dans Toutes en majuscules en utilisant la police Ronnia Bold. Met le Couleur à blanc, et le Taille à 150 pt.

Étape 2

Changer le calque de texte Remplir valeur à 0, et le dupliquer deux fois.

3. Comment appliquer un style de calque au calque de texte d'origine

Double-cliquez la original calque de texte pour appliquer le style de calque suivant:

Étape 1

Ajouter un Ombre portée avec ces paramètres:

  • Mode de fusion: Vive lumière
  • Couleur: # f2dede
  • Opacité: dix%
  • Décocher la Utiliser la lumière globale boîte
  • Angle: -19
  • Distance: 11
  • Taille: 20

Étape 2

Clique le + signe à droite du Ombre portée onglet, pour ajouter un autre Ombre portée effet avec ces paramètres:

  • Mode de fusion: Brûlure de couleur
  • Couleur: # 837777
  • Opacité: 30%
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 107
  • Distance: 12
  • Propager: 2
  • Taille: dix

Cela créera l'ombre portée et mettra en évidence une partie de l'effet.

4. Comment appliquer un style de calque au premier calque de texte de copie

Double-cliquez la premier exemplaire calque de texte pour appliquer le style de calque suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 3
  • Mode d'ombre: Recouvrir
    • Couleur: # e4eeee

Étape 2

Ajouter un Contour avec ces paramètres:

  • Contour: Cove - Deep
  • Vérifier la Anti-aliasé boîte.
  • Intervalle: 100%

Étape 3

Ajouter un Ombre intérieure avec ces paramètres:

  • Mode de fusion: Écran
  • Couleur: # e2e2e2
  • Opacité: dix%
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 90
  • Distance: 2
  • Taille: 13

Étape 4

Ajouter un Lueur intérieure avec ces paramètres:

  • Mode de fusion: Recouvrir
  • Opacité: 30%
  • Couleur: # f1ecec
  • Technique: Précis
  • Taille: 3
  • Vérifier la Anti-aliasé boîte
  • Intervalle: 35

Étape 5

Ajouter un Incrustation en dégradé avec ces paramètres:

  • Vérifier la Tremblement boîte
  • Mode de fusion: Lumière douce
  • Opacité: 50%
  • Style: Réfléchi
  • Angle: 105
  • Échelle: 150%
  • Vérifier la Sens inverse boîte
  • Clique le Pente boîte pour créer le remplissage en dégradé

Étape 6

Pour créer le dégradé, vous devrez cliquer sous la barre de dégradé pour ajouter Arrêts de couleur, et lorsque vous cliquez sur chaque Color Stop, vous pouvez modifier son Couleur et Emplacement valeurs. Voici les Couleur Stop valeurs utilisées de gauche à droite:

Couleur - Lieu

  • # 252321 - 0%
  • # 656565 - 22%
  • #eeeeee - 44%
  • # 585858 - 69%
  • #eeeeee - 70%
  • # 606060 - 83%
  • # 252321 - 100%

Étape 7

Changer le premier calque de copie Remplir valeur à 0.

5. Comment appliquer un style de calque au deuxième calque de texte de copie

Double-cliquez la deuxième copie calque de texte pour appliquer le style de calque suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 5
  • Vérifier la Anti-aliasé boîte
  • Mode d'ombre: Recouvrir
    • Couleur: # d0e8e9

Étape 2

Ajouter un Contour avec ces paramètres:

  • Vérifier la Anti-aliasé boîte.
  • Intervalle: 70%

Cela va styler la dernière partie de l'effet.

6. Comment masquer une sélection

Étape 1

Choisissez le Outil Lasso Polygonal, et cliquez sur le Ajouter à la sélection icône dans le Les options bar.

Ce que vous devez ensuite faire, c'est créer des formes nettes sur certaines parties du texte, pour imiter l'apparence de zones brisées..

Étape 2

Lorsque vous avez terminé de créer la sélection, maintenez la touche enfoncée. Option clé et cliquez sur le Ajouter un masque de calque icône au bas de la Couches panneau.

Étape 3

Tenez le Option touche à nouveau et faites glisser le masque sur chacun des calques de texte de copie.

7. Comment créer des morceaux simples brisés

Étape 1

Avec le Outil Lasso Polygonal à nouveau, créez des sélections plus pointues de formes dispersées plus petites autour du texte, pour créer les morceaux brisés.

Une fois que vous avez terminé, créez un nouveau calque par-dessus tous les calques, appelez-le. Pièces, et remplissez la sélection des pièces avec blanc.

presse Commande-D se débarrasser de la sélection.

Étape 2

Dupliquer le Pièces couche deux fois.

8. Comment copier et coller des styles de calque

Étape 1

Clic-droit le calque de texte d'origine et choisissez Copier le style de calque. ensuite clic-droit la Pièces couche, et choisissez Coller le style de calque.

Répétez cette opération pour la première copie et la deuxième copie, le texte et Pièces couches.

Étape 2

Clic-droit la fx icône à droite de la Pièces couche, et choisissez Effet d'échelle.

Étape 3

Met le Échelle valeur à 50%. Répétez cela pour le Pièces copier des calques.

Étape 4

Double-cliquez la Pièces couche, et changer le Ombre portée effets Taille valeur de retour à dix.

Cela fera en sorte que l'ombre a la même taille pour toutes les parties du texte.

9. Comment créer un effet Spotlight

Étape 1

Utilisez le Outil de chapiteau elliptique créer une ellipse autour du texte.

Étape 2

Créer un nouveau calque au-dessus du Pente couche et l'appeler Lumière.

Remplir la sélection avec la couleur # d6d6d6.

Étape 3

Aller à Filtre> Flou> Flou Gaussien, et mettre le Rayon à 50 ou toute autre valeur que vous préférez.

Étape 4

Changer la Lumière couches Mode de fusion à Vive lumière, et son Opacité à dix% ou toute autre valeur que vous aimez.

Félicitations, vous avez terminé!

Dans ce tutoriel, nous avons créé un arrière-plan simple utilisant une texture de cuir et un calque de remplissage en dégradé pour l'effet de vignette..

Ensuite, nous avons créé trois calques de texte et les avons stylés pour créer l'effet de verre..

Après cela, nous avons utilisé l'outil Polasso Lasso pour créer les zones brisées et les morceaux brisés..

Enfin, nous avons ajouté de la lumière derrière le texte en utilisant une sélection elliptique et un filtre de flou..

N'hésitez pas à laisser vos commentaires, suggestions et résultats ci-dessous.