Voilà le premier Tuto Photoshop cs6 dans Tutsps, dans ce dernier nous allons apprendre comment créer un super texte 3D avec des superbes effets pour obtenir un rendu 3D parfait.

La 3D avec Photoshop cs6

 

Bienvenu dans ce nouveau tutoriel consacré à Photoshop cs6 et sa 3D , dans ce dernier nous allons créer un texte 3D avec des effets de lumière et appliquer dessus un flou de profondeur de champ.

Et voilà un aperçu du résultat final

Tuto photoshop cs6 La 3D avec Photoshop cs6

Pour commencer, ouvrez un nouveau document de 800×800 pixels , résolution 72Dpi , couleurs RVB8bits .

Puis ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Prenez l’outil texte (T) et tapez votre texte en utilisant la couleur suivante #f3e3d8 .

Tuto photoshop cs6 La 3D avec Photoshop cs6

Toujours en sélectionnant l’outil texte, cliquez sur le bouton 3D en haut juste en dessous du menu.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Maintenant, cliquez sur votre texte et appliquez dessus une rotation de 120° en cliquant sur l’axe X et glissez le curseur de votre souris vers le haut.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Puis ajustez-le texte comme ceci en utilisant les trois axes X, Y, Z  ; sur chaque axe il y a une flèche pour déplacer l’objet 3D , une petite ligne en courbe pour la rotation et un petit Cube pour la taille, au centre vous trouverais un autre cube c’est pour la mise en échelle des trois axe en même temps.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Vous avez aussi en haut à droite une petite fenêtre pour la caméra, vous ajustez la camera avec votre souris un peu de la façon de Cinema 4D puis cliquez sur la petite flèche en haut à droite pour permuter la vue principal et vue secondaire.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Ensuite ajustez votre texte comme ceci

Tuto photoshop cs6 La 3D avec Photoshop cs6

Puis allez dans Menu > 3D > Magnétisme de l’objet sur le plan au sol

Tuto photoshop cs6 La 3D avec Photoshop cs6

Ensuite cliquez deux fois sur la vignette du calque 3D

Tuto photoshop cs6 La 3D avec Photoshop cs6

Puis ajoutez un nouvel éclairage à la scène en cliquant sur le bouton en bas puis sur nouvel éclairage infini et appliquez les réglages suivants sur les deux éclairages.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Toujours dans l’onglet 3D mettez-vous sur environnement, mettez la couleur # ffdddd dans Couleur ambiantes globale, #7a685d pour plan au sol sans oublier dans modifier l’opacité de ces derniers.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Toujours dans l’onglet 3D cliquez sur le calque de votre texte 3D dans notre tutoriel c’est «  3D Tuts  ».

Tuto photoshop cs6 La 3D avec Photoshop cs6

dans les propriétés en haut vous aurez quatre boutons dans cet onglet vous pouvez modifier tous les options qui concerne votre objet 3D, cliquez sur le bouton extrémité et ajustez l’intensité de la dilatation comme ceci.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Maintenant cliquez sur le bouton rendu (PC Bad gamme s’abstenir)

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Et voilà le résultat

Tuto photoshop cs6 La 3D avec Photoshop cs6

Maintenant créez un nouveau calque ( Ctrl+Shift+N ) et remplissez le avec du Noir en utilisant l’outil pot de peinture (G).

Tuto photoshop cs6 La 3D avec Photoshop cs6

Puis allez dans Menu > Filtre > Rendu > Halo

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Changez son mode de fusion en superposition .

Tuto photoshop cs6 La 3D avec Photoshop cs6

Puis ajoutez un calque de réglage courbe de transfert de dégradé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé et changez son mode de fusion en Incrustation .

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Ensuite appuyez sur le raccourci Ctrl+Alt+Shift+E pour obtenir une copie des calques fusionnés

Tuto photoshop cs6 La 3D avec Photoshop cs6

Ensuite appliquez dessus un filtre flou de profondeur de champ en allant dans Menu > Filtre > Atténuation > Flou de profondeur de champ.

Tuto photoshop cs6 La 3D avec Photoshop cs6

Tuto photoshop cs6 La 3D avec Photoshop cs6

Maintenant créez un nouveau calque, prenez l’outil pinceau (B), une forme radial et peignez comme ceci en utilisant la couleur Noir

Tuto photoshop cs6 La 3D avec Photoshop cs6

Pour finir changez son mode de fusion en incrustation et réduisez son opacité à 62%

Tuto photoshop cs6 La 3D avec Photoshop cs6

Et voilà le résultat final  

Tuto photoshop cs6 La 3D avec Photoshop cs6

21 COMMENTAIRES

  1. Bonjour, @alystair c’est possible il suffit de l’adapter, utiliser d’autre astuce pour les effets de lumière et l’ombrage.
    Il y a plusieurs tutoriels de 3D sur Tutsps avec des rendus superbes sans passer par des logiciels de 3D.

  2. Bonjour,
    Vous ne parlez pas de la profondeur d’extrusion, j’ai mis la mienne à 100. Est-ce la raison de la teinte différente des champs où bien l’angle de mon texte ?
    D’ailleurs, j’ai du mettre mon halo en lumière ponctuelle sinon le tout était trop sombre. :-/
    Je dois dire aussi que j’ai un ordi de m…(1/2 h pour le rendu, grave !)
    Cela dit, encore un super tuto. Enfin du CS6 ; le 1er d’une longue série, j’espère…
    Merci et longue vie à Tutsps !
    http://www.hostingpics.net/viewer.p

  3. Bonjour,
    je trouve ce tuto simple d’utilisation, mais j’ai un problème, 😐 : j’utilise la version cs6 de photoshop mais il n’y a pas de bouton “3D” qui s’affiche… si vous pouvez m’aider, merci d’avance. 🙂

  4. Aquadine : l’option 3D ne s’affiche que lorsque l’on a l’outil texte. Sinon on peut aussi faire : menu 3D > nouvelle extrusion 3D à partir du calque sélectionné.

  5. la 3D est arriver depuis la version CS4, le bémol je ne sais pas si dans CS6 c’est pareil mais il y a 2 version de Photoshop pour C4 et CS5 j’en suis sur le Photoshop classique et le extend ou le bouton 3D apparaît ceux qui ont une version classique la 3D n’est pas disponible

  6. Est ce que la 3D n’est disponible que sur la version CS6 Extended ou bien sur CS6 normal il y a aussi la 3D parce que je ne voit rien sur la 3D en version CS6 normal?

  7. Pour info, pour tous ceux qui demandent quelle version de photoshop est dispo en 3D, c’est la version “Extended” si vous n’avez pas la version Extended en résumé c’est mort…. Pour 2e info, vous savez de suite si vous avez la version Extended quand vous lancez Photoshop CS6 Extended, l’animation du logiciel est bleue avec des taches bleues tout autour du logo 😉 en bref: pas d’ “Extended” pas de 3D dans le texte ou dans les formes vectorielles 😉

  8. Slt,
    J’ai la version extended mais je ne trouve pas la 3D, j’ai beau me mettre en texte, la chercher un peut partout je ne la trouve pas.
    Si vous pouviez m’aider ?
    merci

  9. En fait je m’excuse ce n’ai pas la version extended,j’avait cru en lisant la description de JPIXXX mais en me renseignant, ce n’ai pas la extended.