Comment faire un effet de texte 3D dans Photoshop

Si vous êtes intéressé par les effets de texte Photoshop, dans ce tutoriel, je vais vous montrer comment faire un texte 3D dans Photoshop en quelques étapes seulement. Nous allons ajuster sa forme, définir les sources de lumière, créer un matériau, puis rendre le tout. Gardez simplement à l’esprit que vous avez besoin d’au moins Photoshop CC ou CS6 Extended pour cela.

(Vous préférez utiliser Adobe Illustrator ? Nous avons un cours gratuit sur la création de texte 3D dans Illustrator aussi !)

Ce que vous apprendrez dans ce tutoriel Photoshop sur le texte 3D

  • Comment transformer un texte en objet 3D dans Photoshop
  • Comment faire du texte 3D dans Photoshop

Suivez-nous sur notre chaîne YouTube Envato Tuts+, ou faites défiler vers le bas pour le tutoriel Photoshop sur le texte 3D écrit.

Vous voulez plutôt apprendre à créer un effet de texte 3D dans Illustrator ? Suivez notre cours approfondi sur la création de texte 3D dans Adobe Illustrator. Vous apprendrez à créer huit effets de texte 3D différents en un seul cours.

  • FREE

    Texte 3D
    Maîtriser le texte 3D dans Adobe Illustrator
    Matt Withers

Ou essayez notre cours gratuit, dans lequel Daniel White vous montre chaque étape de la création d’un effet de texte 3D dans Adobe Illustrator.

  • FREE

    Adobe Illustrator
    Créer un effet de texte 3D isométrique dans Adobe Illustrator
    . Texte 3D dans Adobe Illustrator
    Daniel White

Comment réaliser un effet de texte 3D dans Photoshop

Étape 1

Créer un nouveau fichier. Tapez du texte dans une grande police en gras. Si vous le souhaitez, vous pouvez télécharger celle que j’ai utilisée, Streetwear.

Taper du texte dans photoshop

Étape 2

Avec le calque de texte sélectionné, allez dans 3D > Nouvelle extrusion 3D à partir du calque sélectionné.

tourner du texte en 3d dans photoshop

Étape 3

Votre texte sera transformé en objet 3D avec certains paramètres par défaut. Avant de commencer à les modifier, définissons d’abord la scène. Cliquez sur le texte 3D et allez dans l’onglet Coordonnées du panneau Propriétés. Changez l’angle X à 90 degrés.

rotation du texte 3d vers le bas

Étape 4

Sélectionnez le premier outil dans la barre supérieure, et cliquez quelque part à l’extérieur de l’objet pour déplacer la caméra. Faites-la glisser jusqu’à ce que vous voyiez une croix rouge-bleu.

rotation de la caméra 3d dans photoshop

Étape 5

Allez dans l’onglet Coordonnées et ajustez la deuxième colonne pour n’inclure qu’une rotation de 90 degrés sur l’axe X.

modifier les coordonnées de la caméra

Étape 6

Si nécessaire, faites glisser la croix plus au centre et placez le texte 3D au centre également.

centrer la caméra 3d

Étape 7

Ajoutons un arrière-plan avec lequel notre objet va interagir. Retournez dans les calques et dessinez une forme rectangulaire.

add 3d background

Etape 8

Voir . vers 3D > Nouveau maillage à partir de la couche > Carte de profondeur vers > Plan.

tourner un rectangle en 3d dans photoshop

Étape 9

Sélectionnez les deux couches et allez dans 3D > Fusionner les couches 3D.

fusionner les couches 3d

Étape 10

Sélectionnez le dernier outil dans la barre supérieure et redimensionnez la forme rectangulaire pour remplir toute la scène. Vous pouvez régler l’épaisseur des lettres en faisant glisser la forme vers le haut par son axe Z (la flèche bleue)

déplacer dans l'axe z

Étape 11

Réglons maintenant le réglage du texte 3D. Allez dans le premier onglet du panneau Propriétés et cliquez sur Préréglages de la forme. Sélectionnez-en un dans la liste, en gardant à l’esprit qu’ils peuvent encore tous être ajustés.

change shape preset

Étape 12

Pour ajuster la forme, allez dans l’onglet Cap. Ici, vous avez accès à de nombreux réglages pour obtenir le résultat dont vous avez besoin. J’ai décidé d’utiliser un contour simple avec un biseau très fin et une légère indentation.

ajuster les options de préréglage de la forme

Étape 13

Il est temps de régler les lumières ! Faites défiler la liste pour trouver la lumière infinie. Faites-la glisser pour projeter une belle ombre sous les lettres.

réglage de la lumière infinie

Étape 14

Vous pouvez modifier la douceur de l’ombre et l’intensité de la lumière dans le panneau Propriétés.

changer la douceur de l'ombre

Étape 15

Ajoutons une lumière supplémentaire. Cliquez sur la carte blanche en bas du panneau 3D et sélectionnez Nouvelle lumière infinie.

add new light

Step 16

Éteignez un instant la première lumière et faites glisser la nouvelle lumière de manière à éclairer principalement les contours des lettres. Gardez l’ombre douce, aussi.

ajuster la nouvelle lumière

Étape 17

Voir l’onglet Matériaux maintenant. Sélectionnez tous les matériaux du texte et ajoutez-leur quelques couleurs. Diffuse est la couleur principale de l’objet. Specular est la couleur des hautes lumières et de la brillance. Ambient est la couleur de l’ombre. Gardez ces couleurs dans la même gamme de teintes pour un effet naturel.

addition d'une couleur diffuse
addition d'une couleur spéculaire
add ambient color

Étape 18

Une fois que vous avez défini toutes les couleurs, créez un nouveau matériau.

create new material

Step 19

Cliquez sur le Rectangle dans la liste et ajoutez-y le matériau.

add material to object

Step 20

Si vous voulez rendre les ombres plus lumineuses, vous pouvez également ajouter un peu de lumière ambiante à la scène. Trouvez Environnement dans la liste 3D et changez Ambiance globale pour une couleur vive. Vous pouvez également augmenter l’intensité de la lumière ambiante.

modifier la lumière globale

Étape 21

Quand vous avez terminé, cliquez sur Rendu pour voir à quoi ressemble réellement votre scène. Cela peut prendre un certain temps pour terminer le rendu, mais même quelques passages peuvent vous montrer à quoi vous attendre.

rendu 3d dans photoshop

Étape 22

Si vous avez remarqué quelque chose que vous voulez corriger, appuyez simplement sur Echap pour arrêter le rendu et ajustez les paramètres que vous souhaitez modifier, comme l’intensité de la lumière, la direction des sources lumineuses ou les propriétés du matériau. N’hésitez pas à répéter cela jusqu’à ce que vous soyez complètement satisfait du résultat final.

effet de texte 3D photoshop

Effets de texte 3D

Donc, vous savez maintenant comment créer un effet de texte 3D de base, mais il faut encore beaucoup d’efforts pour créer quelque chose de plus complexe. Si vous voulez gagner du temps, il y a beaucoup d’effets de texte 3D prêts à l’emploi disponibles sur Envato Elements. Voici quelques exemples :

Vraies maquettes de texte 3D

Ce set contient six effets de texte simples mais très efficaces. Vous pouvez facilement ajouter des matériaux réalistes à vos lettres, et l’arrière-plan complétera joliment le texte. Vous pouvez créer du texte pour un flyer ou une affiche de cette façon – ajoutez simplement votre texte, changez la police et appréciez le résultat final.

Maquettes de texte en 3D réelles
Maquettes de texte en 3D réelles
effet de texte en bois

Effets de texte 3D en caoutchouc

Vous pouvez également créer un texte unique en double-.texte 3D avec ce jeu. Il propose trois variations du même effet : de belles lettres aux nuances douces qui font penser au caoutchouc. Vous pouvez modifier le texte, la police et même la couleur dans cet effet.

Effets de texte 3D en caoutchouc
Effets de texte 3D en caoutchouc
effet de texte logo en caoutchouc

Bon travail !

Vous savez maintenant comment créer du texte en 3D dans Photoshop. Si vous voulez en savoir plus sur la création d’effets de texte 3D dans de nombreux styles, essayez ces tutoriels :

  • Styles de calque
    Comment créer un texte et un logo 3D noir et or. Mockup
    Jan Stverak
  • Effets de texte
    Comment créer un texte scintillant, Festive, 3D Text Effect in Adobe Photoshop
    Rose
  • Text Effects
    Comment créer un Flat, Effet de texte 3D délavé dans Adobe Photoshop
    Rose
  • Actions Photoshop
    Comment créer une action d’effet de texte 3D dans Photoshop

    .

    Melody Nieves
  • Effets de texte
    Comment créer un effet de texte superposé en or 3D dans Adobe Photoshop
    Rose
  • .