Tutoriel La 3D avec Photoshop cs6

Statut
N'est pas ouverte pour d'autres réponses.

Stephen Hawking

Contributeur
Inscription
16 Décembre 2012
Messages
7 048
Réactions
2 659
Points
7 093
    Réponse de Stephen Hawking Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #1
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


Je tien à présicer que le Tuto ce fait avec des images et des screenshots car on peu pas métre + de 22images



Pour commencer, ouvrez un nouveau document de 800x800 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é.



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

" "

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

"
"

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.



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.



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.



Ensuite ajustez votre texte comme ceci

" "

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

" "
Ensuite cliquez deux fois sur la vignette du calque 3D



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.





" "

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



" "

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



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.




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


" "

Et voilà le résultat

" "

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



Puis allez dans Menu > Filtre > Rendu > Halo



Changez son mode de fusion en superposition .

" "

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 sonmode de fusion en Incrustation .


" "

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



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

"
"

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

"
"

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



Et voilà le résultat final

 

KTC Lobby

Lobby All COD - Platines - GtaV = Dispo' en MP
Contributeur
Inscription
20 Mars 2013
Messages
7 672
Réactions
3 258
Points
15 735
    Réponse de KTC Lobby Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #2
Très bon tuto petit gay
 

Steganozorus

If You Can't Convince Them, Confuse Them
Contributeur
Inscription
20 Septembre 2012
Messages
4 272
Réactions
1 667
Points
4 675
    Réponse de Steganozorus Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #3
GG a toi @GardeLaPeiiSh™ , Tres utile, sa nous evite de repasser pas C4D a chaque fois pour des texte en 3D :ok:
 

PhaNaTiiCk'

Dispo Lobby All COD + Platines <3333
Contributeur
Inscription
16 Août 2013
Messages
1 548
Réactions
465
Points
2 433
    Réponse de PhaNaTiiCk' Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #4
Merci pour ce tuto :love:
 
D

deleted23650

    Réponse de deleted23650 Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #5
Beau tuto mec super complet :o
 

Kiitty Ľobby ✓

Lobby dispo! Go Pv <3
Contributeur
Inscription
2 Juin 2013
Messages
2 410
Réactions
808
Points
5 671
    Réponse de Kiitty Ľobby ✓ Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #6
Je n'ai pas accés a l'onglet 3d, pourquoi?
 

Kiitty Ľobby ✓

Lobby dispo! Go Pv <3
Contributeur
Inscription
2 Juin 2013
Messages
2 410
Réactions
808
Points
5 671
    Réponse de Kiitty Ľobby ✓ Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #8

Steganozorus

If You Can't Convince Them, Confuse Them
Contributeur
Inscription
20 Septembre 2012
Messages
4 272
Réactions
1 667
Points
4 675
    Réponse de Steganozorus Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #9
Moi aussi j'ai CS6 :( Je vois le 3d mais quand je clic dessus,j'ai tout qui est grisé
1- ecrit ton text .. et tu le vera a droite en haut comme dans cette photo



2-Apres c'est sa :



Resultat PNG:



J'espere que j'ai pu t'aider :)
Moi aussi j'ai CS6 :( Je vois le 3d mais quand je clic dessus,j'ai tout qui est grisé
 

BezooArts

GFX - WEB - LOBBY
Contributeur
Inscription
13 Janvier 2013
Messages
10 524
Réactions
4 700
Points
11 471
    Réponse de BezooArts Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #10
Cite au moins les sources ;)
 
M

membre150711

    Réponse de membre150711 Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #11
Merci pour ce tuto même si je connaissais déjà :)
 

Kiitty Ľobby ✓

Lobby dispo! Go Pv <3
Contributeur
Inscription
2 Juin 2013
Messages
2 410
Réactions
808
Points
5 671
    Réponse de Kiitty Ľobby ✓ Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #12
1- ecrit ton text .. et tu le vera a droite en haut comme dans cette photo



2-Apres c'est sa :



Resultat PNG:



J'espere que j'ai pu t'aider :)
C'est gentil de m'aider mais regarde j'ai toujours rien :'(
 

Lucas™

Graphiste retraité
Contributeur
Inscription
27 Février 2012
Messages
580
Réactions
144
Points
4 043
    Réponse de Lucas™ Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #13
GG mec +1 !
 

Unknown--

Contributeur
Inscription
14 Juillet 2013
Messages
2 164
Réactions
1 374
Points
9 659
    Réponse de Unknown-- Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #14
C'est bon à savoir ! :ok:
 

Fouiz

Contributeur
Inscription
5 Juin 2014
Messages
1 558
Réactions
1 146
Points
2 341
    Réponse de Fouiz Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #15
Super rédaction !
Félicitation, cela va pouvoir m'aider :)

Fouiz GTP
 

Assos Parisienne

Tu joue le gars stock mais t'es tout léger !
Contributeur
Inscription
27 Décembre 2013
Messages
3 765
Réactions
1 242
Points
9 626
    Réponse de Assos Parisienne Forums généraux Infographie 🎨 Tutoriels et guides : La 3D avec Photoshop cs6
  • #16
Merci du tuto :)
 
Statut
N'est pas ouverte pour d'autres réponses.

Haut Bas