Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Comment créer un effet de texte dégradé de dessins animés dans Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

French (Français) translation by fredpiK (you can also view the original English article)

Final product image
What You'll Be Creating

Dans ce tutoriel, je veux vous montrer comment créer un effet de texte de conte de fées dans Adobe Photoshop. Si vous voulez acquérir le produit final sans effort, vous pouvez l'acheter sur GraphicRiver.

Ce pack inclut différents effets de texte et fonctionne avec des formes et du texte.

Photoshop Text Styles 01
Styles de texte Photoshop

Prérequis pour le Tutoriel

Les éléments suivants seront utilisés au cours de ce tutoriel :

Avant de commencer à créer cet effet de texte, téléchargez et installez la police.

1. Comment créer les Styles de calque

Étape 1

Ouvrez Photoshop, puis allez dans Fichier > Nouveau pour créer un nouveau document.

Creating a New Document

Étape 2

Remplissez le document avec la couleur #282828. Sélectionnez l’outil Texte (T) avec ces paramètres :

  • Police : Great Vibes
  • Corps de la police: 127 pt
  • Couleur: Blanc
  • Approche des caractères sélectionnés: -25
Text Tool

Étape 3

Écrivez « Fairy » (la première lettre doit être majuscule) et placez le texte au centre du document Photoshop (appuyez sur Contrôle + A pour sélectionner le document, puis choisissez l’outil Déplacement (V) et cliquez sur les icônes Aligner les centres dans le sens vertical et Aligner les centres dans le sens horizontal).

Text Align

Étape 4

Double-cliquez sur le calque de texte pour appliquer le style de calque suivant.

Ajoutez un Contour avec ces paramètres :

  • Taille: 7 px
  • Position: Extérieur
  • Mode de fusion: Normal
  • Opacité: 100 %
  • Type de remplissage: Couleur
  • Couleur: #ff0084
Layer 1 - Stroke

Cliquez ensuite sur OK pour enregistrer les modifications.

Étape 5

Sélectionnez le calque Fairy, allez dans Calque > Dupliquer le calque et nommez le calque « Middle ». Cliquez sur OK pour créer le calque. Choisissez l’outil Déplacement (V) et déplacez-le vers le haut et à gauche de 7 px. Allez dans Calque > Style de calque > Effacer le Style de calque pour supprimer les styles de calque. Changer la couleur en #c6c6c6.

Creating a New Layer

Étape 6

Double-cliquez avec votre souris sur le calque de texte pour ouvrir la fenêtre de Style de calque.

Ajoutez un Contour avec ces paramètres :

  • Taille: 4 px
  • Position: Extérieur
  • Mode de fusion: Normal
  • Opacité: 100 %
  • Type de remplissage: Couleur
  • Couleur: #8c054a
Layer 2 - Stroke

Étape 7

Maintenant ajoutez une Lueur interne:

  • Mode de fusion: Superposition
  • Opacité: 50 %
  • Bruit: 0 %
  • Couleur: #ffffff
  • Technique: Plus tamisée
  • Source: Contour
  • Maigri: 100 %
  • Taille: 4 px
  • Contour: Linéaire
  • Décochez Lissé
  • Etendue: 100 %
  • Variation: 0 %
Layer 2 - Inner Glow

Étape 8

Ajouter une Incrustation en dégradé avec ces paramètres:

  • Mode de fusion: Normal
  • Opacité: 100 %
  • Dégradé: de #f6b6ce à #e35b9b
  • Style: Réfléchi
  • Angle: 90°
  • Echelle: 46 %
  • Décochez les cases Inverser et Tramage
  • Cochez Aligner sur le calque
Layer 2 - Gradient Overlay

Étape 9

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

  • Mode de fusion: Normal
  • Choisissez la couleur #840048
  • Opacité: 100 %
  • Décochez Utiliser l'éclairage global avant de régler l’Angle: 135°
  • Distance: 10 px
  • Grossi: 100 %
  • Taille: 0 px
  • Contour: linéaire
  • Décochez la case Lissé
  • Bruit: 0 %
  • Cochez Ombre portée masquée par le calque
Layer 2 - Drop Shadow

Cliquez sur OK pour enregistrer les modifications.

Étape 10

Sélectionnez le calque Middle et dupliquez-le. Double-cliquez sur le nom et le changer à « Front ». Appuyez sur Entrée pour appliquer les paramètres. Sélectionnez l’outil Déplacement (V) et déplacez-le vers le haut de 5 px et à gauche de 1 px. Allez dans Calque > Style de calque > Effacer le style de calque pour supprimer les styles de calque.

Creating a New Layer

Étape 11

Assurez-vous que le calque Front est sélectionné. Double-cliquez avec votre souris sur le calque pour appliquer le style de calque suivant. Régler l’Opacité du fond à 0%.

Layer 3 - Blending Options

Étape 12

Ajoutez un Contour:

  • Taille: 7 px
  • Position: Intérieur
  • Mode de fusion: Normal
  • Opacité: 0 %
  • Type de remplissage: Couleur
  • Color: #000000
Layer 3 - Stroke

Étape 13

Ajoutez une Incrustation de couleur avec ces paramètres:

  • Mode de fusion: Normal
  • Couleur: #ffffff
  • Opacité: 40%
Layer 3 - Color Overlay

Cliquez ensuite sur OK pour enregistrer les modifications.

Étape 14

Sélectionnez les calques Fairy, Middle et Front, allez dans Calque > Fusionner les calques (ou appuyez sur Contrôle-E) pour les fusionner en un seul.

Merging the Layers

Étape 15

Double-cliquez sur le calque de texte pour appliquer le style de calque suivant.

Ajoutez un Contour:

  • Taille: 10 px
  • Position: Extérieur
  • Mode de fusion: Normal
  • Opacité: 100 %
  • Type de remplissage: Couleur
  • Color: #000000
Merged Layer - Stroke

Étape 16

Maintenant ajoutez une Lueur externe:

  • Mode de fusion: Normal
  • Opacité: 100 %
  • Bruit: 0%
  • Couleur: #ffffff
  • Technique: Plus tamisé
  • Grossi: 100 %
  • Taille: 14 px
  • Contour: linéaire
  • Décochez la case Lissé
  • Etendue: 100 %
  • Variation: 0 %
Merged Layer - Outer Glow

Étape 17

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

  • Mode de fusion: Normal
  • Choisissez la couleur #000000
  • Opacité: 30 %
  • Décochez Utiliser l'éclairage global avant de régler l’Angle: 135°
  • Distance: 35 px
  • Grossi: 0 %
  • Taille: 0 px
  • Contour: Linéaire
  • Décochez la case Lissé
  • Bruit: 0 %
  • Cochez Ombre portée masquée par le calque
Merged Layer - Drop Shadow

Cliquez sur OK pour enregistrer les modifications.

Félicitations, vous avez terminé !

Dans ce tutoriel, vous avez appris comment créer un morceau de texte de conte de fées. Espérons qu’il vous plait. N’oubliez pas de partager vos résultats avec nous.

Final Result

Cet effet de texte que nous venons de créer fait partie de mon pack de styles de texte sur GraphicRiver.

Photoshop Text Styles 01
Styles de texte Photoshop
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.