Comment créer une action d'effet de texte d'esquisse dans Adobe Photoshop

Ce que vous allez créer

Dans ce tutoriel, je vais vous montrer comment créer une action dans Adobe Photoshop qui transformera toute police de votre choix en une esquisse réaliste. Vous apprendrez également à créer des formes ressemblant à des dessins au crayon à l'aide des formes par défaut de Photoshop et de certains filtres. En fin de compte, vous aurez une action pour faire tout le travail pour vous en un seul clic.

Cette action fait partie de l'action Toute police à esquisser de Photoshop. L'action complète fonctionne avec du texte et des formes et a trois tailles différentes pour votre commodité. Cela fonctionne aussi avec n'importe quelle couleur que vous aimez.

Toute police à dessiner Action Photoshop

Atouts du tutoriel

Les actifs suivants ont été utilisés lors de ce tutoriel:

  • Il est mort Jim Font
  • Image de fond *
  • Modèle *

Les éléments marqués d'un "*" se trouvent dans le fichier zip joint à ce didacticiel., édité et prêt pour ce tutoriel.

1. Comment créer le style

Étape 1

Aller à Fichier> Nouveau et créez un nouveau document avec les paramètres suivants:

  • Prénom: Action Croquis
  • Largeur: 2000 px
  • La taille: 1000 px
  • Résolution: 300 Dpi
  • Mode de couleur: Couleur RVB 8 bits
  • Contenu de fond: blanc

Étape 2

Choisissez le Outil de type horizontal (T) et écrivez "SKETCH". Puis choisissez le Il est mort Jim police et définissez la taille de la police sur 137 pt.


Étape 3

Sélectionnez le calque de texte sur le Couches panneau, puis aller à Calque> Style de calque> Options de fusion et ajoutez une superposition de motif avec ces paramètres:

  • Mode de fusion: Ordinaire
  • Opacité: 100%
  • Modèle: Sketch-Texture-tt (attaché à ce tutoriel)
  • Échelle: 100%
  • Lien avec la couche: Sur

Puis clique D'accord fermer le Style de calque panneau.


Étape 4

Aller à Fenêtre> Styles ouvrir le modes panneau. Puis cliquez sur le Créer un nouveau style icône et nommez-le Style d'esquisse.


2. Comment créer les pinceaux

Étape 1

Ce pinceau va être utilisé avec un flou de mouvement, rendant les bordures du texte un peu flou.

Pour commencer, masquez le calque de texte - nous ne l'utilisons pas pour l'instant. 

À présent Choisissez l'outil pinceau (B) et allez à Fenêtre> Paramètres du pinceau. Puis sélectionnez le Doux Rond 30 brosse et change sa Taille à 6 px et Espacement à 1%. Ensuite, cliquez sur la petite icône en haut à droite de la fenêtre. Paramètres de brosse panneau et choisissez Nouveau préréglage de pinceaux… pour enregistrer le nouveau préréglage, nommez-le Contour d'esquisse - 1, et cliquez D'accord.


Étape 2

Le pinceau suivant sera utilisé comme masque pour les bordures du texte, le rendant ainsi moins droit.

Avec le même pinceau sélectionné (Doux Rond 30), retournez à la Paramètres de brosse panneau et le configurer avec ces paramètres:

  • Taille: 25 px
  • Dureté: 51%
  • Espacement: 59%

Dynamique de forme:

  • Taille Jitter: 39%
  • Contrôle de la gigue de taille: De
  • Diamètre Minimum: 0%
  • Angle Jitter: 0%
  • Contrôle de la gigue angulaire: De
  • Jitter de rondeur: 0%
  • Contrôle de gigue de rondeur: De

Diffusion:

  • Les deux axes: De
  • Dispersion: 29%
  • Contrôle de dispersion: De
  • Compter: 1
  • Comte Jitter: 0%
  • Compter le contrôle de gigue: De

Étape 3

Cliquez sur la petite icône en haut à droite de la fenêtre. Paramètres de brosse panneau pour enregistrer le nouveau préréglage, nommez-le Masque Contour Crayon 1, et cliquez D'accord.


Étape 4

Nous allons maintenant créer le premier pinceau en forme de crayon. Il va être utilisé comme un coup de fond.

presse Control-Shift-N pour créer un nouveau calque et le nommer Pinceau crayon 1. Puis choisissez le Pinceau (B) et clic-droit n'importe où sur le document pour ouvrir les options du pinceau. Sélectionnez le Doux rond brosse et change sa Taille à 2 px. Puis changez la couleur du pinceau en #aeaeae et faire une ligne horizontale à propos de 85 px longue.


Étape 5

Maintenant, avec seulement le Pinceau crayon 1 couche sélectionnée, aller à Édition> Définir le préréglage du pinceau et enregistrez le pinceau en le nommant Crayon Contour Base 1. Après cela, allez au Paramètres de brosse panneau de nouveau et sélectionnez le pinceau que nous venons de créer (Crayon Contour Base 1), et configurez-le avec ces paramètres:

  • Taille: 85 px
  • Flip X et Y: De
  • Angle: 0 °
  • Rondeur: 100%
  • Espacement: 231%

Dynamique de forme:

  • Taille Jitter: 66%
  • Contrôle de la gigue de taille: De
  • Diamètre Minimum: 0%
  • Angle Jitter: 2%
  • Contrôle de la gigue angulaire: Direction
  • Jitter de rondeur: 0%
  • Contrôle de gigue de rondeur: De
  • Flip X et Y: De
  • Projection au pinceau: De

Diffusion:

  • Dispersion: 32%
  • Les deux axes: De
  • Contrôle de dispersion: De
  • Compter: 1
  • Comte Jitter: 0%
  • Compter le contrôle de gigue: De

Transfert:

  • Opacité Jitter: 41%
  • Contrôle de la gigue d'opacité: De
  • Gigue de flux: 19%
  • Contrôle de la gigue de flux: De

Étape 6

Maintenant, enregistrez ce préréglage et nommez-le Crayon Contour 1.


Étape 7

Il est maintenant temps de créer le pinceau principal. Celui-ci fera toute la différence, rendant la frontière très réaliste.

Cache le Pinceau crayon 1 couche et en créer une nouvelle, en la nommant Pinceau crayon 2.
Après cela, sélectionnez le Doux rond brosse à nouveau et configurez-le avec ces paramètres:

  • Taille: 4 px
  • Flip X et Y: De
  • Angle: 0 °
  • Rondeur: 100%
  • Dureté: 18%
  • Espacement: 1%

Dynamique de forme:

  • Taille Jitter: 38%
  • Contrôle de la gigue de taille: De
  • Diamètre Minimum: 0%
  • Angle Jitter: 0%
  • Contrôle de la gigue angulaire: 0%
  • Jitter de rondeur: 14%
  • Contrôle de gigue de rondeur: De
  • Arrondi Minimum: 1%
  • Flip X et Y: De
  • Projection au pinceau: De

Diffusion:

  • Dispersion: dix%
  • Les deux axes: De
  • Contrôle de dispersion: De
  • Compter: 1
  • Comte Jitter: 0%
  • Compter le contrôle de gigue: De

Étape 8

Changer la couleur du pinceau en # 7a7a7a et faire une ligne horizontale à propos de 200 px long sur le Pinceau crayon 2 couche.


Étape 9

Maintenant, avec seulement le Pinceau crayon 2 couche sélectionnée, aller à Édition> Définir le préréglage du pinceau et enregistrez le pinceau en le nommant Crayon Contour Base 2.

Après cela, allez au Paramètres de brosse à nouveau et sélectionnez le Crayon Contour Base 2 brosse, et configurez-le avec ces paramètres:

  • Taille: 200 px
  • Flip X et Y: De
  • Angle: 0 °
  • Rondeur: 100%
  • Espacement: 261%

Dynamique de forme:

  • Taille Jitter: 16%
  • Contrôle de la gigue de taille: De
  • Diamètre Minimum: 0%
  • Angle Jitter: 2%
  • Contrôle de la gigue angulaire: Direction
  • Jitter de rondeur: 0%
  • Contrôle de gigue de rondeur: De
  • Flip X et Y: De
  • Projection au pinceau: De

Diffusion:

  • Dispersion: dix%
  • Les deux axes: De
  • Contrôle de dispersion: De
  • Compter: 1
  • Comte Jitter: 0%
  • Compter le contrôle de gigue: De

Dual Brush:

  • Brosse: Pinceau rond doux 30
  • Mode: Brûlure de couleur
  • Flip: De
  • Taille: 18 px
  • Espacement: 1%
  • Dispersion: 0%
  • Les deux axes: De
  • Compter: 1

Transfert:

  • Opacité Jitter: 17%
  • Contrôle de la gigue d'opacité: De
  • Gigue de flux: 61%
  • Contrôle de la gigue de flux: De

Puis active le Bruit option (il n'y a pas de paramètres pour celui-ci).


Étape 10

Enregistrez ce préréglage et nommez-le Crayon Contour 2.


3. Comment créer l'action

Étape 1

Dans le même document que nous avons créé auparavant, supprimez tous les calques et laissez le fond blanc. Puis choisissez le Outil de type horizontal (T) et écrivez "SKETCH".


Étape 2

Aller à Fenêtre> Actions ouvrir le actes panneau. Puis cliquez sur le Créer un nouvel ensemble icône pour créer un nouvel ensemble d'actions et nommez-le Texte à dessiner (300 DPI).


Étape 3

Nous sommes sur le point de commencer à enregistrer tout ce que nous faisons dans Photoshop. Suivez donc toutes les instructions et rien d’autre. Si nécessaire, vous pouvez arrêter l’enregistrement, supprimer toute étape incorrecte, puis reprendre l’enregistrement..

Laissez le calque de texte sélectionné sur le Couches panneau et cliquez sur le Créer une nouvelle action icône sur le Panneau Actions, et puis nommez-le Effet croquis et cliquez sur Record.


Étape 4

Renommez le calque de texte en BKP Text et changez la taille du texte en 138 pt. Après cela, appuyez sur Contrôle-A pour sélectionner le document entier.


Étape 5

Choisissez le Outil de déplacement (V) et alignez le calque avec le document sur les centres vertical et horizontal. Puis appuyez Contrôle-D supprimer la sélection.


Étape 6

presse Contrôle-j dupliquer le calque. Puis renommez la copie en BKP Texte 1 et le cacher.


Étape 7

Sélectionnez le BKP Text couche encore et aller à Calque> Style de calque> Options de fusion ouvrir le Style de calque panneau. Puis ajoutez un Accident vasculaire cérébral avec ces paramètres:

  • Taille: 8 px
  • Position: À l'extérieur
  • Mode de fusion: Ordinaire
  • Opacité: 100%
  • Surcharge: De
  • Couleur: # 000000

Étape 8

À présent, clic-droit sur le calque actuel et choisissez Convertir en objet intelligent, et alors clic-droit encore et choisissez Rasteriser la couche. Après cela, renommez le en Texte de base.


Étape 9

Appliquez le style que nous avons créé au début de ce tutoriel (Style d'esquisse) au Texte de base couche. Puis tenez le Contrôle clé et cliquez sur la vignette du Texte de base couche pour créer une sélection. Après cela, choisissez le Outil de lasso (L) et clic-droit dans la sélection, choisissez Faire chemin de travail, et le créer avec un Tolérance de 2,0 px.


Étape 10

Avec le Texte de base couche sélectionnée, cliquez sur le Ajouter un masque vectoriel icône sur le Couches panneau. Puis choisissez le Pinceau (B) et sélectionnez le Masque Contour Crayon 1 brosse.


Étape 11

presse pour réinitialiser les nuances sur le blanc et le noir par défaut, puis appuyez sur X pour les échanger. Après cela, allez à Fenêtre> Chemins ouvrir le Les chemins panneau et clic-droit sur le Chemin de travail, choisir Chemin de course, puis sélectionnez Brosse sur le Outil mode et cliquez D'accord.


Étape 12

Convertir le Texte de base couche à un Objet intelligent, et puis aller à Filtre> Bruit> Ajouter du bruit pour ajouter un filtre de bruit avec ces paramètres:

  • Montant: 9,82%
  • Distribution: Uniforme
  • Monochromatique: Sur

Étape 13

Choisissez le Pinceau (B) à nouveau et sélectionnez le Contour d'esquisse - 1 brosse. Après cela, appuyez sur Control-Shift-N et nommez la nouvelle couche Croquis Contour 1. Puis retournez au Les chemins panneau et supprimer le existant Chemin de travail.


Étape 14

Maintenez la Contrôle clé et cliquez sur la vignette du BKP Texte 1 couche pour créer une autre sélection. Puis choisissez le Outil de lasso (L) encore et clic-droit sur la sélection. Choisir Faire chemin de travail et utilise le même Tolérance comme avant (2.0).


Étape 15

Aller au Les chemins panneau et clic-droit sur le Chemin de travail, puis sélectionnez Chemin de course avec les mêmes paramètres que précédemment. Après cela, convertissez le Croquis Contour 1 couche à un Objet intelligent et changer sa Opacité à 50%. Ensuite aller à Filtre> Déformation> Vague et utilisez ces paramètres:

  • Nombre de générateurs: 1
  • Longueur d'onde minimale: 1
  • Longueur d'onde maximale: 241
  • Amplitude minimale: 1
  • Amplitude maximale: 5
  • Échelle horizontale: 100%
  • Échelle verticale: 100%
  • Type: Sinus
  • Zones non définies: Répéter les pixels de bord

Étape 16

Aller à Filtre> Flou> Flou directionnel et utilisez ces paramètres:

  • Angle: 1
  • Distance: 25 px

Étape 17

presse Contrôle-j dupliquer le Croquis Contour 1 couche, puis double-cliquez sur le Flou de mouvement filtre du calque actuel et remplace ses paramètres par ceux-ci:

  • Angle: -48 °
  • Distance: 27 px

Étape 18

Renommez le calque actuel en Croquis Contour 2 et changer sa Remplir l'opacité à 11%

Ensuite aller à Calque> Style de calque> Options de fusion et ajouter un Incrustation en dégradé avec ces paramètres:

  • Mode de fusion: Ordinaire
  • Tremblement: De
  • Opacité: 34%
  • Pente: Premier plan à transparent
  • Sens inverse: De
  • Aligner avec la couche: Sur
  • Style: Linéaire
  • Angle: 90 °
  • Échelle: 100%

Étape 19

Aller à Filtre> Bruit> Ajouter du bruit et utilisez ces paramètres:

  • Montant: 240%
  • Distribution: Uniforme
  • Monochromatique: Sur

Étape 20

Créez un nouveau calque et nommez-le Croquis Contour 3. Puis choisissez le Pinceau (B) et sélectionnez le Crayon Contour 1 brosse. Après cela, allez au Les chemins panneau à nouveau et clic-droit sur le Chemin de travail créer un autre trait.


Étape 21

Maintenant, changez le pinceau en Crayon Contour 2 et ajoutez un autre trait à la même couche. Après ça, clic-droit sur le Croquis Contour 3 couche et choisissez Convertir en objet intelligent.


Étape 22

Maintenant, sélectionnez le Couche texte de base, puis maintenez la Décalage clé et Cliquez sur sur le BKP Texte 1 couche. Avec toutes les couches sélectionnées, clic-droit sur l'un d'eux et choisissez Convertir en objet intelligent.


Étape 23

Renommez le calque actuel en Effet de texte de base. Ensuite aller à Filtre> Styliser> Diffuse et choisir Ordinaire mode.


Étape 24

Aller à Filtre> Netteté> Netteté intelligente et utilisez ces paramètres:

  • Montant: 52%
  • Rayon: 0,5 px
  • Retirer: Flou de l'objectif

Étape 25

Clic-droit sur le calque actuel et le convertir en Objet intelligent encore. Ensuite aller à Filtre> Flou> Flou Gaussien et appliquer un flou avec 0,6 px. Maintenant, appuyez sur Contrôle-j dupliquer le calque, puis le renommer en Effet de texte de base 2 et cache le Flou gaussien filtre.


Étape 26

Maintenant nous allons ajouter un Superposition de couleurs à la couche finale. Ce Superposition de couleurs est le réglage qui contrôle la couleur de l'effet final.

Tenir Contrôle et sélectionnez les deux Effet de texte de base et Effet de texte de base 2 couches, puis les convertir en Objet intelligent et renommez le calque résultant en Effet de texte d'esquisse.

Maintenant, allez à Calque> Style de calque> Options de fusion et ajouter un Superposition de couleurs avec ces paramètres:

  • Mode de fusion: Ordinaire
  • Couleur: # 242527
  • Opacité: 100%

Étape 27

Aller au Les chemins panneau à nouveau et supprimez le Chemin de travail. Après cela, allez au actes panneau et cliquez sur le Arrête d'enregistrer icône.


Étape 28

Ouvrez l’image d’arrière-plan que vous avez téléchargée (sketch-bg.png) et faites glisser le Effet de texte d'esquisse couche dedans. Après cela, vous pouvez redimensionner et recolorer l’effet final à votre guise..


Toutes nos félicitations! Vous avez terminé

Dans ce didacticiel, vous avez appris à créer des pinceaux et à les utiliser pour créer un effet d'esquisse réaliste. Vous avez également appris à utiliser certains filtres, tels que diffuse et wave. Bien que ces effets aient été utilisés pour ajouter un effet subtil, ils font vraiment une différence dans le résultat final. Et, bien sûr, vous avez appris à enregistrer une action. Maintenant, tout ce que vous avez à faire pour appliquer l'effet est de cliquer sur play.

Ce qu'il faut retenir avant de jouer l'action:

  • Assurez-vous que le Opacité du pinceau et Couler sont mis à 100%.
  • Assurez-vous que vous jouez l'action avec le calque de texte sélectionné.

Pour lire l'action, vous devez d'abord sélectionner le calque avec lequel vous voulez travailler, puis sélectionner le calque. Effet croquis action dans le actes panneau et cliquez sur le Jouer icône.

J'espère que vous avez appris quelque chose d'utile avec ce tutoriel. N'hésitez pas à laisser vos commentaires et résultats ci-dessous.

N'oubliez pas de vérifier l'action complète: Toute police à dessiner Action Photoshop.

Toute police à dessiner Action Photoshop

Tu pourrais aussi aimer:

  • Comment créer un effet de texte inspiré inFamous dans Adobe Photoshop

    Dans ce tutoriel, vous apprendrez à créer un effet de texte électrique inspiré du jeu inFamous. Vous utiliserez Impact pour créer un effet de police inFamous.
    Anderson Luiz
    Effets de texte
  • Comment créer un effet de texte coloré et brillant dans Adobe Photoshop

    Dans ce tutoriel, je vais vous montrer comment créer du texte brillant dans Photoshop avec deux styles de calque..
    Anderson Luiz
    Effets de texte
  • Comment créer un effet de texte Grass Action dans Adobe Photoshop

    Dans ce tutoriel, je vais vous montrer comment créer une action grass dans Adobe Photoshop à l'aide d'un motif, de deux pinceaux et d'un style de calque..
    Anderson Luiz
    Actions Photoshop
  • Comment créer un effet de texte orné dans Adobe Photoshop

    Apprenez à créer un effet de texte doré orné à partir de rien dans Adobe Photoshop CC, en utilisant deux textures, des styles de calque et des filtres..
    Anderson Luiz
    Effets de texte