Accueil
 
Accueil  •  Liste des Membres  •  S'enregistrer  •  Profil  •  Messages privés  •  Connexion
 
 
Identifiant:
Mot de passe:
Se souvenir de moi
Mot de passe oublié ?
Pas encore membre ?
Inscrivez-vous
pour rejoindre notre communauté graphique

Téléchargez le pack  
de smileys ForumGraphik !
Les tutoriaux déposés
sur ForumGraphik
appartiennent à leurs auteurs respectifs.
Il est strictement interdit de les recopier partiellement ou en integralité (texte et images) sans la permission de l'auteur.
 << Retour à la liste de tutoriaux
Texte effet 3D
texte 3d

Auteur : Symon
Site web : www.symonfolio.com

Logiciel : Photoshop
Difficulté : 4/10

Description : Tutorial photoshop expliquant comment réaliser un effet 3D sur un texte

Posté le 15 décembre 2005

Style de texte

1 - Créez un nouveau document de 600x300px et remplissez le fond de la couleur #FAFAFA.

2 - Sélectionnez l'outil texte de taille 70px et ecrivez votre texte :

texte 3d
3 - Vous pouvez déformer le texte pour lui donner un style
texte 3d
texte 3d
4 - Double cliquez sur le calque et appliquez lui ces effets (l'important est d'ajouter le contour) :
texte 3d
texte 3d
texte 3d

Effet 3D

5 - Nous allons lui donner un effet de fausse 3D de la façon la plus simple possible :
Dupliquez le calque texte, placez-le en dessous de celui-ci et déplacez-le d'1 pixel vers le haut, grâce à la flèche du clavier :

texte 3d
6 - Répétez l'opération : Dupliquez le nouveau calque texte, placez-le en dessous de celui-ci et déplacez-le d'1 pixel vers le haut
texte 3d
7 - Répétez l'opération 8 à 10 fois :
texte 3d
(vous pouvez ajouter un déplacement de 1px vers la droite ou vers la gauche à chaque manipulation pour changer l'orientation de l'effet 3D)

8 - Placez ensuite, tous les calques texte dans un dossier de calque (attention, laissez bien le fond à part), cliquez sur le dossier et faites ctrl + E pour fusionner les calques qu'il contient. Vous ne disposez plus que d'un seul et unique calque. Dupliquez ce calque et appliquez lui un flou gaussien (filtre/atténuation/flou gaussien) de valeur 2 :
texte 3d
9 - Réglez l'opacité du calque à 35%
texte 3d
10 - Créez un nouveau calque, placez-le en dessous du texte et faites une ombre en traçant un rectangle noir comme ceci :
texte 3d
11 - Appliquez un flou gaussien de valeur 4 et réglez l'opacité à 20%
texte 3d
Notre texte en fausse 3D est terminé

L'environnement

Nous allons créer un environnement afin d'accentuer la profondeur.
Tout d'abord la création d'un socle.
Prenez l'outil ellipse de sélection, tracez une ellipse comme ci-dessous et remplissez-la d'une couleur :

texte 3d
12 - Double cliquez sur le calque et appliquez ces effets :
texte 3d
texte 3d
texte 3d
texte 3d
13 - Placez au dessus, votre texte (pour cet exemple j'ai choisis une autre couleur) :
texte 3d
14 - Dupliquez le calque contenant le texte et placez le en dessous de celui-ci.
Faites ctrl + clic sur le calque et remplissez le en noir.
Appuyez sur ctrl + T pour obtenir l'outil de redimensionnement et maintenez la touche ctrl enfoncée. Allez chercher le coin supérieur droit, votre curseur changera de forme (flèche quadrillée blanc/noir).
Vous pourrez alors étirer le coin comme ceci (attention ne lâchez pas la touche ctrl)
texte 3d
15 - Faites entrée et réglez l'opacité du calque à 7%
texte 3d
16 - Dupliquez une nouvelle fois le calque texte. Allez dans le menu edition/transformation/symétrie axe vertical et placez votre nouveau texte inversé en dessous.
Cliquez sur l'icône "masque" dans la palette des calques et selectionnez l'outil dégradé du blanc au noir. Vérifiez que vous avez bien sélectionné le calque "masque" et tracez un dégradé de haut en bas (si vous avez des difficultés, reportez vous à ce tuto pour cette étape)
texte 3d
Réglez l'opacité à 33% et voilà c'est fini ;)
texte 3d
  Débattre de ce tutorial sur le Forum
 << Retour à la liste de tutoriaux
Ouverture de KitGraphik le 25 Février 2007