• Articles
• admin

Dans ce tutoriel, je vais vous montrer comment créer un effet de texte graffiti dans Photoshop. Nous utiliserons les styles de calque et la fonction « Mélanger si » des options de fusion.

L’effet de texte que nous allons créer est inspiré des styles de graffiti d’Envato Elements, où vous trouverez certaines des meilleures lettres de graffiti au monde. Comme cet effet de texte Graffiti Photoshop avec 10 styles différents.

Vous cherchez un raccourci? Vous pouvez télécharger l’une de ces polices de texte graffiti pour vous aider à créer du texte graffiti rapidement et facilement:

• 
  Polices
  30+ Meilleures polices Graffiti
  Melody Nieves

Suivez-nous sur notre chaîne YouTube Envato Tuts+:

Actifs du didacticiel

Les actifs suivants ont été utilisés lors de ce tutoriel Photoshop avec effet de texte Graffiti:

• Mur de briques original: image non éditée
• Mur de briques (édité): image pour l’arrière-plan
• Graffogie: police

1. Comment définir l’arrière-plan et le Texte

Étape 1

Nous utiliserons un fond de mur de briques pour ce texte de graffiti tutoriel Photoshop. Ouvrez Photoshop et au lieu de créer un nouveau document, allez dans Fichier > Ouvrir… et sélectionnez Mur de briques.jpg des ressources du tutoriel. Si vous souhaitez essayer un arrière-plan différent, vous pouvez essayer l’un des nombreux arrière-plans muraux sur Envato Elements.

Étape 2

Utilisez votre outil Type (T), sélectionnez la police de texte Graffogie graffiti d’une taille de 285 pt et écrivez le mot « Vote » sur votre plan de travail. Ensuite, allez dans Type > Texte de chaîne et sélectionnez la partie supérieure de la coque avec Courbure: 21%, Distorsion Horizontale: -29% et Distorsion Verticale: 22%, puis cliquez sur OK. Enfin, sélectionnez uniquement la lettre « V » sur votre plan de travail, puis accédez à votre panneau de caractères et définissez le Suivi sur -75.

Étape 3

Utilisez à nouveau votre outil de type (T) pour écrire deux mots supplémentaires — « pour » et « Pedro » — avec la même police de texte graffiti. Assurez-vous que chaque mot est sur son propre calque. Écrivez « pour » avec la taille de police 116 pt et le suivi 75. Écrivez ensuite « Pedro » sur un nouveau calque avec la taille de police 255 pt et le suivi 75.

Étape 4

Utilisez votre outil de déplacement (V) et déplacez les lettres de style graffiti ensemble. Sélectionnez ensuite les trois calques de texte dans votre panneau Calques et appuyez sur Contrôle-T. Réglez maintenant la rotation sur -8 °. Enfin, nous sommes prêts à commencer à créer des effets de texte Photoshop.

2. Comment créer le Premier Effet de texte Graffiti

Étape 1

Commençons par sélectionner le calque de texte graffiti « Vote ». Maintenant, allez dans Calque > Style de calque > Options de fusion… et appliquez le style de calque suivant.

Dans Options de fusion, utilisez ces paramètres:

• Mélange avancé: 0%
• Mélange si : Gris
• Calque sous-jacent: Cliquez sur Alt (option utilisateur mac – clic) sur le marqueur blanc pour le diviser, puis définissez la partie gauche sur 161 et la partie droite sur 236.

Étape 2

Ajouter un biseau et Embosser avec ces paramètres:

• Style: Biseau intérieur
• Technique: Ciseau dur
• Profondeur: 144%
• Direction: Haut
• Taille: 8 px
• Ramollir: 0 px
• Décochez la case à lumière Utiliser Global
• Angle: 98º
• Altitude: 30º
• Cochez la case Anti-aliasing
• Mode de surbrillance: Superposition avec la couleur #035b7c et l’opacité: 100%
• Mode ombre : Superposition avec la couleur #ff3000 et l’opacité: 88%

Étape 3

Ajouter une ombre intérieure à l’effet de texte graffiti avec ces paramètres:

• Mode de fusion: Couleur normale
• : #000000
• Opacité: 100%
• Décochez la case à lumière Utiliser Global
• Angle: – 94º
• Distance: 0 px
• Starter: 0%
• Taille: 10 px
• Contour: Cône
• Cochez la case Anti-aliasing
• Bruit: 11%

Étape 4

Ajouter une lueur intérieure avec ces paramètres:

• Mode de fusion: Couleur normale
• : #000000
• Opacité: 19%
• Bruit: 61%
• Technique: Précis
• Source: Centre
• Starter: 1%
• Taille: 10 px
• Contour: Cône inversé
• Cochez la case Anti-aliasing
• Gamme: 50%

Étape 5

Ajouter un style satiné avec ces paramètres:

• Mode de fusion: Superposition
• Couleur: #64ec87
• Angle: 90 °
• Distance: 19 px
• Taille: 24 px
• Contour: Demi-rond
• Cochez la case Anti-aliasing
• Cochez la case Inverser

Étape 6

Ajouter une superposition de dégradé avec ces paramètres:

• Mode de fusion: Gravure linéaire
• Cochez la case de tramage
• Opacité: 6%
• Style: Linéaire
• Angle: 90º
• Échelle: 60%
• Cliquez sur le Dégradé et définissez ces arrêts :
• Arrêts de couleur avec Couleur #000000 sur Place: 0% et 100%
• Arrêt d’opacité avec Opacité: 0% sur Place: 0%
• Arrêt d’opacité avec Opacité: 100% sur Place: 100%

Étape 7

Ajouter une lueur extérieure avec ces paramètres:

• Mode de fusion: Gravure linéaire
• Opacité: 29%
• Couleur: #000000
• Technique: Précis
• Propagation: 50%
• Taille: 3 px
• Cochez la case Anti-aliased

Étape 8

Nous avons presque terminé avec ce tutoriel Photoshop à effet de texte graffiti. Pour terminer cet effet de texte, ajoutez une ombre portée avec ces paramètres:

• Mode de Fusion: Normal
• Choisissez la couleur #000000
• Opacité: 95%
• Décochez la case à lumière Utiliser Global
• Angle: 90°
• Distance: 5 px
• Propagation: 39%
• Taille: 24 px
• Cochez la case Anti-aliasing
• Bruit: 10%

Cliquez sur OK pour appliquer toutes les modifications.

Voici le résultat du premier effet de texte graffiti appliqué à la police de texte graffiti.

3. Comment créer le Deuxième Effet de texte Graffiti

Étape 1

Sélectionnez le calque de texte graffiti « pour » et accédez à Calque > Style de calque > Options de fusion… pour appliquer le style de calque suivant à la police de lettres graffiti.

Dans Options de fusion, utilisez ces paramètres:

• Mélange avancé : 0%
• Mélange si : Gris
• Calque sous-jacent: Alt-cliquez (option utilisateurs mac – cliquez) sur le marqueur blanc pour le diviser, puis définissez la partie gauche sur 158 et la partie droite sur 217.

Étape 2

Ajouter un biseau et un gaufrage à l’effet de texte 3D des lettres graffiti avec ces paramètres:

• Style: Biseau intérieur
• Technique: Lisse
• Profondeur: 100%
• Direction: Vers le haut
• Taille: 8 px
• Adoucir: 0 px
• Décochez la case à lumière Utiliser Global
• Angle: 90º
• Altitude: 30º
• Cochez la case Anti-aliasing
• Mode Surbrillance – Opacité: 0%
• Mode Ombre: Multipliez par la couleur #000000 et l’opacité: 50%

Étape 3

Ajouter un trait avec ces paramètres:

• Taille: 1 px
• Position: Extérieur
• Type de remplissage: Couleur
• Couleur: #000000

Étape 4

Ajouter une ombre intérieure avec ces paramètres:

• Mode de fusion: Couleur normale
• : #000000
• Opacité: 100%
• Décochez la case à lumière Use Global
• Angle: – 94º
• Distance: 0 px
• Starter: 18%
• Taille: 5 px
• Cochez la case Anti-aliasing
• Bruit: 11%

Étape 5

Ajouter une lueur intérieure avec ces paramètres:

• Mode de fusion: Couleur normale
• : #000000
• Opacité: 30%
• Bruit: 61%
• Technique: Précis
• Source: Edge
• Starter: 1%
• Taille: 4 px
• Cochez la case Anti-aliasing
• Gamme: 50%

Étape 6

Ajouter une ombre portée avec ces paramètres pour terminer cet effet de texte 3D graffiti letters:

• Mode de fusion: Normal
• Choisissez la couleur #000000
• Opacité: 956%
• Décochez la case à lumière Utiliser Global
• Angle: 90°
• Distance: 5 px
• Propagation: 27%
• Taille: 18 px
• Cochez la case Anti-aliasing
• Bruit: 17%

Cliquez sur OK pour appliquer le style de calque.

Voici le résultat du deuxième effet de texte graffiti appliqué aux lettres graffiti cool. Vous vous en sortez bien – nous avons presque terminé ce tutoriel Photoshop sur le texte graffiti.

4. Comment créer le Troisième Effet de texte Graffiti

Étape 1

Sélectionnez le calque de police de lettre graffiti « pedro » et accédez à Calque > Style de calque > Options de fusion… pour appliquer le style de calque suivant.

Dans Options de fusion, utilisez ces paramètres:

• Mélange avancé: 0%
• Mélange si : Gris
• Calque sous-jacent: Cliquez sur Alt (option utilisateur mac – clic) sur le marqueur blanc pour le diviser, puis définissez la partie gauche sur 139 et la partie droite sur 201. Ensuite, divisez le marqueur noir et réglez sa partie droite sur 80.

Étape 2

Ajouter un biseau et un gaufrage avec ces paramètres:

• Style: Biseau intérieur
• Technique: Ciseau dur
• Profondeur: 144%
• Direction: Haut
• Taille: 8 px
• Ramollir: 0 px
• Décochez la case à lumière Utiliser Global
• Angle: 98º
• Altitude: 30º
• Cochez la case Anti-aliasing
• Mode Surbrillance: Superposition avec couleur #1faee3 et Opacité: 100%
• Mode Ombre: Superposition avec couleur #ce43db et Opacité: 88%

Étape 3

Ajouter une ombre intérieure à l’effet de texte de la police de lettres graffiti avec ces paramètres:

• Mode de fusion: Couleur normale
• : #000000
• Opacité: 100%
• Décochez la case à lumière Use Global
• Angle: – 94º
• Distance: 0 px
• Starter: 0%
• Taille: 10 px
• Contour: Cône
• Vérifiez l’Anti – boîte aliasée
• Bruit: 11%

Étape 4

Ajouter une lueur intérieure avec ces paramètres:

• Mode de fusion: Esquive linéaire (Ajouter)
• Couleur: #dd8925
• Opacité: 33%
• Bruit: 47%
• Technique: Précis
• Source: Centre
• Starter: 58%
• Taille: 16 px
• Cochez la case Anti-aliasing
• Gamme: 50%

Étape 5

Ajouter un effet satiné avec ces paramètres:

• Mode de fusion: Superposition
• Couleur: #f08d18
• Angle: 90 °
• Distance: 19 px
• Taille: 24 px
• Contour: Demi-rond
• Cochez la case Anti-aliasing
• Cochez la case Inverser

Étape 6

Ajouter une superposition de dégradé avec ces paramètres:

• Mode de fusion: Gravure linéaire
• Cochez la case de tramage
• Opacité: 6%
• Style: Linéaire
• Angle: 90º
• Échelle: 60%
• Cliquez sur le Dégradé et définissez ces arrêts :
• Arrêts de couleur avec Couleur #000000 sur Place: 0% et 100%
• Arrêt d’opacité avec Opacité: 0% sur Place: 0%
• Arrêt d’opacité avec Opacité: 100% sur Place: 100%

Étape 7

Ajouter une lueur extérieure avec ces paramètres:

• Mode de fusion: Gravure linéaire
• Opacité: 29%
• Couleur: #000000
• Technique: Précis
• Propagation: 40%
• Taille: 2 px
• Cochez la case Anti-aliased

Étape 8

Comme dernière étape pour cet effet de texte de lettres de style graffiti, ajoutez une ombre portée avec ces paramètres:

• Mode de fusion: Normal
• Choisissez la couleur #000000
• Opacité: 96%
• Décochez la case à lumière Utiliser Global
• Angle: 90°
• Distance: 5 px
• Propagation: 39%
• Taille: 24 px
• Cochez la case Anti-aliasés
• Bruit: 10%

Cliquez sur OK pour appliquer les effets de texte.

Félicitations! Vous avez terminé!

Dans ce tutoriel Photoshop sur les effets de texte Graffiti, vous avez appris à utiliser les styles de calque et les options de fusion pour créer des effets de texte graffiti sympas dans Adobe Photoshop.

Nous avons commencé par créer nos graffitis de texte dans Photoshop, puis nous les avons modifiés avec des options de fusion et des styles de calque pour créer trois effets de graffiti différents sur le mur.

Explorez d’autres Tutoriels d’effets de texte Photoshop Sympas

Le texte de graffiti du tutoriel Photoshop que vous venez de vérifier n’est pas le seul que nous ayons. Vous pouvez apprendre de nombreux effets de texte, et pas seulement des lettres de graffiti sympas! Voici quelques autres tutoriels que vous pouvez apprécier:

• 
  Effets de texte
  Comment créer un Effet de Texte de Dessin Animé dans Adobe Photoshop
  Jan Stverak
• 
  Styles de calques
  Comment créer une Maquette de Texte et de logo 3D en Noir et Or
  Jan Stverak
• 
  Effets de texte
  Conseil rapide: Créez un Effet de Texte Royal Gold dans Photoshop En Utilisant des styles de Calque
  Jan Stverak
• 
  Effets de texte
  Astuce rapide: Créez un Effet de Texte Brillant, Doré et Ancien dans Photoshop
  Jan Stverak

Top 5 Des Add-Ons Photoshop Avec Logo Graffiti D’Envato Elements

J’espère que vous avez apprécié mon tutoriel Photoshop avec effet de texte graffiti. Maintenant, je vais vous montrer une sélection des meilleurs add-ons Photoshop de Graffiti textuel d’Envato Elements.

Il s’agit de notre place de marché par abonnement, où vous pouvez obtenir autant d’actions Photoshop de logo graffiti que vous le souhaitez, ainsi que des milliers d’actifs graphiques créatifs, moyennant des frais mensuels peu élevés.

Avec l’aide d’Envato Elements, vous créerez les meilleures lettres de graffiti au monde. Nous avons tous les types de styles et d’actions de graffiti. Jetez un coup d’œil ici:

Effet de texte Graffiti PSD (ASL, PSD)

Ces lettres de style graffiti sont vraiment faciles à utiliser dans Photoshop. Il vous suffit de placer votre texte ou votre design dans l’objet intelligent, et vous aurez des lettres de graffiti sympas en un rien de temps! Ce pack text graffiti Photoshop comprend dix styles différents, dix fichiers PSD et des objets intelligents bien organisés en couches.

Effet de texte Graffiti PSD vol.1 (ASL, PSD)

Un autre ensemble de lettres graffiti sympas du même artiste talentueux. Ce pack PSD graffiti text effect comprend également dix maquettes uniques, plus dix fichiers ASL : dix ensembles de styles pour Photoshop. N’hésitez pas à essayer ces effets 3D de lettres graffiti!

Logo Graffiti d’Art de rue Photoshop (ABR, ATN, PAT)

Qui a dit que le graffiti ne concerne que le texte? Nous avons tous les types d’add-ons de style graffiti, et c’est une action Photoshop avec logo graffiti street art très cool. Cela fonctionne mieux avec des portraits, des figures, des modèles et des objets inanimés. Votre résultat final est une composition entièrement en couches avec beaucoup d’effets et de personnalisation.

Styles de calque PSD à Effet de Texte Graffiti (ASL, PSD)

Mais si vous êtes un fan des polices de lettres graffiti et des effets 3D de lettres graffiti, alors c’est pour vous. Profitez de cet ensemble de 15 lettres de style graffiti pour Photoshop et créez des compositions de texte de graffiti sympas.

Logo Graffiti en Aérosol Photoshop (ABR, ATN, PAT)

Pour clôturer notre sélection de tous les types de styles de graffiti, ce spray art est une action cool graffiti logo Photoshop. Cela vous permet de créer rapidement des œuvres d’art numériques en quelques clics. La composition est vraiment facile à modifier grâce à ses calques, vous donnant un contrôle créatif total.

Conclusion