Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Texte 3D avec un jolie effet glacé


Information sur le tutorial

Catégorie :PHOTOSHOP : Tutoriaux Date de création : 28/01/2008 11:19:20 Vu : 27 786 fois

Note :
Aucune note

Commentaire sur cette source (22)
Ajouter un commentaire et/ou une note


Description

Je vous présente ce tutoriel très sympa qui vous feras réaliser n'importe quel texte en 3D avec un petit effet glacé. Il faut pour un débutant environ 20min pour finir ce tutoriel.
Je vous dis bon courage et bonne création ;)

Tutorial

Dj-Son

Voici ce que nous allons faire, sympa non?

Bonjour tout le monde je vous est fait se tutoriel dans le but de vous aider à créer un texte en 3D avec des améliorations possibles à faire. Lisez la suite et vous verez c'est très pationnant...

 


1ère étape :

Première chose ouvrez bien évidement Photoshop CS2 et créer un nouveau projet que vous allez appeler "Texte en 3D".

Largeur : 20 cm
Longueur : 20 cm

Puis appuyez sur OK

Image :

Nouveau


2ème étape :

Voilà vous venez de créer votre projet, maintenant il vous faut créer le texte.
Allez dans la Barre d'outil sur votre gauche et cliquez sur le bouton bouton texte. Ensuite écrivez votre texte, moi se sera Dj-Son qui est mon pseudo, vous pouvez choisir la couleur de votre texte dans la barre d'outil au-dessus de votre projet, pour moi se sera le bleu, et aussi choisir le style que vous voulez, pour moi Verdana et en gras.

Maintenant on va pixelliser le texte en allant tout simplement dans :
'Calque --> Pixellisation --> Texte.

Voici ce que ça donne :


3ème étape :

Maintenant nous allons faire une perspective du texte en allant dans :
Edition -- > Transformation --> Perspective

Il suffit juste de cliquer sur le coin droit ou gauche de votre texte et le ramener vers l'intérieur et vous obtiendrez cette perspective en-dessous.


4ème étape :

Nous allons faire un petit effet "estampage".

Allez dans :
Filtre --> Esthétiques -- > Estampage
Et mettez les réglages suivant :

Angle : 115°
Hauteur : 5 pixels
Facteur : 105 %


5ème étape :
 
 
Nous allons maintenant mettre du volume.
Appuyer sur la lettre "V" de votre clavier qui équivaut à l'outil déplacement. Tout en appuyant sur "alt" appuyé sur la flèche du haut jusqu'a ce que la hauteur vous plaise.
 

6ème étape :
 
 
Maintenant cliquer droit sur votre calque ( il y a une barre d'outils sur votre gauche normalement ) et aller dans "Option de fusion" une fenêtre va apparaître, il vous faudra cliquer sur "Ombre portée" . Ensuite mettez les même réglages que si-dessous :
 
- Mode du fusion : Normal
- Mettez la même couleur que votre texte du début (moi bleu)
- Oppacité : 80%
- Angle : 90° et lissez l'éclairage global
- Distance : 70 px
- Grossi : 0%
- Taille : 25 px
- Contour :
- Bruit : 0%
- Et enfin cochez la case "ombre portée caché par le calque"
 
Maintenant cliquez sur "Biseautage et Estampage"
Les réglages sont les suivants :
 
Style : biseau interne
Technique : lisser
Profondeur : 100%
Direction : haut
Taille : 5 px
Flou : 1 px
Angle : 90°
Cochez "utiliser l'éclairage global"
Elevation : 10°
Contour brillant :
Cochez la case lissé
Mode des tons clairs : Normal couleur blanc
Opacité : 75%
Mode d'ombrage : Normal couleur noir
Opacité : 75%
 
Et pour finir Cliquez sur texture et mettez les réglages suivant :
 
Motif :
Echelle : 100%
Relief : +100% et cochez la case "liez au calque"
 
Il vous reste plus qu'a cliquez sur "OK"

7ème et dernière étape :
 
Il va falloir fusionner tout les calques sauf l'arrière plan qui ne doit pas être coché. Pour faire cela vous avez juste a appuyer "Maj + ctrl + E" ou d'aller dans Calque --> Fusionner les calques visibles.
Maintenant nous recochons l'arrière plan pour le faire réapparaître.
Maintenant un petit rendu sympa, allez dans Image --> Réglage --> Courbe de transphère dégradé et appuyé sur "OK". Ensuite allez dans Image --> Réglage --> Luminosité/Contraste les réglage sont les suivant :
 
Luminosité : +45
Contraste : 0 et appuier sur "OK"
 
Encore un petit effet rendu pour finir. Aller dans Image --> Réglage --> Teinte/Saturation
Les réglages sont :
 
Teinte : -8
Saturation : -27
Luminosité : -7
 
Et voilà le tutoriel est fini à vous de jouer. Essayez de faire quelques améliorations ;)
 
signaler à un administrateur
Commentaire de shawki80 le 29/01/2008 13:53:32

merci a l'avance c sympa.
si il ya autre effet.....merci encore

signaler à un administrateur
Commentaire de liked le 14/03/2008 12:50:02

Pas mal du tout :)

signaler à un administrateur
Commentaire de peskador le 08/04/2008 11:39:21

trés interessant wallah

signaler à un administrateur
Commentaire de jake13900 le 24/04/2008 12:14:18

Merci bien c magnifique,

signaler à un administrateur
Commentaire de flashbooster le 15/05/2008 21:12:25

Vraiment tres jolie félicitation à toi  ;)

signaler à un administrateur
Commentaire de adineadinos le 04/06/2008 17:35:44

merci

signaler à un administrateur
Commentaire de nicomilville le 07/06/2008 17:30:04

très beau, désolé si j'arrive trop tard, par contre, ou sont passé les images ?

a++

signaler à un administrateur
Commentaire de nicomilville le 08/06/2008 18:09:47

Merci, grace a toi j'ai réussi a adopté photoshop...

a++

signaler à un administrateur
Commentaire de djack69 le 09/06/2008 13:45:17

c'est bizzard j'ai plein de commentaire mais aucune note

signaler à un administrateur
Commentaire de thierylaurent le 15/06/2008 22:05:40

bravo tres bon tutoriel continue comme ça !

signaler à un administrateur
Commentaire de Jielde le 16/06/2008 03:00:06

Il y a un problème avec le tuto, les images ne sont plus présente

signaler à un administrateur
Commentaire de nicomilville le 19/08/2008 16:43:27

Re,

Pour les notes, j'aurai aimé pouvoir t'en mettre une mais les notes ne marchent pas bizarement, c'est comme sur les tutos de javascriptfr...

Je réessai...

Par contre, on sont les images ?

a++

signaler à un administrateur
Commentaire de djack69 le 19/08/2008 16:46:52

ben les images ont été supprimé :( désolé mais très bientôt il y aura d'autre tuto ;)

signaler à un administrateur
Commentaire de seb92110 le 19/09/2008 14:05:56

Y AUCUNE IMAGE DONC ......

signaler à un administrateur
Commentaire de seb92110 le 19/09/2008 14:06:41

Faudrait l'effacer alors ca sert a rein sans les images

signaler à un administrateur
Commentaire de djack69 le 11/10/2008 16:05:13

Bonjour,
c'est vrai que sans les images ce n'est pas très top.
Donc pour cela je vais les refaire.
Si vous voulez d'autre tuto allez sur mon site http://www.generation-creator.com

signaler à un administrateur
Commentaire de clorie le 21/10/2008 17:01:23

Bonjour
Merci pour ce tutoriel, pas si compliqué a faire meme pour une débutante, je commence a apprendre le cs3 pas évident, merci.

signaler à un administrateur
Commentaire de brazukass le 25/10/2008 18:37:27

bravo!!!!!!!!!!!!!!!!!!!

signaler à un administrateur
Commentaire de medmalih le 19/12/2008 17:10:58

les images s affiche ppas!

signaler à un administrateur
Commentaire de fatehdefbond le 28/02/2009 21:55:02

salut tous le monde , merci  d'avance pour ce tuto , voila je suis débutant avec photoshop Cs3 en fait c une version en anglais et je n'arrive pas a trouver les commandes citées plus haut sur ma version ( problème linguistique ) et pourtant je ne laisse pas tomber tres vit, dites moi s'il vous plait s'il ya une façon de rendre mon photoshop en français


                          je vous remercie

signaler à un administrateur
Commentaire de chanvre le 17/04/2009 15:36:43

slt je voudrais juste demander pourkoi les images ne s'affichent pas merci

signaler à un administrateur
Commentaire de lilamsene le 25/06/2009 15:43:31

simple et tres efficace

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,203 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.