Après les vacances TutsPS revient avec ce tutoriel, dans ce dernier nous allons utiliser la puissance de Photoshop CC pour réaliser un Texte 3D en quelques étapes.

Bienvenu dans le premier tutoriel de l’année 2015, nous allons commencer cette année avec ce tuto pour apprendre comment réaliser un superbe texte en 3D en utilisant la puissance de Photoshop CC. et voilà un aperçu du résultat final

Réaliser un texte 3D tuto photoshop cc

Pour commencer le travail, vous devez télécharger le pack de ressource suivant ouvrez un nouveau document de 1400×800 pixels , résolution 72Dpi, couleurs RVB8bits.

Prenez l’outil texte (T) et tapez votre texte en utilisant la police d’écriture « AR destine » et une taille de 263pt.

Réaliser un texte 3D tuto photoshop cc

Réaliser un texte 3D tuto photoshop cc

Cliquez sur le calque du fond « arrière-plan » et rendez-vous dans Menu > 3D > Nouveau filet à partir du calque > Carte postale.

Réaliser un texte 3D tuto photoshop cc

Puis, mettez-vous sur le calque de texte et allez dans Menu > 3D > Nouvelle extrusion 3D à partir du calque sélectionné.

Réaliser un texte 3D tuto photoshop cc

Maintenant, allez dans l’onglet 3D dans la palette des calques, mettez-vous sur Matière de la dilatation avant et sélectionnez la matière Plastique brillant Bleu.

Réaliser un texte 3D tuto photoshop cc

Réaliser un texte 3D tuto photoshop cc

Puis de la même façon, choisissez la matière Organique Peau d’orange pour Matière de l’extrusion

Réaliser un texte 3D tuto photoshop cc

Réaliser un texte 3D tuto photoshop cc

Maintenant, sélectionnez les calque 3D (Texte et arrière-plan) et allez dans Menu > 3D > Fusionner les calque 3D.

Réaliser un texte 3D tuto photoshop cc

Puis, allez dans Menu > 3D > Rendu , avec une station de travail bien musclé ça vous donne un rendu dans moins d’une minute et avec des CPU faibles ça risque de ramer alors patience !

Voilà notre rendu 3D

Réaliser un texte 3D tuto photoshop cc

Créez un nouveau calque (Ctrl+Shift+N), prenez l’outil baguette magique (W), maintenez la touche shift enfoncé et sélectionnez la zone bleu du texte.

Réaliser un texte 3D tuto photoshop cc

Puis, allez dans Menu > Sélection > Modifier > Contracter et mettez 2px.

Réaliser un texte 3D tuto photoshop cc

Réaliser un texte 3D tuto photoshop cc

Prenez l’outil pot de peinture (G) et remplissez la sélection avec du gris #585858.

Réaliser un texte 3D tuto photoshop cc

Dupliquez votre calque (Ctrl+J) puis allez dans Menu > Filtre > Bruit > Ajout de bruit.

Réaliser un texte 3D tuto photoshop cc

Réaliser un texte 3D tuto photoshop cc

Et changez son mode de fusion en incrustation

Réaliser un texte 3D tuto photoshop cc

De la même façon que tout à l’heure, sélectionnez votre texte à l’aide de l’outil baguette magique (W).

Réaliser un texte 3D tuto photoshop cc

Créez un nouveau calque, prenez l’outil pot de peinture (G) et remplissez le fond avec du gris #585858.

Réaliser un texte 3D tuto photoshop cc

Puis, allez dans Menu > Sélection > Modifier > Contracter et mettez 2px.

Réaliser un texte 3D tuto photoshop cc

Réaliser un texte 3D tuto photoshop cc

Maintenant, allez dans Menu > Calque > Masque de fusion > Masquer la sélection

Réaliser un texte 3D tuto photoshop cc

Après, changez son mode de fusion en lumière linéaire .

Réaliser un texte 3D tuto photoshop cc

Ensuite, importez la texture suivante dans votre document de travail, réalisé avec After Effect avec le filtre Fractal noise .

Réaliser un texte 3D tuto photoshop cc

Puis, changez son mode de fusion en Incrustation et réduisez son opacité à 30% .

Réaliser un texte 3D tuto photoshop cc

Maintenant, ajoutez un calque de réglage Balance de couleurs en allant dans Menu > Calque > Nouveau calque de réglage > Balance de couleurs.

Réaliser un texte 3D tuto photoshop cc

Pour finir, ajoutez un calque de réglage Correspondance de couleur en allant dans Menu > Calque > Nouveau calque de réglage > Correspondance de couleur (Ce filtre existe que sur la version Cs6 et CC de Photoshop mais vous pouvez utiliser des filtres externe comme Color Efex Pro ).

Réaliser un texte 3D tuto photoshop cc

Réaliser un texte 3D tuto photoshop cc

Puis, changez son mode de fusion en Superposition

Réaliser un texte 3D tuto photoshop cc

Et voilà le rendu final de notre conception

Réaliser un texte 3D tuto photoshop cc

22 COMMENTAIRES

  1. super tuto

    pas compliqué du tout et bien expliqué mais j’aimerais savoir si au moment de la couleur vous utilisé que les tons moyens car je n’ai pas le même rendu couleur que vous?

  2. Bonjour,
    Je ne trouve vraiment pas de solution a mon problème donc je demande ici, j’ai Photoshop CC en 64 bits mais je n’ais pas l’onglet 3D alors qu’il devrais pourtant y être non ?

  3. Salut,
    j’ai un souci bien embêtant avec la baguette magique : impossible de sélectionner la partie bleue, c’est l’image en entier qui est sélectionnée, comme si la baguette ne « voyait » rien…Je n’ai habituellement pas de problème avec cet outil. Une idée ? Un problème avec la 3D ? Merci pour le tuto !

    • Bob j’avais le même problème que toi et j’ai réussis à le résoudre. Voici la solution : Sélectionne le calque « Arrière-Plan » et Clique sur « Sélectionner une zone pour dessiner »et voilà la zone bleu est sélectionnée.

  4. Salut,

    Très bon tuto, comme d’hab’. :mdr:
    Pour répondre à ta question Dieeseel, si t’as pas l’onglet 3D, si c’est comme photoshop CS6, c’est que tu dois l’avoir en version de base et que le 3D est sur la version « Extended », si c’est un cracké, il fallait changer le fichier après l’avoir ouvert pour qu’il s’active en version complète.

  5. Salut !
    Tout va bien jusqu’au rendu de l’étape du rendu, après la fusion des 2 premiers calques. Mon PC me demande 22 mn et s’éteint arrivé à 15 %.
    J’ai tout vérifié, Proc, MB CG, température, tout est ok (config VM MSI 990 FXA, AMD bulldozer 8150,à 4Ghz, 2 CG GTX460… :-/
    mystère… QQ’un a-t-il recpntré ce problème ?
    Merci !
    Luka

  6. Bonsoir, j’ai un soucis. L’hors du rendu 3D du texte plus du fond, j’ai toujours une bande plus ou moins gris/noir qui arrive en plein milieu du dessin et de ce faite, cela ne rends pas vraiment vraiment jolie. Quelqu’un pourrai m’aider ?

  7. ter bon tuto comme d’habitude mais pourri tu nous donne plus d’explication pour la couleur car on est boucaux qui arrive pas aux mémé résulta nivaux colure merci

    :(  ;-(  :(
  8. slamer,

    dit toi qu’il ne faut pas forcement suivre au pied de la lettre le tuto.

    l’idée d’un tuto est de te montrer la voie pour réaliser une création ( mais si pendant la réalisation du tuto tu arrive a ajouter tes idées, tes effets ! ) c’est ca !!! qui est génial !!!
    j’èspere que tu comprend ce que je veux te dire ^^ a bientot !

  9. Depuis aujourd’hui j’ai décidé de me former petit à petit sur photoshop, j’ai déjà réussi quelques tutos mais ici je bloque à l’étape « fusion des calques 3D » car c’est tout simplement grisé, donc impossible à faire.

    Au niveau visuel, j’ai pareil que sur les images du tuto donc difficile de trouver mon erreur, vous avez une idée?

    Merci!

  10. Bonjour,

    En allant dans: Menu > 3D > Nouvelle extrusion 3D à partir du calque sélectionné.

    Voila ce qu’il s’affiche:

    « Pour tirer partie des fonctions 3D, vous devez activer l’option Utiliser un processeur graphique dans les préférences de performances. Votre carte vidéo doit respecter la configuration minimale requise et vous devez vous assurer que votre pilote fonctionne correctement. » 😯

    On dirait que mon ordi n’est pas assez puissant pourtant bien au contraire: Intel core i5, Radeon Graphic etc…. je ne comprend donc pas… ;-(

    Merci, d’avoir pris le temps de lire salut 😉

  11. salut les gars, je voudrais apprendre à utiliser photoshop correctement mais je ne sais pas par où commencer est ce que vous pourrez m’ aider?

  12. Salut,

    Excellent tuto, fonctionne impec, sauf au niveau du fond gris lors de l’étape Menu>3D>Rendu, mon fond est quasi blanc.

    Y a-t-il un paramètre à changer ? Aurais-tu un conseil à me donner ? (j’ai vu que d’autres personnes ont déjà posé la question)

    Merci d’avance 😉

LAISSER UNE RÉPONSE