Tutoriel de lettrage 3D en papier découpé dans Photoshop

Environ 10 min de lecture

Accueil/ Tutoriels PS/ Tutoriel de lettrage 3D en papier découpé dans Photoshop

Le lettrage en papier découpé tient à deux choses : l'épaisseur et le bord de coupe. Ce guide procède en deux passes — dupliquez d'abord le calque de texte, décalez les copies et remplissez chacune d'elles pour empiler l'épaisseur du papier, puis utilisez Contour et Ombre interne pour imiter les lignes de découpe. Les réglages Biseautage et estampage de la touche finale se trouvent à la fin, et vous pouvez obtenir la même profondeur dans Online PS.

Construire les calques « épaisseur du papier » (la partie 3D)

1.1 Dupliquer le calque de texte et le décaler

  1. Sélectionnez le calque de texte → Ctrl+J (dupliquer).
  2. Sélectionnez la copie (nommée Letter_1 par défaut) et appuyez sur Ctrl+T pour faire apparaître la transformation manuelle.
  3. Dans la barre d'options, saisissez +15px, +15px pour le décalage horizontal / vertical (dx, dy) — ajustez selon votre goût. Cette étape tient le rôle du « papier caché » derrière la lettre.
  4. Dupliquez de nouveau Letter_1 pour obtenir Letter_2, puis décalez-la plus haut et vers la gauche de -15px, -15px (ou dans la direction opposée). Ce sont ces deux calques d'ombre décalés qui donnent la sensation d'épaisseur du papier.

Suggestion : pour une gradation plus fine, continuez à dupliquer et décalez chaque copie de 5 à 8 px, en construisant 5 à 7 calques pour que l'épaisseur augmente progressivement.

1.2 Remplir chaque calque de couleur

Calque Couleur Rôle
Letter_1 (calque arrière) #2A2A2A (gris foncé / noir) Ombre sur le dos du papier
Letter_2 (calque avant) #F2EAE0 (gris clair / blanc cassé) Corps principal de la face avant du papier
Calque de texte d'origine (haut) #D96459 (couleur principale) Couleur de la surface du papier — le point focal visuel

Astuce : utilisez un calque de remplissage (Calque → Nouveau calque de remplissage → Couleur unie) plutôt que de recolorer le texte directement. Ainsi, si vous voulez une autre couleur plus tard, vous ne modifiez que le calque de remplissage — les formes des lettres restent exactement identiques.

Ajouter les détails de « découpe du papier »

2.1 Utiliser Contour pour imiter la ligne de coupe

  1. Sélectionnez le calque de texte d'origine → Style de calque (fx) → Contour.
  2. Réglages :
    • Position : Extérieur
    • Taille : 3–5 px (selon la taille du plan de travail)
    • Couleur : 20 % plus foncée que la couleur de base (par exemple #B0453C)
    • Mode de fusion : Normal
  3. Activez Contour intérieur et ajoutez un second contour de 0,5 px par-dessus pour créer la fine texture de coupe.

2.2 Utiliser Ombre interne pour creuser la découpe

ParamètreValeur d'exemple
Angle135°
Distance0 px
Taille4 px
Couleur50 % de noir (#00000080)
Mode de fusionProduit

Pourquoi cela fonctionne : l'ombre interne crée un léger creux à l'intérieur de la lettre, exactement comme une vraie lame de cutter accroche la lumière.

2.3 Ajouter Biseautage et estampage (facultatif)

Si vous voulez que le papier paraisse plus épais et plus volumineux, ouvrez tour à tour Biseautage et estampage sur chaque calque de papier (Letter_1, Letter_2) :

RéglageValeur recommandée
StyleBiseau interne (Inner Bevel)
TechniqueLissé (Smooth)
Profondeur100 %
DirectionHaut (Up)
Taille5–8 px (à ajuster selon l'épaisseur du calque)
Couleur de la lumièreBlanc, Écran, opacité 30 %
Couleur de l'ombreGris foncé, Produit, opacité 40 %

Remarques :

  • Le biseau ajoute un halo autour des bords des lettres ; il vaut donc mieux laisser le lissage activé pendant que vous l'utilisez.
  • Une fois terminé, appliquez une fois Netteté optimisée sur le calque de texte (Filtre → Netteté → Netteté optimisée) pour nettoyer le léger halo.

Références

  • Documentation officielle d'Adobe Photoshop
  • HTML5 et les principes du traitement d'image front-end moderne
  • Online PS