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
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é.
Ensuite prenez l’outil ellipse (U) et dessinez un rond comme ceci
Puis rendez-vous dans les options de fusion
Maintenant dupliquez votre rond (Ctrl+J) et rendez-vous dans les options de fusion de nouveau
Dessinez un autre rond au centre comme ceci
Puis rendez-vous dans les options de fusion
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
Dessinez un autre rond plus petit au centre en utilisant l’outil ellipse (U) et la couleur grise #6e6e6e
Rendez-vous dans les options de fusion
Pour avoir le résultat suivant
Ensuite tapez votre texte en utilisant la police Buffet Script et la couleur #bfb9a6
Maintenant allez dans Menu > 3D > Repoussé > Calque de Texte
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.
Ensuite basculez l’interface de Photoshop cs5 de conception ver 3D dans le menu tout en haut
Cela va modifier l’interface de travail de Photoshop
Allez dans l’onglet 3D (éclairage), cliquez sur le bouton Créer un éclairage puis sur Nouvel éclairage directionnel
Ensuite cliquez sur le bouton Désactiver/Activer les extras 3D et cliquez sur éclairage 3D pour l’activer
Ensuite cliquez sur l’outil mise à l’échelle de l’objet 3D (K)
Retournez à votre onglet 3D (éclairage) puis cliquer sur l’outil panoramique de l’éclairage 3D
Ensuite déplacez l’éclairage comme ceci
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.
et voilà le résultat
Faites la même chose pour un deuxième texte
Fusionnez vos deux textes 3D (Ctrl+E) et rendez-vous dans les options de fusion
Ensuite importez le ruban suivante dans votre document et ajustez-le comme ceci
Importez la texture grunge suivante dans votre document
Changez son mode de fusion en Lumière tamisée et réduisez son opacité à 55%
Importez la deuxième texture dans votre document
Changez son mode de fusion en Lumière tamisée et réduisez son opacité à 46%
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.
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%.
Et voilà le résultat final
Vraiment sympa par contre CS6 non ? 😉
Merci pour ce tuto, j’ai essayer sur cs6 ça marche mais ç’est dure dure de le faire en anglais 🙁
Bonjour, pour la 3D de cs6 c’est faisable, mais je préfère attendre la version complète de cs6 et commencer à faire des tuto dessus
Merci et très bonne continuation
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 😉
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:
bonjour grafolog, merci pour ce tutoriel, est ce que vous pouvez publier le tutoriel de realisation d’un piano en cinema 4d ?
bonjour grafolog, merci pour ce tutoriel, est ce que vous pouvez publier le tutoriel de realisation d’un piano en cinema 4d ?
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
Oh, donc si vous faites des tuto pour cs6, vous n’en ferez plus pour cs5 ?? 🙁
Parfait comme d’habitude 😉
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 🙂
Voici ma réalisation “approchée” avec CS6:
http://www.chez-mireilled.com/artic…
Merci et à bientôt!
merci grafolog cest cool
J’Aimeee
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
ma participation sans la matière métal
http://a8.sphotos.ak.fbcdn.net/hpho…
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 ?
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 🙁 )
Pas facile la manipulation 3D. On devrais en faire plus souvent ! N’ayant pas la matière métal, j’ai fait ce que j’ai pu.
MERCI pour ce tuto.
Voici ma réalisation: http://www.facebook.com/photo.php?f…
Révision de la 3d… Ouf ! Merci…Un peu adapté les couleurs, l’orientation (… ) et voilà :http://www.hostingpics.net/viewer.p…
Ouf, pas simple tout ça. Merci pour le tuto
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 🙂
En cherchant j ai trouver solution a mon souci ^^
voici donc ma créa !
merci grapholog j ai encore passer un super moment avec 1 de tes tutos
mon resultat : http://img4.hostingpics.net/pics/98…
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
pour avoir l effets 3d sur la photoshop il on met l extention 3D Invigorator est voila vous avez la 3d
c’est si simple
Excellent tuto, en réutilisant les idées, j’arrive au final à ça :
http://image.noelshack.com/fichiers…
@Arsenyk ; Ta réalisation déchire :-O
Et merci pour ce tuto ! 😀
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..
Contactez moi par skype : xx-mathiew-xx
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 🙂
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 🙂
Tu fais se qu’il te dis de faire ( Tutps )
sauf que au lieu de faire charger matière tu vas plus vers le bas et y’a Metal et c’est bon
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??
Et voilà mon rendu pour ma couverture FB http://img.funky-emu.net/uploads/20…
Et voilà mon rendu pour ma couverture FB http://img.funky-emu.net/uploads/20…
Ma Participation :http://imageshack.us/g/13/logo1eb.j… et Merci pour ce très bon tuo pas totalement valable avec CS6 mais possible 🙂
Vraiment, c’est un magnifique tutoriel sur la 3D ! :siffle: Et depuis le temps que je cherche, là je suis aux anges 🙂
Je me suis fait un wallpaper avec et je suis fier de moi LOL
http://i.imgur.com/IUWaC.jpg
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 ?
Merci Graf ! 🙂
salut j’aurais besoin d’une image de team pour bf3
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
Pour télécharger les matières métalliques :
http://www.photoshop.com/products/p…
😀 cool ce tuto mais avec le cs3 jai pa de 3D mais merci je sui fier de mon resultat
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 ..
Bonjour,
Je n’arrive pas à aller dans 3D -> Repoussé, comment faire ? Merci 🙂
Super tuto très bien expliquer et pas compliqué
Merci Beaucoup
Bonjour, j’aimerais bcp réaliser ce tuto, mais j’ai cs6 et je ne trouve pas le menu 3d.. Est-il possible que je ne l’ai pas?
Bonjour, j’aimerais bcp réaliser ce tuto, mais j’ai cs6 et je ne trouve pas le menu 3d.. Est-il possible que je ne l’ai pas?
Please I want photoshop 3d Please 🙁 Give me link Photoshop 3d Thank’s
Mon rendu sur CS6 ==> http://imageshack.us/photo/my-image…
BONJOUR VRAIMENT EXEPTIONNEL CE QUE VOUS FAITE; MERCI
merci beaucoup
merci beaucoup
aide moi mon Photoshop na pas la commande 3D comme doit vert.merci
Bonjour, quelle est la version de photoshop que vous utilisez?