Comment créer un effet de texte froissé réaliste à l'aide du filtre de déplacement

Ce que vous allez créer

Ajouter du texte sur un arrière-plan dynamique peut s'avérer un peu délicat, car il finit généralement par sembler plat et factice. Ce tutoriel vous montrera comment utiliser le filtre Déplacez-vous pour appliquer correctement le texte sur une surface dynamique et le rendre conforme à cette surface pour obtenir un résultat plus réaliste. 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..

  • Cookie Regular police
  • Texture de tissu par Texture King

1. Enregistrez le fichier de carte de déplacement

Ouvrez le Texture de tissu image, puis aller à Fichier> Enregistrer sous, et sauver un PSD fichier de l'image avec le nom Déplacer la carte.

2. Ajustez la carte de déplacement

Étape 1

Clic-droit la Contexte couche et choisissez Convertir en objet intelligent.

Étape 2

Aller à Image> Réglages> Teinte / Saturation, et changer le Saturation valeur à -100.

Étape 3

Aller à Filtre> Flou> Flou Gaussien, et mettre le Rayon à 2.

Un plus grand Rayon la valeur rendra l’effet final plus doux et plus doux, tandis qu’un petit Rayon la valeur se traduira par un résultat plus net et plus détaillé.

Étape 4

Aller à Fichier> Enregistrer, enregistrer les modifications apportées à la Déplacer la carte fichier.

3. Changer la couleur de la texture

Étape 1

Ouvrez l'original Texture de tissu image, choisissez le Outil de remplacement de couleur, et mettre le Couleur de premier plan à # d7ba80.

dans le Barre d'options, assurez-vous que le Mode est réglé sur Couleur, la Échantillonnage à Contigu, et le Tolérance à 100%.

Choisissez une très grosse pointe de brosse ronde et dure, et peignez par-dessus la texture en essayant de ne pas faire plusieurs passages sur la même zone. Cela va changer la couleur de la texture.

Étape 2

Dupliquer le Contexte couche et convertir le copie dans une Objet intelligent.

4. Améliorer la coloration de la texture

Étape 1

Double-cliquez la Copie de fond couche pour appliquer un Superposition de couleurs effet avec ces paramètres:

  • Couleur: # fde8bd
  • Mode de fusion: Diviser

Cela éclaircira un peu la texture.

É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 Couleur sélective.

Étape 3

Choisir Jaunes du Couleurs dans le menu déroulant et modifiez les valeurs comme indiqué ci-dessous:

  • Cyan: -30
  • Magenta: -16
  • Jaune: -47
  • Noir: -21

Étape 4

Choisir Blues du Couleurs dans le menu déroulant et modifiez les valeurs comme indiqué ci-dessous:

  • Cyan: -100
  • Magenta: -35
  • Jaune: -100
  • Noir: -16

Cela adoucira la coloration et l'atténuer. Vous pouvez ajuster la couleur comme vous le souhaitez si vous cherchez un résultat différent..

5. Ajouter le texte

Étape 1

Créer le texte dans blanc en utilisant la police Cookie Régulier, et mettre le Taille à 150 pt.

Étape 2

Convertir le calque de texte en Objet intelligent, et ensuite changer sa Remplir valeur à 0.

6. Style le texte

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

Étape 1

Ajouter un Biseau et estampe avec ces paramètres:

  • Style: Oreiller Emboss
  • Taille: 8
  • Vérifier la Anti-aliasé boîte
  • Mode de surbrillance: Lumière linéaire
  • Couleur: # 929292
  • Opacité: 50%
  • Mode d'ombre: Brûlure de couleur
  • Couleur: # 434343
  • Opacité: 27%

Étape 2

Ajouter un Superposition de couleurs avec ces paramètres:

  • Couleur: # bdadb1
  • Mode de fusion: Combustion linéaire

Étape 3

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

  • Mode de fusion: Combustion linéaire
  • Couleur: # 707070
  • Opacité: 20%
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 90
  • Distance: 3
  • Taille: 5

Cela va styler le texte.

Vous pouvez voir que, bien que les plis du tissu soient visibles à travers le texte, celui-ci est toujours un peu plat et irréaliste. C'est ce sur quoi nous allons travailler ensuite.

7. Appliquer les filtres de flou et de déplacement

Étape 1

Avec le Smart Object du calque de texte sélectionné, allez à Filtre> Flou> Flou Gaussien, et mettre le Rayon à 1. Cela aidera à atténuer l'effet.

Étape 2

Maintenant, allez à, Filtre> Déformer> Déplacez. Une boîte de dialogue apparaîtra.

le Échelle horizontale et Échelle verticale les valeurs contrôlent l'intensité et la force de l'effet. Des valeurs plus grandes créeront des plis plus grands et plus larges. des valeurs plus petites créeront un résultat plus subtil.

Vous devrez peut-être essayer différentes valeurs avant d’obtenir un résultat qui vous plaira, mais la valeur de 15 semblait un bon à utiliser ici.

Pour le Carte de déplacement, choisir la Stretch to Fit option, et pour la Zones non définies, choisir Répéter les pixels de bord, et cliquez D'accord.

Étape 3

Lorsque le navigateur de fichiers s’ouvre, naviguez jusqu’à la Déplacer la carte fichier que vous avez créé au début de ce tutoriel et ouvrez-le pour l'appliquer à votre texte.

Vous pouvez maintenant voir comment cela crée un effet réaliste en adaptant le texte à la texture et à la forme de l'image d'arrière-plan..

Étape 4

Gardez toujours à l'esprit que vous pouvez double-cliquez la Déplacer filtrer dans le Filtres intelligents liste à réappliquer en utilisant des valeurs différentes jusqu'à ce que vous obteniez un résultat qui vous convient.

8. Accentuer le fond

Il s’agit d’une étape facultative, mais si vous souhaitez que l’effet soit plus net et plus net, vous pouvez sélectionner la Copie de fond couche, aller à Filtre> Netteté> Netteté intelligente, et utilisez les valeurs que vous aimez.

Notez que les valeurs utilisées tout au long du didacticiel devront peut-être être modifiées en fonction de la taille des images et du texte utilisés, ainsi que du résultat souhaité..

Toutes nos félicitations! Vous avez terminé

Dans ce tutoriel, nous avons créé une carte de déplacement simple à partir d’une texture de tissu, à l’aide de certains ajustements et filtres..

Ensuite, nous avons ajusté la coloration de la texture et créé le texte.

Après cela, nous avons utilisé le filtre Displace pour appliquer la carte de déplacement au texte et l’adapter à la texture de la structure..

Enfin, nous avons accentué le fond pour finir l’effet.

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