Navigation

Toutes les catégories

Filtrer par auteur

Voir les derniers articles

Photoshop : 5 étapes pour créer un texte en 3D

Sur Photoshop, vous pouvez manier et retoucher de nombreux éléments, notamment des images, mais également le texte. Pour intégrer votre texte dans une...

Publié par Charlotte Chollat

Sur Photoshop, vous pouvez manier et retoucher de nombreux éléments, notamment des images, mais également le texte.

Pour intégrer votre texte dans une photographie, ou l’insérer dans une composition que vous aurez créée vous-même, rien de mieux qu’un petit effet 3D.

Dans ce nouveau tuto Photoshop, vous allez apprendre à créer pas à pas un texte en trois dimensions. À l’issu de cette petite formation, vous pourrez ensuite ajouter toute sorte d’effets sur vos lettres.

1. Créez la base de votre composition

Pour cette première création de texte 3D, nous allons faire quelque chose de très simple : nous allons écrire le mot ” Summer ” sur fond bleu / turquoise.

Commencez par créer un nouveau document dans Photoshop.

Créer un nouveau document Photoshop

Munissez-vous de l’outil texte et écrivez “Summer” ou le texte de votre choix.

Stylisez ensuite votre texte avec une police d’écriture facile à lire, si possible en gras, et agrandissez la taille.

Texte Summer

Nous ajouterons la couleur plus tard, car avant cela il est préférable de se concentrer sur la partie “3D” du texte.

2. Créez l’effet 3D

Sélectionnez votre calque de texte, puis allez dans le menu “3D” et sélectionnez “Nouvelle extrusion 3D à partir du calque sélectionné”.

Extrusion 3D

Vous êtes à présent dans un affichage 3D. Votre texte a été transformé en un objet en trois dimensions avec des paramètres par défaut. Nous allons tout d’abord modifier l’angle de vue.

Sur votre droite vous pouvez voir le panneau “Propriétés”. Cliquez sur l’icône “Coordonnées” puis modifiez la rotation de l’axe X en renseignant “90”.

Propriété de l'angle

Vous voyez le dessous de votre texte, mais pas de panique, nous allons revenir à une vue de dessus.

Pour cela, sélectionnez l’outil déplacement dans la barre d’outils de gauche puis cliquez à l’extérieur de votre scène 3D, dans la partie grisée par exemple.

Outil déplacement Photoshop

Maintenant, faites glisser votre outil pour modifier la vue. Vous devez voir le trait bleu comme ceci :

Modifier vue

Pour que votre texte soit bien droit, retournez dans le panneau “Propriétés” et dans “Coordonnées” renseignez une rotation de 90° pour l’axe X.

Coordonnées de l'axe X

Vous pouvez aussi utiliser les flèches (jaune et verte) de l’axe pour centrer votre texte.

Centrer texte

3. Modifiez votre arrière-plan

Votre texte est à présent en 3D. Nous allons passer à l’arrière-plan de la composition.

Retournez dans l’onglet “Calques”.

Onglet alques

À l’aide de l’outil “rectangle”, créez une forme rectangulaire et ajoutez-lui la couleur de votre choix.

Ajouter un fond de couleur Photoshop

Rendez-vous dans le menu “3D” et suivez le chemin suivant : Nouveau filet à partir du calque > Courbe de transfert à > Plan.

Menu 3D

Sélectionnez le calque de votre texte et celui de votre fond coloré.

Sélection calques

Depuis le menu 3D, sélectionnez “Fusionner les calques 3D”. Voici ce que vous obtenez :

Fusion calque 3D

 

4. Ajustez le texte 3D

Depuis le panneau des propriétés, cliquez sur “Formes prédéfinies” et sélectionnez celle de votre choix.

Forme 3D prédéfinie

Toujours dans le panneau “Propriétés”, cliquez sur l’icône des extrémités et apportez les ajustements que vous souhaitez.

Extrémités

Pour ce tuto Photoshop, nous avons opté pour un contour très fin et une légère empreinte.

Ajustements texte

Passons au réglage de l’éclairage. Dans le panneau 3D, recherchez et sélectionnez “Éclairage infini”.

Eclairage infini

Modifiez l’orientation de la lumière pour positionner votre ombre.

Orientation lumière

Dans le panneau “Propriétés”, vous pouvez modifier la douceur de l’ombre et l’intensité de la lumière.

Ajustement de la lumière Photoshop

Pour créer une nouvelle lumière, cliquez sur l’ampoule en bas du panneau “3D” et sélectionnez “Nouvel éclairage infini”.

Pour le moment, rendez invisible le premier éclairage et ajustez votre deuxième lumière en faisant en sorte qu’elle laisse apparaître le plus possible d’ombre. Adoucissez l’ombre et l’intensité de la lumière.

Deuxième éclairage infini

Dans le panneau 3D, cliquez sur l’icône “Matières” et sélectionnez-les toutes.

Matières

Depuis le panneau “Propriétés”, choisissez vos couleurs :

  • Diffuse : il s’agit de la couleur de votre objet
  • Spéculaire : il s’agit de la couleur des reflets et de la brillance sur votre objet
  • Ambiance :  il s’agit de la couleur de l’ombre

Couleur diffuse

Pour un meilleur rendu, nous vous conseillons de garder des couleurs dans les mêmes teintes.

Couleur objet 3D

5. Finalisez votre composition 3D

Nous avons presque terminé !

Si vous le souhaitez, vous pouvez rendre vos ombres plus lumineuses et ajouter une lumière ambiante. Pour cela, cliquez sur “Environnement” dans le panneau “3D” et modifiez la couleur ambiante globale.

Lumière ambiante

Vous pouvez modifier d’autres paramètres si vous le souhaitez. Lorsque vous avez terminé, cliquez sur l’icône de rendu 3D.

Rendu 3D

Vous verrez que le rendu final mérite parfois quelques ajustements supplémentaires. Vous pouvez toujours modifier vos éclairages, vos textures, etc, et refaire un nouveau rendu 3D.

Rendu 3D final

 

Si vous avez besoin d’aide dans la création de votre texte en 3D, n’hésitez pas à demander de l’aide auprès de nos graphistes professionnels sur Graphiste.com.

Découvrez nos autres tutos Photoshop :

Lire la suite de l'article

Newsletter WebActus

Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.

Nous ne partagerons pas votre adresse e-mail.

Articles similaires

Graphisme

Comment rogner une image en quelques clics ?

Vous souhaitez rogner une image mais vous ne savez pas par où commencer ? Pas de panique : nous avons réunis dans cet article quelques techniques...

Publié le par Leo Chatillon
Graphisme

UX/UI Design : 7 idées écologiques pour votre webdesign

Le Web représente à lui seul 2 % des émissions de gaz à effet de serre ! En tant que web designer, nous pouvons réduire cette consommation, en concevant des sites Web...

Publié le par Solenne Ricard