Comment créer un effet de texte d'encre de bande dessinée dans Adobe Photoshop

Ce que vous allez créer

Ce tutoriel vous montrera comment créer un effet de texte à l'encre de bande dessinée en utilisant les styles de calque, les filtres et les pinceaux personnalisés automatiquement appliqués par Photoshop.. 

Cet effet de texte est basé sur les actions Comic Book Ink de Envato Market. L'action transforme n'importe quel texte ou forme en caractères de style bande dessinée en haute résolution 300 DPI avec personnalisation possible des couleurs.

Actions à l'encre des bandes dessinées - 300 DPI

Atouts du tutoriel

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

  • HVD Comic Serif police
  • Pinceaux, motifs et arrière-plans

1. Comment définir le fond de l'action

Ouvrez Adobe Photoshop, allez à Fichier> Ouvrir, et choisir paper-background.jpg.

2. Comment installer le motif et les pinceaux

Étape 1

Aller à Édition> Paramètres prédéfinis> Gestionnaire de paramètres prédéfinis… dans le Type de préréglage, sélectionner Les motifs, puis cliquez sur Charge… et choisissez le Bande dessinée-encre-motif.pat.

Étape 2

Aller à Édition> Paramètres prédéfinis> Gestionnaire de paramètres prédéfinis… dans le Type de préréglage, sélectionner Des pinceaux, puis cliquez sur Charge… et choisissez le Bande dessinée-encre-pinceaux.abr.

3. Comment créer les couches de texte

Étape 1

Choisissez le Outil de type (T) et écrire "BANDE DESSINÉE", puis appuyez sur la touche Entrer et écrire "LIVRE". Choisir la HVD Comic Serif police puis aller à Fenêtre> Personnage et mettre le Taille à 225 pt, suivi à -50, et De premier plan à 183 pt. Alors vas y Fenêtre> Paragraphe et choisir Centrer le texte.

Étape 2

Aller à Type> Texte Warp, et mettre le Style à Arc et pliez à +5%. Cliquez sur D'accord.

Étape 3

Vous allez maintenant préparer des calques de texte pour le style que vous allez appliquer. Pour ce faire, allez d'abord à Couche> Objet intelligent> Convertir en objet intelligent et puis aller à Couche> Couche dupliquée… et nommer la couche "COMIC BOOK 2". Maintenant, répétez la duplication jusqu'à ce que vous ayez créé un "COMIC BOOK 5" couche.

4. Comment styliser le premier calque de texte

Sélectionnez le calque "BANDE DESSINÉE" et double-cliquez sur ce calque pour appliquer le style de calque suivant:

Étape 1

Met le Options de fusion:

  • Remplir l'opacité: 0%

Étape 2

Ajouter un Biseau et estampe avec ces paramètres:

  • Style: Biseau intérieur
  • Technique: Lisse
  • Profondeur: 209%
  • Direction: Up
  • Taille: 21 px
  • Adoucir: 4 px
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 0
  • Altitude: 30
  • Contour de brillance: Cove - Deep
  • Vérifier la Anti-aliasé boîte
  • Mode de surbrillance: Brûlure linéaire avec couleur # 000000
  • Mode Highlight - Opacité: 20%
  • Mode Ombre - Opacité: 0%

Étape 3

Ajouter un Contour avec ces paramètres:

  • Contour: Bague - Double
  • Vérifier la Anti-aliasé boîte
  • Intervalle: 100%

Étape 4

Ajouter un Lueur intérieure avec ces paramètres:

  • Opacité: 100%
  • Couleur: #ffffff
  • Technique: Plus doux
  • La source: Bord
  • Étranglement: 100%
  • Taille: 4 px
  • Vérifier la Anti-aliasé boîte

Étape 5

Ajouter un Satin style avec ces paramètres:

  • Couleur: # 5fbd13
  • Opacité: 100%
  • Angle: 0
  • Distance: 10 px
  • Taille: 5 px
  • Vérifier la Anti-aliasé boîte

Étape 6

Ajouter un Superposition de couleurs avec ces paramètres:

  • Mode de fusion: Multiplier
  • Couleur: # 92b506
  • Opacité: 24%

Étape 7

Ajouter un Superposition de motifs avec ces paramètres:

  • Opacité: 50%
  • Modèle: Comic-book-pattern-ink

Cliquez sur D'accord.

5. Comment ajouter un filtre pour le premier calque de texte

Aller à Filtre> Déformation> Vague… et utilisez ces paramètres:

  • Nombre de générateurs: 5
  • Longueur d'onde: Min. 36 max. 44
  • Amplitude: Min. 16 max. 17
  • Échelle: Horiz. 3% de vert. 3%
  • Type: Sinus
  • Zones non définies: Enrouler autour

Cliquez sur D'accord.

6. Comment styliser le deuxième calque de texte

Sélectionnez le calque "COMIC BOOK 2" puis double-cliquez sur ce calque pour appliquer le style de calque suivant:

Étape 1

Met le Options de fusion:

  • Remplir l'opacité: 0%

Étape 2

Ajouter un Ombre intérieure avec ces paramètres:

  • Couleur: # 000000
  • Décocher la Utiliser la lumière globale boîte
  • Angle: -74
  • Distance: 5 px
  • Étranglement: 61%
  • Taille: 4 px
  • Vérifier la Anti-aliasé boîte

Étape 3

Ajouter un Lueur externe avec ces paramètres:

  • Opacité: 100%
  • Couleur: # 000000
  • Technique: Plus doux
  • Propager: 86%
  • Taille: 1 px
  • Vérifier la Anti-aliasé boîte
  • Intervalle: 15%

Cliquez sur D'accord.

7. Comment ajouter un filtre pour le deuxième calque de texte

Étape 1

Aller à Filtre> Déformation> Vague… et utilisez ces paramètres:

  • Nombre de générateurs: 5
  • Longueur d'onde: Min. 36 max. 44
  • Amplitude: Min. 16 max. 17
  • Échelle: Horiz. 3% de vert. 3%
  • Type: Sinus
  • Zones non définies: Enrouler autour

Cliquez sur D'accord.

Étape 2

Aller à Couche> Objet intelligent> Convertir en objet intelligent.

8. Comment styliser le troisième calque de texte

Sélectionnez le calque "COMIC BOOK 3" puis double-cliquez sur ce calque pour appliquer le style de calque suivant:

Étape 1

Met le Options de fusion:

  • Remplir l'opacité: 0%

Étape 2

Ajouter un Superposition de couleurs avec ces paramètres:

  • Mode de fusion: Multiplier
  • Couleur: # bbf100
  • Opacité: 52%

9. Comment ajouter des filtres pour le troisième calque de texte

Étape 1

Aller à Filtre> Déformation> Vague… et utilisez ces paramètres:

  • Nombre de générateurs: 1
  • Longueur d'onde: Min. 236 Max. 237
  • Amplitude: Min. 13 max. 21
  • Échelle: Horiz. 38% de vert. 28%
  • Type: Sinus
  • Zones non définies: Enrouler autour

Cliquez sur D'accord.

Étape 2

Aller à Filtre> Déformation> Vague… et utilisez ces paramètres:

  • Montant: 150%
  • Taille: Grand

Cliquez sur D'accord.

10. Comment styliser le quatrième calque de texte

Sélectionnez le calque "COMIC BOOK 4" puis double-cliquez sur ce calque pour appliquer le style de calque suivant:

Étape 1

Met le Options de fusion:

  • Remplir l'opacité: 0%

Étape 2

Ajouter un Superposition de couleurs avec ces paramètres:

  • Mode de fusion: Multiplier
  • Couleur: # 7be300
  • Opacité: 63%

11. Comment ajouter des filtres pour le quatrième calque de texte

Étape 1

Aller à Filtre> Déformation> ZigZag… et utilisez ces paramètres:

  • Montant: 2
  • Ridges: 9
  • Style: Autour du centre

Cliquez sur D'accord.

Étape 2

Aller à Filtre> Déformation> Ondulation… et utilisez ces paramètres:

  • Montant: -166%
  • Taille: Grand

Cliquez sur D'accord.

Étape 3

Aller à Filtre> Déformation> Vague… et utilisez ces paramètres:

  • Nombre de générateurs: 5
  • Longueur d'onde: Min. 97 max. 120
  • Amplitude: Min. 5 max. 25
  • Échelle: Horiz. 11% de vert. 11%
  • Type: Sinus
  • Zones non définies: Répéter les pixels de bord

Cliquez sur D'accord.

12. Comment styliser le cinquième calque de texte

Sélectionnez le calque "COMIC BOOK 5" puis double-cliquez sur ce calque pour appliquer le style de calque suivant:

Étape 1

Met le Options de fusion:

  • Remplir l'opacité: 0%

Étape 2

Ajouter un Superposition de motifs avec ces paramètres:

  • Mode de fusion: Recouvrir
  • Opacité: 100%
  • Modèle: Comic-book-pattern-ink

Étape 3

Ajouter un Lueur externe avec ces paramètres:

  • Couleur: # 000000
  • Technique: Plus doux
  • Propager: 80%
  • Taille: 1 px
  • Vérifier la Anti-aliasé boîte
  • Intervalle: 54%

Cliquez sur D'accord.

13. Comment ajouter des filtres pour le cinquième calque de texte

Aller à Filtre> Déformation> Vague… et utilisez ces paramètres:

  • Nombre de générateurs: 5
  • Longueur d'onde: Min. 24 max. 79
  • Amplitude: Min. 8 max. dix
  • Échelle: Horiz. 11% de vert. 13%
  • Type: Sinus
  • Zones non définies: Répéter les pixels de bord

Cliquez sur D'accord.

Voici le résultat après avoir appliqué tous les styles et filtres aux calques de texte..

14. Comment créer des couches pour les pinceaux

Vous allez créer sept calques vides pour les pinceaux. Pour ce faire, vous pouvez utiliser l'une des options ci-dessous.

Option 1: Clique le Créer un nouveau calque bouton au bas de votre Couches panneau sept fois, puis double-cliquez sur le nom de chaque couche pour renommer les couches en "Pinceau 1", "Pinceau 2", etc. 

Option 2: Aller à Calque> Nouveau> Calque… et donnez le nom à "Pinceau 1", puis répétez cette étape et arrêtez avec la couche "Pinceau 7".

15. Comment appliquer le premier pinceau

Étape 1

Sélectionnez le "Pinceau 1" couche, puis maintenez la Contrôle clé et cliquez sur la vignette du "BANDE DESSINÉE" couche pour faire une sélection.

Étape 2

Aller à Fenêtre> Chemins et cliquez sur le Faire un chemin de travail de la sélection bouton au bas de la Les chemins panneau.

Étape 3

Maintenant, allez à Fenêtre> Brosses et sélectionnez le Gros points brosse, puis Clic-droit sur le Chemin de travail couche dans votre Les chemins panneau et sélectionnez Chemin de course… du menu. Sélectionner Outil: Brosse, décocher la Simuler la pression bouton, et cliquez D'accord.

Pointe: Chaque fois que vous effectuez cette étape, le résultat sera différent. Donc, si vous n'aimez pas le résultat du pinceau, vous pouvez maintenir le bouton enfoncé. Contrôle touche et touche le Z touche pour annuler cette étape, puis répéter le tracé.

Étape 4

Tandis que le "Pinceau 1" couche est sélectionnée, maintenez la Contrôle clé et cliquez sur la vignette de "BANDE DESSINÉE" couche pour faire à nouveau une sélection, puis aller à Calque> Masque de calque> Masquer la sélection appliquer la sélection en tant que masque pour la "Pinceau 1" couche.

16. Comment coiffer le premier calque de pinceau

Sélectionnez le calque "Pinceau 1" et double-cliquez sur ce calque pour appliquer le style de calque suivant:

Étape 1

Met le Options de fusion:

  • Remplir l'opacité: 0%
  • Vérifier la Masque de calque masque les effets boîte

Étape 2

Ajouter un Ombre intérieure avec ces paramètres:

  • Couleur: # 000000
  • Décocher la Utiliser la lumière globale boîte
  • Angle: -90
  • Distance: 3 px
  • Étranglement: 48%
  • Taille: 0 px
  • Vérifier la Anti-aliasé boîte

Étape 3

Ajouter un Lueur externe avec ces paramètres:

  • Couleur: # 000000
  • Technique: Plus doux
  • Propager: 49%
  • Taille: 1 px
  • Vérifier la Anti-aliasé boîte
  • Intervalle: 15%

Cliquez sur D'accord.

C'est le résultat avec le premier pinceau appliqué.

17. Comment appliquer le deuxième pinceau

Étape 1

Sélectionnez le "Pinceau 2" couche.

Aller à Fenêtre> Brosses, sélectionnez le Gros points brosser et régler le Taille à 35 px. ensuite Clic-droit sur le Chemin de travail couche dans votre Les chemins panneau et sélectionnez Chemin de course… du menu. Sélectionner Outil: Brosse, décocher la Simuler la pression bouton, et cliquez D'accord.

Étape 2

Tandis que le "Pinceau 2" couche est sélectionnée, maintenez la Contrôle clé et cliquez sur la vignette de "BANDE DESSINÉE" couche pour faire une sélection, puis aller à Calque> Masque de calque> Masquer la sélection appliquer la sélection en tant que masque pour la "Pinceau 2" couche.

C'est le résultat avec le deuxième pinceau appliqué.

18. Comment appliquer le troisième pinceau

Étape 1

Sélectionnez le "Pinceau 3" couche.

Aller à Fenêtre> Brosses, sélectionnez le Petits points brosse, et alors Clic-droit sur le Chemin de travail couche dans votre Les chemins panneau et sélectionnez Chemin de course… du menu. Sélectionner Outil: Brosse, décocher la Simuler la pression bouton, et cliquez D'accord.

Étape 2

Double clic la couche "Pinceau 3" pour ouvrir la fenêtre de style de calque. dans le Options de fusion tab, maintenez enfoncé et déplacez la poignée gauche de Couche sous-jacente option de 120, puis maintenez la Alt clé et cliquez et maintenez le côté droit de cette poignée. Déplacez cette partie de la poignée pour 200, et cliquez D'accord.

C'est le résultat avec le troisième pinceau appliqué.

19. Comment appliquer le quatrième pinceau

Étape 1

Sélectionnez le "Pinceau 4" couche.

Aller à Fenêtre> Brosses, sélectionnez le Grandes lignes brosse, et alors Clic-droit sur le Chemin de travail couche dans votre Les chemins panneau et sélectionnez Chemin de course… du menu. Sélectionner Outil: Brosse, décocher la Simuler la pression bouton, et cliquez D'accord.

Étape 2

Double clic la couche "Pinceau 4" pour ouvrir la fenêtre de style de calque. dans le Options de fusion tab, maintenez enfoncé et déplacez la poignée gauche de Couche sous-jacente option de 120, puis maintenez la Alt clé et cliquez et maintenez le côté droit de cette poignée. Déplacez cette partie de la poignée pour 200, et cliquez D'accord.

C'est le résultat avec le quatrième pinceau appliqué.

20. Comment appliquer le cinquième pinceau

Étape 1

Sélectionnez le "Pinceau 5" couche.

Aller à Fenêtre> Brosses, sélectionnez le Petites gouttes brosse, et alors Clic-droit sur le Chemin de travail couche dans votre Les chemins panneau et sélectionnez Chemin de course… du menu. Sélectionner Outil: Brosse, décocher la Simuler la pression bouton, et cliquez D'accord.

Étape 2

Double clic la couche "Pinceau 5" pour ouvrir la fenêtre de style de calque. dans le Options de fusion tab, maintenez enfoncé et déplacez la poignée gauche de Couche sous-jacente option de 120, puis maintenez la Alt clé et cliquez et maintenez le côté droit de cette poignée. Déplacez cette partie de la poignée pour 200, et cliquez D'accord.

C'est le résultat avec le cinquième pinceau appliqué.

21. Comment appliquer le sixième pinceau

Étape 1

Aller à Fenêtre> Chemins, sélectionnez le Chemin de travail couche, et cliquez sur le Charger le chemin en tant que sélection bouton. Ensuite aller à Sélectionnez> Modifier> Contrat… Et mettre Contrat par à 6 px et frapper D'accord. Enfin, retournez à votre Les chemins panneau et cliquez sur le Faire un chemin de travail de la sélection bouton.

Étape 2

Sélectionnez le "Pinceau 6" couche.

Aller à Fenêtre> Brosses, sélectionnez le Petites lignes brosse, et alors Clic-droit sur le Chemin de travail couche dans votre Les chemins panneau et sélectionnez Chemin de course… du menu. Sélectionner Outil: Brosse, décocher la Simuler la pression bouton, et cliquez D'accord.

Étape 3

Double clic la couche "Pinceau 6" pour ouvrir la fenêtre de style de calque. dans le Options de fusion tab, maintenez enfoncé et déplacez la poignée gauche de Couche sous-jacente option de 120, puis maintenez la Alt clé et cliquez et maintenez le côté droit de cette poignée. Déplacez cette partie de la poignée pour 200, et cliquez D'accord.

C'est le résultat avec le sixième pinceau appliqué.

22. Comment appliquer le septième pinceau

Étape 1

Sélectionnez le "Pinceau 7" couche, maintenez le Contrôle clé, et cliquez sur la vignette de la "BANDE DESSINÉE" couche. Puis maintenez la Contrôle et Alt clés et cliquez sur la vignette du "COMIC BOOK 2" couche pour faire une sélection.

Étape 2

Aller à Sélectionnez> Modifier> Contrat… , ensemble Contrat par à 3 px, et frapper D'accord. Ensuite aller à Fenêtre> Les chemins et cliquez sur le Faire un chemin de travail de la sélection bouton.

Étape 3

Aller à Fenêtre> Brosses, sélectionnez le Lignes doubles brosse, et alors Clic-droit sur le Chemin de travail couche dans votre Les chemins panneau et sélectionnez Chemin de course… du menu. Sélectionner Outil: Brosse, décocher la Simuler la pression bouton, et cliquez D'accord.

Étape 4

Double clic la "Pinceau 7" couche pour ouvrir la fenêtre de style de couche. dans le Options de fusion tab, maintenez enfoncé et déplacez la poignée gauche de Couche sous-jacente option de 120, puis maintenez la Alt clé et cliquez et maintenez le côté droit de cette poignée. Déplacez cette partie de la poignée pour 200, et cliquez D'accord.

Toutes nos félicitations! Vous avez terminé!

Dans ce didacticiel, vous avez appris à utiliser les styles de calque, les filtres et les pinceaux personnalisés pour créer un effet de texte de bande dessinée dans Adobe Photoshop..

Nous avons commencé par créer notre texte, puis nous avons utilisé des styles et des filtres de calque pour nos calques de texte, puis nous avons ajouté différents pinceaux personnalisés..

J'espère que vous avez apprécié ce tutoriel. N'hésitez pas à laisser vos commentaires, suggestions et résultats ci-dessous. Cet effet de texte que nous venons de créer est inspiré par Comic Book Ink Actions - 300 DPI, qui appliquera automatiquement l'effet de bande dessinée à tout texte ou à toute forme en haute résolution.

Actions à l'encre des bandes dessinées - 300 DPI