Tutoriel PS : effet de texte 3D en bloc de glace

Environ 16 min de lecture

Accueil/ Tutoriels PS/ Tutoriel PS : effet de texte 3D en bloc de glace

La glace doit son aspect à la translucidité et aux fractures. Ici, l'extrusion 3D fournit l'épaisseur, une texture de glace vient par-dessus, les Courbes font ressortir la transparence et le Biseautage et estampage accroche la lumière sur les arêtes cristallines. Toutes les valeurs sont indiquées : vous pouvez suivre pas à pas et obtenir le même résultat.

Préparer le terrain

  1. Nouveau plan de travail
    Ouvrez Online PS, appuyez sur Ctrl+N → réglez :
    • Largeur : 1200 px
    • Hauteur : 800 px
    • Résolution : 72 ppi
    • Contenu du fond : Blanc (il sera recouvert plus tard)
  2. Remplir d'un fond bleu pâle
    Cliquez sur la couleur de premier plan → #97b9cc (bleu pâle)
    Appuyez sur Alt+Suppr pour remplir le calque Arrière-plan avec la couleur de premier plan.
  3. Saisir votre texte
    Prenez l'outil Texte horizontal (T) dans la boîte à outils et choisissez une police assez ronde dans la barre d'options (par exemple Montserrat Rounded, Noto Sans Rounded). Réglez la couleur sur noir et tapez votre mot (par exemple « ICE »).
  4. Dupliquer le calque de texte
    Sélectionnez le calque de texte et appuyez sur Ctrl+J pour le dupliquer.
    Masquez la copie (cliquez sur l'icône en forme d'œil).
  5. Construire le modèle de texte 3D
    Le calque de texte d'origine toujours sélectionné → menu 3D → Nouvelle extrusion 3D à partir du calque sélectionné.
    Dans le panneau qui apparaît, cliquez sur la deuxième icône (Extrusion), puis double-cliquez sur l'icône 3D devant le texte pour ouvrir le panneau Propriétés et affiner :
    • Profondeur (Extrude Depth) : environ 40‑60 px, selon le besoin
    • Rotation / perspective : utilisez les outils Orbite et Panoramique pour incliner le texte jusqu'à l'angle voulu.
  6. Définir la couleur des faces extrudées
    Ouvrez le panneau 3D (Fenêtre → 3D) → sélectionnez la première icône (Matériau) → double-cliquez sur l'icône devant « Matériau d'extrusion » pour afficher les propriétés du matériau.
    Sous Diffuse, passez la couleur en bleu pâle (par exemple #b3e5ff) et validez.
    Fermez le panneau 3D ; vous avez maintenant l'aspect 3D de base.
  7. Préparer la texture de glace
    Rendez de nouveau visible la copie de texte masquée, appuyez sur Ctrl+J encore quelques fois (3 ou 4 calques est un bon nombre), puis masquez toutes les copies pour l'instant (laissez les icônes en forme d'œil désactivées).
    Ouvrez votre texture de glace (par exemple PNG, JPG) et faites-la glisser dans le document principal avec l'outil Déplacement (V).
    Placez le calque de texture au-dessus de la copie de texte, sélectionnez le calque de texture et appuyez sur Ctrl+Alt+G pour créer un masque d'écrêtage (la texture n'apparaît donc qu'à l'intérieur des lettres).
    Ajustez la position et l'échelle de la texture jusqu'à ce qu'elle couvre exactement le texte.
  8. Courbe d'ombre — assombrir la glace
    Ajoutez un calque de réglage Courbes (Calque → Nouveau calque de réglage → Courbes) et double-cliquez dessus pour ouvrir les propriétés.
    Sélectionnez la couche RVB et tirez légèrement le point en bas à gauche vers le haut pour assombrir (exemple de points : (0 ; 0) → (0,3 ; 0,2) → (1 ; 1) ; ajustez les valeurs à votre goût).
    Validez, puis appuyez sur Ctrl+Alt+G pour écrêter la courbe à la copie de texte.
  9. Courbe de lumière — faire ressortir le brillant
    Ajoutez un autre calque de réglage Courbes, cette fois en remontant un peu la couche RVB (exemple de points : (0,2 ; 0,3) → (1 ; 0,9)) pour que les hautes lumières de la glace paraissent plus claires.
    Écrêtez-le aussi à la copie de texte avec Ctrl+Alt+G.
  10. Masque en dégradé linéaire — de la profondeur dans la glace
    Sélectionnez l'outil Dégradé (G), réglez le premier plan sur noir → blanc (linéaire) et tirez une fois de haut en bas sur le texte pour construire un masque en dégradé noir-blanc.
    Affichez maintenant de nouveau la copie de texte masquée et ajoutez-lui un style de calque (double-clic sur le calque → « Options de fusion »).
    • Biseautage et estampage : profondeur 5‑10 px, taille 100 %, adoucir 0‑5 px, angle de lumière 120°, couleur de lumière blanc, couleur d'ombre bleu foncé.
    • Contour : utilisez la courbe par défaut et cochez « Inverser ».
    • Remplissage : réglez à 0 % (effets de style uniquement).
  11. Styliser une autre copie de texte (plus de profondeur)
    Affichez une autre copie de texte masquée et répétez les réglages Biseautage et estampage + Contour de l'étape précédente, toujours avec Remplissage à 0 %.
  12. Pixelliser le calque 3D
    Sélectionnez le calque de texte 3D et faites un clic droit sur sa vignette → Pixellisation 3D.
    Maintenez Ctrl et cliquez sur la vignette du calque pour charger la forme du texte en sélection.
  13. Créer un groupe et un masque
    Cliquez sur le bouton de groupe pour créer un nouveau groupe, faites glisser cette sélection dans le groupe, puis cliquez sur le bouton de masque pour ajouter un masque au groupe.
    Faites glisser la texture de glace dans le groupe (sous le masque) et réglez l'opacité à 40 %, puis masquez le calque de texte 3D en dessous.
  14. Approfondir les ombres à l'intérieur des lettres
    Ajoutez un calque de réglage Courbes et remontez légèrement la luminosité (déplacez un peu le point en bas à gauche vers le haut). Chargez la sélection du texte (Ctrl+clic sur le calque), ajoutez un calque vide, remplissez-le de noir avec Remplir (Maj+F5), puis désélectionnez (Ctrl+D).
    Donnez à ce calque un style Biseautage et estampage + Contour avec Remplissage à 0 % pour un effet d'ombre interne.
  15. Peindre les ombres et les lumières
    • Ajoutez un calque, réglez le mode de fusion sur Produit (Multiply), réglez la couleur de premier plan sur un bleu plus foncé que le fond (par exemple #557a9e) et passez légèrement le pinceau sur les parties ombrées des lettres avec un pinceau rond doux à environ 10 % d'opacité.
    • Ajoutez un autre calque avec un premier plan blanc, gardez le mode de fusion sur Normal et peignez les hautes lumières là où la lumière tombe sur les lettres avec un pinceau rond doux (environ 15 % d'opacité).
  16. Ajouter de petits détails de stalactites
    Utilisez l'outil Lasso pour sélectionner une petite stalactite de votre image source, copiez (Ctrl+C) → collez (Ctrl+V) sur le calque le plus haut.
    Utilisez la transformation manuelle (Ctrl+T) pour ajuster l'angle et la taille afin qu'elle se pose naturellement sur la surface.
    Si vous en voulez davantage, dupliquez-en quelques-unes à des angles différents sur des calques séparés, pour plus de réalisme.
  17. Derniers réglages et ombre
    Ajustez l'opacité, les courbes de couleur et la profondeur de biseau de chaque calque selon le rendu général.
    Enfin, ajoutez une ombre portée douce à l'ensemble du mot : nouveau calque, remplissez une sélection elliptique en noir, Flou gaussien (Filtre → Flou → Flou gaussien) d'environ 15 px, placez-la sous le texte, décalez-la de 10‑15 px vers le bas et réglez l'opacité à 30 %.
Bon à savoir :
1️⃣ Online PS et Photoshop partagent presque les mêmes fonctions, mais quelques raccourcis diffèrent — fiez-vous à ce que la page affiche réellement.
2️⃣ Pour un effet 3D plus marqué, augmentez la profondeur, la taille ou l'angle de lumière dans Biseautage et estampage.
3️⃣ Utilisez un PNG haute résolution avec canal alpha pour la texture de glace, afin qu'elle ne montre pas d'escalier une fois agrandie.
4️⃣ Une fois terminé, enregistrez via Fichier → Exporter sous → PNG/JPEG, ou faites un clic droit sur le calque et choisissez Copier les données fusionnées pour le coller dans un autre design.

Références

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