| Auteur |
Message |
 |
Symon
Grand schtroumpf
Messages: 896
|
 Posté le:
15 Déc 2005 15:56 |
  |
Bonjour à tous !
Nous allons créer un texte en fausse 3D de la manière la plus simple possible et lui donner un environnement pour accentuer l'effet.
Difficulté : 3/10
Texte 3D
Créez un nouveau calque de 600x300px et remplissez le fond de la couleur #FAFAFA.
Sélectionnez l'outil texte de taille 70px et ecrivez votre texte :
Vous pouvez déformer le texte pour lui donner un style
Double cliquez sur le calque et appliquez lui ces effets (l'important est d'ajouter le contour) :
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 :
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
Répétez l'opération 8 à 10 fois :
(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)
Placez ensuite, tous ces calques texte dans un dossier de calque, cliquez sur le dossier et faites ctrl + E pour le fusionner. 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 :
Réglez l'opacité du calque à 35%
Créez un nouveau calque, placez-le en dessous du texte et faites une ombre en traçant un rectangle noir comme ceci :
Appliquez un flou gaussien de valeur 4 et réglez l'opacité à 20%
Notre texte en fausse 3D est fini 
Passons à l'environnement. Tout d'abord créer un socle.
Prenez l'outil ellipse de sélection, tracez une ellipse comme ci-dessous et remplissez-la d'une couleur :
Double cliquez sur le calque et appliquez ces effets :
Placez au dessus, votre texte (pour cet exemple j'ai choisis une autre couleur) :
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)
Faites entrée et réglez l'opacité du calque à 7%
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)
Réglez l'opacité à 33% et voilà c'est fini 
|
---------------------------------------------------------
 |
|
| Inscrit le: 27 Sep 2005 |
   |
|
punch
Schtroumpf paresseux
Messages: 2247
|
| Posté le:
15 Déc 2005 16:59 |
|
Très bon rendu, super |
|
|
| Inscrit le: 13 Nov 2005 |
|
|
Keroh
Schtroumpf costaud
Messages: 252
|
| Posté le:
15 Déc 2005 17:17 |
|
Ouah merci beaucoup ... je vais peut-être m'en servir pour un futur splash ! |
|
|
| Inscrit le: 19 Nov 2005 |
|
|
François
Schtroumpf
Messages: 84
|
| Posté le:
15 Déc 2005 18:14 |
|
Je connais très bien cette technique.
Mais ça rend toujours aussi bien  |
|
|
| Inscrit le: 25 Nov 2005 |
|
|
*|~ XiKuXan ~|*
Schtroumpf
Messages: 31
|
| Posté le:
15 Déc 2005 22:07 |
|
Très réussi..j'adore.
Je suis sûr que je m'en servirai un jour. |
|
|
| Inscrit le: 10 Déc 2005 |
|
|
Maos
Schtroumpf costaud
Messages: 329
|
| Posté le:
16 Déc 2005 10:53 |
|
Super ! |
|
|
| Inscrit le: 26 Oct 2005 |
 |
|
Djtux
Schtroumpf
Messages: 49
|
| Posté le:
17 Déc 2005 8:35 |
|
Merci symon |
|
|
| Inscrit le: 01 Déc 2005 |
|
|
StoneEyeS
Schtroumpf costaud
Messages: 199
|
| Posté le:
17 Déc 2005 21:03 |
|
j'aime bien l'effet, bravo. |
|
|
| Inscrit le: 03 Déc 2005 |
|
|
Papy Wired
P'tit schtroumpf
Messages: 10
|
| Posté le:
19 Déc 2005 15:18 |
|
Symon, t'es bon !  |
|
|
| Inscrit le: 14 Nov 2005 |
|
|
deepblue
Schtroumpf
Messages: 146
|
| Posté le:
19 Déc 2005 23:51 |
|
Vu que je n'utilise pas photoshop, j'ai dû improviser
Edit :
Voilà Symon, aussitôt dit, aussitôt fait :
 |
---------------------------------------------------------
Xhtml et CSS, Javascript (bases AJAX), PHP. Geneweb.fr - la génération du web ! ! |
|
| Inscrit le: 20 Oct 2005 |
|
|
Symon
Grand schtroumpf
Messages: 896
|
| Posté le:
20 Déc 2005 0:48 |
|
Le socle est cool par contre perso j'aurais collé le reflet miroir avec le texte
Sinon c'est bien sympa |
---------------------------------------------------------
|
|
| Inscrit le: 27 Sep 2005 |
|
|
deepblue
Schtroumpf
Messages: 146
|
| Posté le:
20 Déc 2005 12:33 |
|
décision prise....je me mets à toshop 
j'essaie de faire ce tuto mais j'ai un petit souci technique  : comment mettre les calques dans un dossier ? :/
merci |
---------------------------------------------------------
Xhtml et CSS, Javascript (bases AJAX), PHP. Geneweb.fr - la génération du web ! ! |
|
| Inscrit le: 20 Oct 2005 |
|
|
Symon
Grand schtroumpf
Messages: 896
|
| Posté le:
20 Déc 2005 14:07 |
|
Il faut d'abord créer un nouveau dossier et ensuite faire un glisser déplacer des calques vers le dossier. Comme sous windows quoi |
---------------------------------------------------------
|
|
| Inscrit le: 27 Sep 2005 |
|
|
deepblue
Schtroumpf
Messages: 146
|
| Posté le:
20 Déc 2005 14:09 |
|
|
| Inscrit le: 20 Oct 2005 |
|
|
videl
Schtroumpf
Messages: 102
|
| Posté le:
21 Déc 2005 7:32 |
|
sympa ce tuto
j'aime bien |
---------------------------------------------------------
www.videl.gtx.fr |
|
| Inscrit le: 18 Déc 2005 |
 |
|
Fayerdep
P'tit schtroumpf
Messages: 2
|
| Posté le:
22 Déc 2005 14:16 |
|
Très bon tuto, j’ai fait un essai vite fait, voilà ce que ça donne :
 |
|
|
| Inscrit le: 27 Nov 2005 |
|
|
Symon
Grand schtroumpf
Messages: 896
|
| Posté le:
24 Déc 2005 18:27 |
|
Sympa Fayerdep et Bienvenue |
---------------------------------------------------------
|
|
| Inscrit le: 27 Sep 2005 |
|
|
Fayerdep
P'tit schtroumpf
Messages: 2
|
| Posté le:
24 Déc 2005 22:32 |
|
merci Symon ! Je pense que la tienne rend mieux car il a du orange et du bleu. |
---------------------------------------------------------
 |
|
| Inscrit le: 27 Nov 2005 |
|
|
Gadine
Schtroumpf Modo
Messages: 681
|
| Posté le:
09 Jan 2006 3:43 |
|
Je m'amuse beaucoup avec vos tutos ce soir !!
Voici le dernier avant d'aller dormir :
 |
---------------------------------------------------------
 |
|
| Inscrit le: 28 Sep 2005 |
|
|
telemac
Schtroumpf costaud
Messages: 398
|
| Posté le:
09 Jan 2006 8:43 |
|
Faire du graph en pleine nuit, c est une idee comme une autre
J espere quand meme que tu bossais pas ce matin 
Jolie ta crea Gadine |
|
|
| Inscrit le: 31 Oct 2005 |
|
|
|
|
