Comment créer un effet de texte grunge à l'aide d'une carte de déplacement dans Adobe Photoshop

Ce que vous allez créer

Dans ce didacticiel, vous allez apprendre à créer un effet de texte à l'aide de la cartographie de déplacement dans Adobe Photoshop..

J'ai créé un Destructeur de texte avec des effets de texte illimités en utilisant la même méthode pour mon portefeuille GraphicRiver.

Atouts du tutoriel

Vous aurez besoin des éléments suivants pour compléter ce tutoriel:

  • ChunkFive Police
  • Texture 01 de Patrick Tomasso 
  • Texture 02 de Bharath Suresh

1. Comment préparer le document

Étape 1

Aller à Fichier> Nouveau et créez un nouveau fichier avec lequel travailler. Utilisez les paramètres suivants: Largeur: 2000 px; Hauteur: 1500 px; 300 dpi.

Étape 2

Cliquez sur T ouvrir le Outil de type horizontal et créez le texte que vous souhaitez utiliser.

Étape 3

Changer la couleur du texte en # 633526puis cliquez sur Warp Text icône et utilisez les paramètres suivants: Style: arc inférieur; Courbure: -11%.

Étape 4

Cliquez sur U et sélectionnez Rectangle arrondi, puis créez une forme avec les paramètres suivants: Largeur: 1600; Hauteur: 600; Rayons: 20 px de chaque côté.

Étape 5

Cliquez sur U encore et créer un simple Rectangle avec les paramètres suivants: Largeur: 1900; Hauteur: 1400; Couleur: # f7eac8; AVC: 10px. 

Étape 6

Cliquez sur g ouvrir le Outil Pot De Peinture et remplissez le calque d'arrière-plan avec la couleur #ebdcbb.

Étape 7

Sélectionnez le calque de texte et le calque de rectangle arrondi, puis Clic-droit et sélectionnez Convertir en objet intelligent.

Étape 8

Convertir le deuxième rectangle en un Objet intelligent comme nous l'avons fait auparavant, puis Clic-droit sur le premier Objet intelligent et sélectionnez Dupliquer.

2. Comment créer une carte de déplacement

Étape 1

Ouvrez Texture 01 dans une nouvelle fenêtre et appuyez sur Alt-Control-I changer la taille de la texture en 2000x1500. Après ça,presse Shift-Control-S et enregistrez notre texture dans un fichier .psd.

Étape 2

Sélectionnez notre deuxième objet intelligent et allez à Filtre> Déformer> Déplacez, etpuissélectionnez notre psd. Fichier en tant que carte de déplacement avec les paramètres suivants: Échelle horizontale: 5; Échelle verticale: 5; Stretch To Fit; Répéter les pixels de bord.Après cela, utilisez le même filtre avec les mêmes paramètres pour la grande couche rectangle.

Étape 3

Sélectionnez notre premier objet intelligent et allez à Filtre> Déformer> Déplacez, puis sélectionnez notre fichier .psd et utilisez les paramètres suivants: Échelle horizontale: 0; Échelle verticale: 900; Stretch To Fit.

Voici à quoi ressemblera notre image après les manipulations énumérées ci-dessus:

3. Comment ajouter des textures au document

Étape 1

Nous devons maintenant ajouter des textures et créer des effets de style de calque pour notre document. Sélectionnez toutes les couches puis cliquez sur Créer un nouveau groupe.

Étape 2

Double clic sur Smart Object 02 et utilisez les paramètres suivants: Ombre portée; Couleur: # 633526; Angle: 120; Distance: 20.

Étape 3

Après cela, ajoutez un Accident vasculaire cérébral dans le Style de calque panneau en utilisant les paramètres suivants: Position: à l'extérieur Taille: 9; Opacité: 0; Couleur: # 633526.

Étape 4

Maintenant, nous devons changer le Mode de fusion de la couche rectangle à Recouvrir dans le Couches panneau.

Étape 5

Sélectionnez le groupe de calques puis cliquez sur le bouton Créer un masque icône.

Étape 6

Ouvrez Texture 01 et cliquez M ouvrir leOutil de chapiteau rectangulaire. Puis sélectionnez la texture entière et appuyez sur Control-C.

Étape 7

Alt-clic droit sur le masque du groupe puis Contrôle-V coller la texture comme masque du calque.

Étape 8

Après cela, appuyez sur Contrôle-I inverser le masque.

Étape 9

Enfin, pour ajouter les touches finales, placez la Texture 02 au-dessus de tous les calques et modifiez le Mode de fusion à Multiplier. Puis appuyez Alt-Shift-Control-B convertir la texture en noir et blanc.

Travail impressionnant, vous êtes maintenant fait!

Toutes nos félicitations! Vous avez créé un effet de texte en utilisant une carte de déplacement et des textures libres. Voici notre résultat final:

Si vous souhaitez créer des effets similaires en quelques clics, consultez mon article Destructeur de texte de mon portfolio GraphicRiver..