Mélangez des astuces, des textures, un texte, les fonctions 3D de Photoshop cs5, la recette parfaites pour créer un design 3D époustouflant.

La Manipulation 3D de Photoshop Cs5

voilà un aperçu du résultat final

La Manipulation 3D de Photoshop Cs5

Avant de commencer le tutoriel, téléchargez le pack de ressource suivant puis ouvrez un nouveau document de 1500×1500 pixels, résolution 72Dpi et la couleur RVB8Bits.
Ensuite ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Ensuite prenez l’outil ellipse (U) et dessinez un rond comme ceci

La Manipulation 3D de Photoshop Cs5

Puis rendez-vous dans les options de fusion

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Maintenant dupliquez votre rond (Ctrl+J) et rendez-vous dans les options de fusion de nouveau

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Dessinez un autre rond au centre comme ceci

La Manipulation 3D de Photoshop Cs5

Puis rendez-vous dans les options de fusion

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Refaites la même chose avec d’autres ronds en réduisant sa taille et la taille des contours pour avoir un résultat comme ceci

La Manipulation 3D de Photoshop Cs5

Dessinez un autre rond plus petit au centre en utilisant l’outil ellipse (U) et la couleur grise #6e6e6e

La Manipulation 3D de Photoshop Cs5

Rendez-vous dans les options de fusion

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Pour avoir le résultat suivant

La Manipulation 3D de Photoshop Cs5

Ensuite tapez votre texte en utilisant la police Buffet Script et la couleur #bfb9a6

La Manipulation 3D de Photoshop Cs5

Maintenant allez dans Menu > 3D > Repoussé > Calque de Texte

La Manipulation 3D de Photoshop Cs5
Si vous n’avez pas la matière métal allez dans l’onglet matière puis sur tout ensuite sur la petite flèche et pour finir cliquez sur charger des matières.

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Ensuite basculez l’interface de Photoshop cs5 de conception ver 3D dans le menu tout en haut

La Manipulation 3D de Photoshop Cs5

Cela va modifier l’interface de travail de Photoshop

La Manipulation 3D de Photoshop Cs5

Allez dans l’onglet 3D (éclairage), cliquez sur le bouton Créer un éclairage puis sur Nouvel éclairage directionnel

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Ensuite cliquez sur le bouton Désactiver/Activer les extras 3D et cliquez sur éclairage 3D pour l’activer

La Manipulation 3D de Photoshop Cs5

Ensuite cliquez sur l’outil mise à l’échelle de l’objet 3D (K)

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Retournez à votre onglet 3D (éclairage) puis cliquer sur l’outil panoramique de l’éclairage 3D

La Manipulation 3D de Photoshop Cs5

Ensuite déplacez l’éclairage comme ceci

La Manipulation 3D de Photoshop Cs5

Basculez ver l’onglet 3D (scène) allez dans Qualité et choisissez Ebauche de lancer de rayon et attendez un peu, cela dépond de votre processeur et la quantité de ram installé sur votre pc.

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

et voilà le résultat

La Manipulation 3D de Photoshop Cs5

Faites la même chose pour un deuxième texte

La Manipulation 3D de Photoshop Cs5

Fusionnez vos deux textes 3D (Ctrl+E) et rendez-vous dans les options de fusion

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

La Manipulation 3D de Photoshop Cs5

Ensuite importez le ruban suivante dans votre document et ajustez-le comme ceci

La Manipulation 3D de Photoshop Cs5

Importez la texture grunge suivante dans votre document

La Manipulation 3D de Photoshop Cs5

Changez son mode de fusion en Lumière tamisée et réduisez son opacité à 55%

La Manipulation 3D de Photoshop Cs5

Importez la deuxième texture dans votre document

La Manipulation 3D de Photoshop Cs5

Changez son mode de fusion en Lumière tamisée et réduisez son opacité à 46%

La Manipulation 3D de Photoshop Cs5

Créez un nouveau calque (Ctrl+Shift+N), prenez l’outil pinceau (B), des brushes nuages avec une faible opacité et dessinez des nuages comme ceci.

La Manipulation 3D de Photoshop Cs5

Pour finir 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é puis changez son mode de fusion en Lumière tamisée et réduisez son opacité à 30%.

La Manipulation 3D de Photoshop Cs5

Et voilà le résultat final

La Manipulation 3D de Photoshop Cs5

54 COMMENTAIRES

  1. Vraiment très beau, par contre c’est tout à fait réalisable sous CS5, je ne vois pas la particularité de CS6 sur ce Tuto.. Mais ça me va parfaitement merci 😉

  2. Mais CS6 est sortie en français est en version complète , d’ailleurs c’est valable pour beaucoup d’autre de leurs logiciel comme Dreamweaver, Illustrator , Fireworks … :siffle:

  3. Bonjour tous le monde, @Valdren, on va attendre un peu car je ne pense pas que les membres de Tutsps on tous Photoshop cs6 car 1148,85 euro c’est un peu cher.
    On tous les cas je vais commencer les tuto de cs6 à partir du mois prochain.
    Merci

  4. Bonjour,
    Si on fera des tutoriels pour CS6 ils serons compatibles avec Cs5,de temps en temps on fera des tuto exclusive cs6 et vis-vers-ça, rappelez vous le passage de cs4 à cs5
    Surtout ne vous inquiétez pas tout le monde aura son bonheur même avec une version cs3
    Merci et à très bientôt 🙂

  5. Bonjour
    J’ai essayer de réaliser ce tuto avec CS6 extended, mais la fonction 3D est completement différente, donc trés difficile a mettre en pratique

  6. Salut et déjà merci pour ce tuto, juste quand je veux mettre ma typo en 3D il me disent que c’est impossible car le texte est en faux gras, on pourrais m’aider s’il vous plait ?

  7. Salut VNNT,
    Pour ta police, j’ai eu le même soucis, et ce que j’ai fait, c’est que j’ai surligné mon texte, clic droit et dans la fenêtre qui s’est ouverte j’ai décoché ‘faux gras’.
    En revanche, je n’ai pas trouvé comment faire pour appliquer ces réglages sur un texte en faux gras (j’ai voulu faire sur scriptina et sans faux gras elle est un peu fine pour la 3D 🙁 )

  8. slt a tous ,

    j ai un souci a se niveau ==>Ensuite cliquez sur le bouton Désactiver/Activer les extras 3D et cliquez sur éclairage 3D pour l’activer

    malgres cette manipulation la fonction reste griser et je n arrive pas a l’activer …. donc impossible de poursuivre se tuto snifff

    quelqu’ un a une solution a mon souci ?

    merci d’avance 🙂

  9. Salut j’aime bien se tuto , il m’interesse car du 3D y’en a pas trop mais j’ai un soucis avec les matieres je n’y arrive pas a en mettre ! on peut m’expliquer où les trouver svp !
    et comment parce que je suis pas sur de se que je fais !
    Merci d’avance

  10. Salut est ce que quelqu’un pourait me faire exactement la meme image mais a la place de Hight level je voudrai le mot : SW4G Svp ?? Pck je n’arrive vraiment pas a faire ce tuto..

  11. Hello all ! Merci pour ce tuto !
    J’aimerais savoir si quelqu’un pouvait partager un pack de matières ? J’ai voulu charger les matières mais aucun fichier n’est présent dans le répertoire de matières et je ne sais pas où trouver un pack contenant notamment la matière métal, si quelqu’un pouvait l’upload ou me l’envoyer par mail, ca serait sympas 🙂

  12. Hello all ! Merci pour ce tuto !
    J’aimerais savoir si quelqu’un pouvait partager un pack de matières ? J’ai voulu charger les matières mais aucun fichier n’est présent dans le répertoire de matières et je ne sais pas où trouver un pack contenant notamment la matière métal, si quelqu’un pouvait l’upload ou me l’envoyer par mail, ca serait sympas 🙂

  13. Moi aussi je bloque ici ==> Ensuite cliquez sur le bouton Désactiver/Activer les extras 3D et cliquez sur éclairage 3D pour l’activer

    on fait comment??

  14. Bonjour.
    Merci pour ce super tuto mais malheureusement je suis bloquée sur la texture montrée dans la capture écran. J’ai cherché pour télécharger sur internet mais je n’ai rien trouvé de ressemblant. Je suis descendue tout en bas de ma liste dans mon CS5 mais aucune trace de cette texture.
    Dommage :-(((
    Peut-être pourrez-vous m’aider à la trouver ?

  15. bonjour,
    J’ai essayé de faire ce tuto sous photoshop CS6, mais je ne trouve pas comment faire “ébauce de lancer de rayon” et ce que quelqu’un pourrai m’aider svp.
    merci pour ce tuto

  16. Bonjour,
    Ce tuto est trop cool, mais j’ai un petit souci au niveau de ” 3D > Repoussé > Calque de Texte ” je n’arrive pas avoir repoussé, je ne peux pas cliquer dessus .. sinon je suis arriver a faire le reste mais il manque que la typo ..

Répondre à jcb Annuler la réponse