Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Comment créer un effet de texte à l'aspect d'une bière avec adobe Photoshop  

by
Difficulty:BeginnerLength:LongLanguages:

French (Français) translation by David Amadeus (you can also view the original English article)

Final product image
What You'll Be Creating

Dans ce tutoriel nous verrons comment nous servir des styles de calque,des Formes,des filtres et des masques d'écretage pour créer un effet texte à l'aspect d'une bière avec mousse .  

Pour ce tutoriel,j'ai choisi le mot «PROSIT!», Un mot  allemand qui signifie «Santé!» en français.

Si vous utilisez souvent  du texte stylé dans vos projets ; GraphicRiver propose de nombreux effets de texte.

Ressources 

Pour réaliser notre effet du jour,nous aurons besoins des ressources ci-dessous: 

1.Comment définir l'arrière-plans de notre plan de travail

Étape1

Ouvrez Photoshop si ce n'est pas encore fait, cliquez sur fichier >Nouveau puis entrez  respectivement les valeurs suivantes :  

  • largeur : 850 px
  • Hauteur: 500 px
  • Résolution: 72 px/inch
  • Mode colorimétrique: Couleur RVB 8 bit

Cliquez sur Créer.

Create a document

Étape 2

 Rendez-vous sur Fichier > Importer et incorporer...  choisissez la photo wooden-floor-with-blurred-café-background.jpg, en suite cochez l'option conserver  proportions  et enfin donnez une valeur de 90 % à l'échelle horizontale.      Avec votre souris déplacez l'image et faites en sorte que ses deux bords (droit et inférieur ) puissent coïncider avec ceux (droit et bas) du document comme l'indique l'image en bas. Appuyez sur Entrée pour placer l'image.

Place image

Étape 3

Allez sur Calque > Nouveau calque de réglage >courbes, puis faites OK. Dans la fenêtre de Propriétés de calque , sélectionnez l'icône modifier les points pour modifier la courbe; puis cliquez n’importe où, mais tout en restant près de la ligne diagonale blanche pour créer un nouveau point.  Pour ce  premier point entrez les valeurs suivantes : Entrée : 78 et Sortie : 12 .Pour créer le second point, procédez comme nous l'avons fait précédemment,mais cette fois ci en introduisant  les valeurs suivantes :Entrée : 216 et Sortie : 163 

Use curves adjustment

Étape 4

Maintenant, ajoutez un calque de réglage Teinte et saturation en allant sur Calque > Nouveau calque de réglage > Teinte et saturation et puis cliquez sur OK. Dans la fenêtre de Propriétés de calque entrez ces valeurs :

  • Teinte : +3 
  • Saturation: -56
  • Luminosité: +5
Change hue and saturation

Étape 5

Sélectionnez le calque de Teinte/Saturation 1,maintenez MAJ ou SHIFT et cliquez sur le calque wooden-floor-with-blurred-cafe pour sélectionner tout les trois calques,puis faites  CTRL-G pour créer un groupe de calques.

Group layers

2.Comment installer les Formes et motifs

Étape 1

Allez sur Édition >paramètres prédéfinis> Gestionnaire des paramètres prédéfinis, sélectionnez Formes, cliquez  sur Charger ... choisissez le fichier bubbles-and-foam-brushes.abr.

Install brushes

Étape 2

Allez sur Édition >paramètres prédéfinis> Gestionnaire des paramètres prédéfinis,sélectionnez  Motifs, cliquez  sur Charger ... choisissez le fichier foam-noise.pat.

Install a pattern

3.Comment créer les calques de texte

Étape 1

Sélectionnez l'outil Texte (T) , tapez le mot«PROSIT!» tout en choisissant la police Poetsen One,allez sur Fenêtre > Caractère et assignez à la police une Taille de 240pt , donnez à l'option définir l'approche des caractères sélectionnés la valeur suivante: - 60.

Type the text

Étape 2

Rendez-vous sur Calque> Dupliquer le calque ... Nommez-le Shadow (ombre) et appuyez sur OK. Pour placer ce nouveau calque sous le calque PROSIT! allez sur Calque >disposition > En arrière .

Duplicate layer

4.Comment styler un calque de texte

Étape 1

Sélectionnez le calque « PROSIT ! » et allez sur calque > Style de calque > Options de fusion... pour appliquer les styles de calque suivants :

appliquez au Biseau et estampage les réglages ci-dessous :

  • Style: biseau interne 
  • Technique: lisse 
  • Profondeur : 55%
  • Direction: Bas  
  • Taille:13 px
  • Décochez la case Utiliser l'éclairage globale 
  •  Angle: -170
  • Élévation: 32
  • Contour brillant : Pente accidentée descendante
  • Cochez la case Lissé 
  • Mode des tons clairs: superposition  #ffffff et Opacité à 69 % 
  • Mode des tons foncés : superposition #ffffff et Opacité à 85 %  
Add a bevel and emboss

Étape 2

Ajoutez un Contour avec ces paramètres :

  • Contour brillant : Pente accidentée descendante
  • Cochez la case Lissé
  • Étendue : 100%
Add a contour

Étape 3

Ajoutez une Ombre interne avec ces paramètres :

  • Mode de fusion: Densité couleur+ #000000
  • Opacité: 50%
  • Décochez la case Utiliser l'éclairage globale 
  •  Angle: -90
  • Distance: 0 px
  • Maigri : 0 px
  • Taille :32 px
  • Cochez la case Lissé 
Add an Inner Shadow

Étape 4

Ajoutez une Lueur interne avec ces paramètres:

  • Mode de fusion: Densité couleur-  #ffc600
  • Opacité: 21
  • Technique: Précise
  • Source: Centre
  • maigri : 0 %
  • Taille : 27 px
  • Cochez la case Lissé
  • Étendue: 49%
Add an inner glow

Étape 5

Appliquez à Incrustation dégradé les réglages ci-dessous :

  • Mode de fusion :Normal 
  • Opacité :100%
  • Style: Linéaire 
  • Angle: 90
  • Échelle : 100 %
  • Cliquez sur le Dégradé et assignez ces arrêts de couleurs:
  • Arrêt  de  couleur 1- Couleur: #b2710b  Position: 0% 
  • Arrêt  de  couleur 2- Couleur: #dca010  Position: 25% 
  • Arrêt de couleur 3- Couleur: #dfb031 Position: 53% 
  • Arrêt  de  couleur 4- Couleur: #c77f0d Position: 80% 

Appuyez sur le bouton OK .

Add a gradient overlay

Étape 6

Rendez-vous sur Calque > objets dynamiques> convertir en objet dynamique, allez sur calque >Style de calque > option de fusion, assignez à Opacité de fond 90 % et cliquez sur OK .

Change blending options

Cela aura pour résultat de créer le calque principal de l'effet texte de notre bière. 

Beer text result

 5.Comment créer une ombre

 Étape 1

Sélectionnez le calque «Shadow»(Ombre) et allez sur  calque > Style de calque > Options de fusion... pour appliquer le style de calque suivant:

dans  Options de fusion, réglez Opacité du fond à 0 %.

Change blending options

Étape 2

Appliquez à Incrustation dégradé  avec  les réglages ci-dessous : 

  • Mode de fusion :Normal 
  • Cochez la case Inverser 
  • Opacité: 100%
  • Style: Linéaire 
  • Angle: -90
  • Échelle : 100 %
  • Cliquez sur Dégradé et assignez  ces arrêts de couleurs:
  • Arrêt de couleur 1- Couleur: # 000000 Position: 0% 
  • Opacité arrêter 1 - opacité : 0 %  Position: 0%
  • Arrêt  de  couleur 2- Couleur: # 000000 Position: 100%
  • Arrêt d'opacité 2 - Opacité: 100% Location: 100%

Appuyez sur le bouton OK .

Add a gradient overlay

Étape 3

Clic-droit sur le calque Shadow (Ombre) , choisissez convertir en objet dynamique,en suite rendez-vous sur Édition >Transformation>Torsion et assignez à Echelle verticale une valeur de 50%.Tirez à environ -40° le point d'ancrage situé sur la ligne superieure du cadre et appuyez sur Entrée

Transform a shadow

Étape 4

Sélectionnez l'Outil déplacement (V) et puis utilisez les touches de direction pour déplacer l’ombre, comme le montre l’image ci-dessous :

Move the shadow

Étape 5

Rendez-vous sur Filtre > Atténuation> flou gaussien,assignez au Rayon une valeur de 2.6 px,puis cliquez sur OK

Gaussian blur filter

Étape 6

Allez sur calque > Style de calque > Options de fusion... et régler  Opacité du fond à 75 %.Appuyez sur OK.

Change blending options

Cela va créer une ombre de notre texte.

Shadow result

6. comment  créer la première Texture de  notre effet «bière»

Étape 1

Sélectionnez le calque « PROSIT ! » et allez sur calque > nouveau calque de remplissage > couleur unie....Nommez le calque  Texture 1 et cochez la case Créer un masque d’écrêtage d'après le calque précédente, puis appuyez sur OK et sélectionnez la couleur noire.Appuyez encore sur OK.

Create a new layer

Étape 2

Allez sur  Filtre > Pixellisation > pointillisme..., sélectionnez Convertir en Objet dynamique  et puis assignez  à la Taille de cellule :9. Appuyez sur OK.

Add a pointillize filter

Étape 3

Allez sur calque > Style de calque > Options de fusion...  réglez le Mode de fusion sur Éclaircir, Opacité de fond à 10%  et puis cliquez sur OK.

Change blending options

Cela va créer notre toute première texture de bière  

Filter result

7.Comment créer la deuxième Texture de bière

Étape 1

Sélectionnez le calque «Texture 1» et allez sur calque > Nouveau calque de remplissage>Couleur unie ....  Nommez le calque Texture 2 et cochez la case Créer un masque d’écrêtage d'après le calque précédente,puis appuyez sur OK et sélectionnez la couleur noire.Appuyez encore sur OK .

Create a new layer

Étape 2

Allez sur Filtre > Pixellisation >Mezzo tinto...,sélectionnez Convertir en Objet dynamique  et puis assignez à Type :Gros points. Appuyez sur OK.

Add a mezzotint filter

Étape 3

Allez sur calque > Style de calque > Options de fusion...  réglez le Mode de fusion sur Lumière tamisée, Opacité de fond à 20%  et puis cliquez sur OK.

Change blending options

Cela va créer notre  deuxième texture de bière.

Filter result

8.comment créer la troisième Texture de bière

Étape 1

Sélectionnez le calque«Texture 2», allez sur Calque>Nouveau calque de remplissage> Couleur unie ....Nommez-le calque Texture 3,cochez la case Créer un masque d’écrêtage d'après le calque précédente,puis appuyez sur OK et sélectionnez la couleur noire.   Appuyez encore sur OK .

Create a new layer

Étape 2

Allez sur Filtre > Pixellisation >Mezzotinto...,sélectionnez Convertir en Objet dynamique et puis assignez à Type : Points fins. Appuyez sur OK.

Add a mezzotint filter

Étape 3 

Allez sur calque > Style de calque > Options de fusion...  réglez le Mode de fusion sur Lumière tamisée, Opacité de fond à 20%  et puis cliquez sur OK.

Change blending options

Cela va créer notre troisième  texture de bière.

Filter result

9 .Comment créer de grosses bulles avec une forme personnalisée

Étape 1

Sélectionnez le calque «Texture 3» et allez sur calque>Nouveau > calque... Nommez le calque Big Bubbles(Grosses bulles) et cochez la case Créer un masque d’écrêtage d'après le calque précédente, puis appuyez sur OK

Create a new layer

Étape 2

Allez sur vos  Formes (Fenêtre> Formes ) et sélectionnez la Forme Bubbles - big (gros bulles) .

Select the brush

 Étape 3

Brossez sur le texte pour créer une densité de bulles similaire à celle illustrée ci-dessous. vous avez la possibilité de revenir sur ce calque à tout moment et y ajouter autant des bulles que vous souhaitez .

Brush the text

Étape 4

Allez sur calque > Style de calque > Options de fusion... pour appliquer les styles de calque suivants:

dans  Options de fusion, réglez Opacité du fond à 0 %.

Change blending options

Étape 5

Appliquez au Biseau et estampage les réglages ci-dessous :

  • Style: biseau interne 
  • Technique: Lisse
  •  Profondeur : 240 %
  • Direction : Haut
  •  Taille : 6 px
  • Décochez la case Utiliser l'éclairage globale  
  • Angle: -90
  • Élévation: 60 
  • Contour brillant :Cône Inversé 
  • Cochez la case Lissé
  •  Mode des tons clairs: superposition, couleur: #ffffff  
  • Opacité: 43%
  • Mode des tons foncés: Lumière tamisée ,couleur : # 000000  
  • Opacité: 32%
Add a bevel and emboss

Étape 6 

Ajoutez un Contour avec ces paramètres :

  •  Contour brillant : Cône Inversé
  •  Cochez la case Lissé 
  • Étendue : 100%
Add a contour

Étape7 

Ajoutez une Lueur interne avec ces paramètres:

  • Mode de fusion: Densité couleur- 
  • Opacité: 50%
  • Couleur: # ffffff
  • Technique: Précise 
  • Source: Centre
  • Taille : 13 px

Cliquez sur OK pour appliquer le style de calque.

Add an inner glow

Cela va créer de grosses bulles dans notre bière.

Brush result

10. Comment créer des petites bulles avec une forme personnaliseé

Étape 1

Sélectionnez le calque Big Bubbles (Grosses bulles ) et allez sur calque> Nouveau > calque...Nommez le calque Small Bubbles (Petites bulles) et cochez la case Créer un masque d’écrêtage d'après le calque précédente,puis appuyez sur OK.

Create a new layer

Étape 2

Allez sur vos  Formes (Fenêtre> Formes) et sélectionnez  Bubbles-small (petites bulles ).

Select the brush

Étape 3

Brossez sur le texte pour créer une densité de bulles similaire à celle illustrée ci-dessous. vous avez la possibilité de revenir sur ce calque à tout moment et y ajouter autant des bulles que vous souhaitez.

Brush the text

Étape 4

Allez sur calque > Style de calque > Options de fusion... pour appliquer les styles de calque suivants:

dans  Options de fusion, réglez Opacité du fond à 0 %.

Change blending options

Étape 5

appliquez au Biseau et estampage les réglages ci-dessous :

  • Style: biseau interne 
  • Technique: Lisse 
  • Profondeur : 209%
  • Direction: Haut 
  • Taille: 7 px
  • Décochez la case Utiliser l'éclairage globale  
  • Angle: 90
  • Élévation: 30 
  • Contour brillant : Cône Inversé
  • Cochez la case Lissé 
  • Mode des tons clairs: superposition, couleur: #ffffff 
  •  Opacité: 43%
  • Mode des tons foncés : Lumière tamisée, couleur : # 000000  
  • Opacité: 32%
Add a bevel and emboss

Étape 6

Ajoutez un Contour avec ces paramètres : 

  • Contour brillant : Cône Inversé
  • Cochez la case Lissé 
  • Étendue : 100%
Add a contour

Étape7 

Ajoutez une Lueur interne avec ces paramètres:

  • Mode de fusion: Densité couleur- 
  • Opacité: 50%
  • Couleur: # ffffff
  •  Technique: Précise
  • Source: Centre
  • Taille : 13 px
  • Cochez la case Lissé 

Cliquez sur OK pour appliquer le style de calque.

Add an inner glow

Cela va ajouter quelques petites bulles à notre bière.

Brush result

11 .Comment faire pour créer la mousse de notre bière

Étape 1

Sélectionnez l'outil Rectangle (U), assignez au fond la couleur blanche  et tracez un rectangle sur la partie supérieure du texte comme l'indique l'image en bas. Ici ,J’ai réduit l’opacité de mon rectangle pour vous montrer la portion de texte que  j’ai couvert,mais Le vôtre  doit rester en blanc Uni.

Create a rectangle

Étape 2

Allez sur  Filtre > Déformation> onde..., sélectionnez Convertir en Objet dynamique  et puis utilisez les paramètres ci-dessous : 

  • Générateurs:
  • Longueur d'onde: Min.10 Max.60
  • Amplitude: Min.2 Max.6
  • Échelle : H. 100% V. 100%
  • Forme : Sinusoïdale
  •  zones non définies: Pixels du contourAppuyez sur  OK.

Appuyez sur  OK.

Add a wave filter

Étape 3

Tout gardant le calque rectangle sélectionné , faites Ctrl-clic sur le calque « PROSIT ! »pour faire une sélection, puis allez sur calque > masque de fusion> Faire apparaître la sélection. 

Mask a selection

Étape 4

Faites un clique droit sur le calque rectangle et choisissez convertir en objet dynamique.

Convert to smart object

Étape  5

Rendez-vous sur Calque> Nouveau>Calque ... Nommez-le  Foam (Mousse) et appuyez sur OK

Create a new layer

Étape 6 

Tout gardant le calque Foam (Mousse) sélectionné , faites Ctrl-clic sur le calque Rectangle pour faire une sélection, puis aller sur Tracés( Fenêtre >Tracés) et cliquez sur l’icône convertir une sélection en tracé .

Make a workpath

 Étape7

Allez sur vos  Formes (Fenêtre> Formes) et sélectionnez  Foam(Mousse) . 

Select the brush

 Étape 8

Faites un clique droit sur Tracé de travail et sélectionnez contour du tracé... sélectionnez l'outil : Forme  puis appuyez sur OK .

Stroke the path

Étape 9

Tout en maintenant la touche Ctrl, sélectionnez les calques  Foam (Mousse) et Rectangle, puis faites un clique droit sur le calque Foam( Mousse) et choisissez convertir en objet dynamique. 

Convert to smart object

Étape 10

Rendez-vous sur Calque> Dupliquer le calque ...   Dupliquez le calque Foam (Mousse)  et Nommez-le Foam shadow Ombre mousse. Appuyez sur OK.

Duplicate the layer

Étape 11

Tout gardant le calque Foam shadow (Ombre mousse)  sélectionné, faites Ctrl-clic sur le calque « PROSIT ! »pour faire une sélection, puis aller sur calque > masque de fusion> Faire apparaître la sélection.

Mask the layer

  Étape 12

Placez  le calque Foam shadow(Ombre Mousse) en arrière  Pour le faire  allez sur Calque >disposition > En arrière.

Arrange layers

12.comment styler la Mousse de notre bière 

Étape 1

Sélectionnez le calque Foam shadow (Ombre Mousse) et allez sur Calque > Style de calque > Options de fusion... pour appliquer les styles de calque suivants :

Dans  Options de fusion, réglez Opacité du fond à 0 %et cochez la case Effets masqués par le masque de fusion.

Change blending options

Étape 2

Ajoutez une Ombre portée avec ces paramètres :

  • Mode de fusion: densité linaire + , Couleur : noire 
  • Opacité: 8%
  • Décochez la case Utiliser l'éclairage globale  
  • Angle: 90
  • Distance: 2 px 
  •  Taille:4 px
  • Contour: Gaussien
  • Cochez la case Lissé 

Cliquez sur OK pour appliquer le style de calque.

Add a drop shadow

Étape 3

Sélectionnez le calque Foam (Mousse) et allez sur  calque > Style de calque > Options de fusion... pour appliquer les styles de calque suivantes :

appliquez au Biseau et estampage les réglages ci-dessous :

  • Style: biseau interne 
  • Technique: Lisse  
  • Profondeur: 150%
  • Direction : haut
  • Taille : 29 px
  • Flou: 4 px
  • Décochez la case Utiliser l'éclairage globale 
  •  Angle: 90
  • Élévation: 30
  • Cochez la case Lissé
  •  Mode des tons clairs: superposition, couleur: #ffffff 
  •  Opacité: 100%
  • Mode des tons foncés :  densité linaire + , couleur : # 000000 
  • Opacité: 10%
Add a bevel and emboss

Étape 4

Ajoutez une Ombre interne avec ces paramètres :

  • Mode de fusion: densité linaire + , Couleur : noire 
  • Opacité: 15%
  • Décochez la case Utiliser l'éclairage globale 
  •  Angle: -90
  • Distance: 5 px  
  • Taille:7 px
  • Cochez la case Lissé 
Add an inner shadow

Étape 5

Ajoutez une Lueur interne avec ces paramètres:

  • Mode de fusion :densité linaire +
  • Opacité: 21%
  • Couleur: Noire
  • Technique: Précise
  • Source: Centre
  • Taille : 62 px
  • Cochez la case Lissé 
Add an inner glow

Étape 6 

Appliquez à Incrustation de motif avec  les réglages ci-dessous :

  • Mode de fusion :densité linaire + 
  • Opacité: 34%
  • Motif : Foam noise (Bruit Mousse) N.B c'est le dernière motif sur votre liste.

 Cliquez sur OK pour appliquer le style de calque. 

Add a pattern overlay

Étape 7 

Faites un Clique droit sur le calque Foam (Mousse)  et choisissez Convertir en objet dynamique. Cela va créer la texture et l'ombre de notre mousse. 

Convert to smart object

13.Comment créer des bulles mousseuses de notre bière

Étape 1

Sélectionnez le calque Foam (Mousse) et allez sur Calque>Nouveau > calque....Nommez le calque Foam bubbles (bulles mousseuses) et cochez la case Créer un masque d’écrêtage d'après le calque précédente, puis appuyez sur OK. 

Create a new layer

Étape 2

Allez sur Formes (Fenêtre> Formes ) et sélectionnez > Bubbles-small (petites bulles).

Select the brush

Étape 3

Brossez  sur la Mousse et créez une densité de bulles similaire à celle illustrée ci-dessous. vous avez la possibilité de revenir sur ce calque à tout moment et y ajouter  autant des bulles que vous souhaitez .

Brush the foam

Étape 4 

Allez sur calque > Style de calque > Options de fusion... pour appliquer les styles de calque suivants:

dans Options de fusion, réglez Opacité du fond à 0 %.

Change the blending options

Étape 5

appliquez au Biseau et estampage les réglages ci-dessous :

  • Style: biseau interne 
  • Technique: Lisse 
  • Profondeur : 220%
  • Direction: Haut 
  • Taille : 7px
  • Décochez la case Utiliser l'éclairage globale 
  •  Angle: -90
  • Élévation: 30
  • Cochez la case Lissé 
  • Mode des tons clairs: superposition, couleur: #ffffff 
  • Opacité: 80%
  • Mode des tons foncés: Lumière tamisée, couleur : # 000000 
  • Opacité: 55%

Cliquez sur OK pour appliquer le style de calque.

Add a bevel and emboss

 Félicitation !C'est fait,beau travail 

Dans ce tutoriel nous avons appris à nous servir  des style de calque,des Formes(brosses),des filtres et des masques d'écretage pour créer un effet de texte l'aspect d'une bière avec de la mousse.

J'espère que le tutoriel vous a plu et surtout ,n'hésitez pas à me montrer vos créations ou à laisser un petit commentaire en bas. 

Final result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.