Comment créer un effet de texte bulle dans Adobe Photoshop

Ce que vous allez créer

Ce didacticiel vous montrera comment créer un effet de texte en bulles facile, à l’aide d’un motif simple et de quelques styles de calque. Commençons!

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

Atouts du tutoriel

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

  • Palamecia Titling police
  • Cuir Sorensen - Savanne-royal-30307 par SorensenLeather
  • Free Pack 6000 gradients photoshop de Supertuts007 (Charger le CHROMES.grd fichier)
  • Motif de texture (créé à l'aide du filtre Crysta Filter Forge de Vladimir Golovin)

1. Chargez les motifs par défaut

Vous devrez charger deux jeux de modèles Photoshop par défaut. Pour ce faire, allez à É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 vous aurez besoin d'ajouter le Les motifs et le Nature Patterns ensembles. Lorsque la boîte de dialogue apparaît après avoir ajouté chacun d'eux, cliquez simplement sur Ajouter.

2. Créer le motif

Étape 1

Commencez par créer un nouveau 70 x 41 px document, fixant le Résolution à 240 pixels / pouce et le Contexte de fond à Transparent.

Puis choisissez le Outil de chapiteau elliptique, et créer un 32 x 32 px cercle au centre du document.

Étape 2

Remplissez la sélection avec Noir et allez à Sélectionner> Désélectionner.

Étape 3

Ensuite, choisissez le Outil de déplacement, et faites glisser le cercle noir de sorte que son centre se trouve au-dessus du bord inférieur du document.

Créez trois autres copies du cercle et répartissez-les autour des bords restants du document, en vous assurant que leur centre se situe exactement au-dessus de chaque bord..

Étape 4

Aller à Édition> Définir un motif, tapez Modèle pour le prénom, et cliquez D'accord.

3. Créer le fond

Étape 1

Créer un nouveau 1204 x 870 px document et définissez le Résolution à 72 pixels / pouce.

Placer le Cuir Sorensen - Savanne-royal-30307 texture sur le dessus Contexte calque, redimensionnez-le si nécessaire en fonction du nombre de détails que vous souhaitez avoir, puis renommez son calque Texture de fond.

Étape 2

Double-cliquez la Texture de fond couche pour appliquer le style de couche suivant:

Ajouter un Superposition de couleurs avec ces paramètres:

  • Couleur: # e8e8e8
  • Mode de fusion: Brûlure de couleur
  • Opacité: 50%

Étape 3

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

  • Vérifier la Tremblement boîte
  • Mode de fusion: Multiplier
  • Style: Radial
  • Échelle: 150%
  • Clique le Pente case pour créer le dégradé en utilisant les couleurs # d8d8d7 à gauche et #ffffff à droite.

Étape 4

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

  • Vérifier la Tremblement boîte
  • Mode de fusion: Recouvrir
  • Opacité: 50%
  • Style: Réfléchi
  • Angle: 30
  • Échelle: 150%
  • Choisir la Cercle Chrome remplissage en dégradé

Étape 5

Cela donnera du style à la texture du cuir et ajoutera de l'éclairage.

Dupliquer le Texture de fond couche, puis clic-droit la copie et choisissez Convertir en objet intelligent.

Étape 6

Aller à Filtre> Autre> High Pass, et mettre le Rayon à dix.

Étape 7

Changer la Copie de texture de fond couches Mode de fusion à Recouvrir. Cela va aiguiser les détails un peu.

4. Créez les couches de texte et de trait

Étape 1

Créer le texte dans blanc en utilisant la police Palamecia Titrant et le Taille 250 pt.

Si vous créez plusieurs lignes, définissez le paramètre De premier plan valeur à quelque chose autour 220 pt.

Étape 2

Dupliquer le calque de texte deux fois, renommer la première copie Bulles et le deuxième Accident vasculaire cérébral.

Étape 3

Changer la Bulles couches Remplir valeur à 0.

Étape 4

Clic-droit la Accident vasculaire cérébral couche et choisissez Convertir en objet intelligent, et ensuite changer sa Remplir valeur à 0 ainsi que.

5. Style le calque de texte

Double-cliquez le calque de texte d'origine pour appliquer le style de calque suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 7
  • Vérifier la Anti-aliasé boîte
  • Mode Ombre - Opacité: 0%

Étape 2

Ajouter un Texture avec ces paramètres:

  • Modèle: Horizontalement
  • Profondeur: 90%

Étape 3

Ajouter un Lueur externe avec ces paramètres:

  • Opacité: 67%
  • Bruit: 41%
  • Couleur: #ffffff
  • Taille: 3

Étape 4

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

  • Opacité: 75%
  • Distance: dix
  • Taille: dix

Étape 5

Une fois le texte stylé, baissez son calque Opacité valeur à 35%, et son Remplir valeur à dix%.

Vous devrez peut-être modifier ces valeurs si vous utilisez un arrière-plan différent.

6. Créer les bulles

Étape 1

Double-cliquez la Bulles couche pour appliquer un Superposition de motifs effet avec ces paramètres:

  • Modèle: Modèle
  • Échelle: 50%

Étape 2

Convertir le Bulles couche dans un Objet intelligent et changer sa Remplir valeur à 0.

Étape 3

Dupliquer le Bulles couche pour créer une copie.

7. Styliser le premier calque de bulles

Double-cliquez la Bulles couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 2
  • Mode Highlight - Opacité: 100%
  • Mode Ombre - Couleur: # 6f6f6f

Étape 2

Ajouter un Texture avec ces paramètres:

  • Modèle: Motif de texture
  • Profondeur: 167%

Étape 3

Ajouter un Superposition de couleurs avec ces paramètres:

  • Couleur: #ffffff
  • Opacité: 5%

Étape 4

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

  • Opacité: 15%
  • Distance: 1
  • Taille: 3

Cela va coiffer la première couche de bulles.

8. Styliser la deuxième couche de bulles

Double-cliquez la Copie de bulles couche pour appliquer un Biseau et estampe avec ces paramètres:

  • Taille: 4
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 45
  • Altitude: 74
  • Mode Ombre - Opacité: 20%

Voilà pour cette couche. Cela ajoute simplement plus de texture et de détails à la précédente.

9. Style du calque de trait

Double-cliquez la Accident vasculaire cérébral couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Style: Accident vasculaire cérébral
  • Taille: dix
  • Décocher la Utiliser la lumière globale boîte
  • Angle: -117
  • Altitude: 42
  • Contour de brillance: Cône
  • Vérifier la Anti-aliasé boîte
  • Mode Ombre - Opacité: 0%

Étape 2

Ajouter un Texture avec ces paramètres:

  • Modèle: Cellules
  • Profondeur: 1000%

Étape 3

Ajouter un Accident vasculaire cérébral avec ces paramètres:

  • Taille: 5
  • Position: Centre
  • Opacité: 30%
  • Couleur: # 828282

Cela va styler les bords du texte.

10. Créer la partie intérieure

Étape 1

Commande-clic la vignette du calque de texte d'origine pour créer une sélection.

Étape 2

Aller à Sélectionnez> Modifier> Contrat, et tapez 5.

Étape 3

Aller à Sélectionnez> Modifier> Plume, et tapez dix.

Étape 4

Créer un nouveau calque au-dessus du Copie de bulles couche, appelez-le Détails intérieurs, et remplissez la sélection avec blanc.

Étape 5

Commande-clic la vignette du calque de texte pour sélectionner à nouveau le texte.

Étape 6

Aller à Sélectionnez> Inverse, frapper le Effacer clé pour se débarrasser de toutes les pièces supplémentaires en dehors du texte, puis aller à Sélectionner> Désélectionner.

11. style de la partie intérieure

Double-cliquez la Détails intérieurs couche pour appliquer le style de couche suivant:

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Taille: 0
  • Mode Highlight - Opacité: 100%

Étape 2

Ajouter un Texture avec ces paramètres:

  • Modèle: Feuilles
  • Profondeur: 99%

Étape 3

Changer la Détails intérieurs couches Remplir valeur à 0.

Cela va ajouter un peu plus de texturation au texte.

12. Appliquer certains filtres

Étape 1

Sélectionnez le Accident vasculaire cérébral couche, et aller à Filtre> Déformation> Ondulation.

Changer la Montant à 150 et le Taille à Petit.

Étape 2

Aller à Sélectionnez> Tout, puis Édition> Copier fusionné, et Édition> Coller.

Placez le calque collé sur tous les calques, renommez-le en Éclairage, et le convertir en un Objet intelligent.

Étape 3

Aller à Filtre> Rendu> Effets d'éclairage, choisis un Projecteur, et modifiez ses paramètres comme ci-dessous:

  • Couleur: (250, 250, 248)
  • Intensité: 20
  • Point chaud: 60
  • Coloriser: (245, 248, 248)
  • Exposition: 2
  • Brillant: 0
  • Métallique: 100
  • Ambiance: 20
  • Texture: vert
  • Surligner: 1

Étape 4

Déplacez la lumière jusqu'à obtenir un résultat similaire à celui ci-dessous..

Étape 5

Enfin, abaissez le Éclairage couches Opacité à 50%. Cela ajustera l'éclairage et améliorera les détails.

Toutes nos félicitations! Vous avez terminé

Dans ce didacticiel, nous avons créé un motif simple pour la partie bulles de l’effet et nous l’avons défini de manière à pouvoir l’utiliser avec nos styles de calque. Ensuite, nous avons stylé une texture de cuir pour le fond et l'aiguisé un peu.

Après cela, nous avons créé les calques de texte, de bulle et de trait, et les avons stylés pour obtenir l'aspect bulle de papier. Enfin, nous avons utilisé deux filtres pour finir l’effet et ajuster l’éclairage..

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