Cours et tutoriaux Photoshop, Flash, Fireworks, Paintshop et sur le développement de sites Web XHTML, PHP, MySQL...

Tutorial Fireworks : Texte chromé

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial texte-chrome

Ce tutorial décrit comment appliquer un effet chromé sur du texte.


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Très facile
Création : 07/04/2005
Mise à jour : 03/10/2007

Nombre de visites : 1152


Résultat du tutorial texte-chrome

1. Créer un nouveau documentIcone remonter en haut de page

Commençons par créer un nouveau document possédant les propriétés suivantes :
- Largeur : 300 px
- Hauteur : 75 px
- Résolution : 72 pixels/pouce
- Contenu de l'arrière plan : blanc

2. Insérer un texteIcone remonter en haut de page

Choisissez l'outil "texte" et notez le texte qui vous plait avec une police assez épaisse (vous pouvez mettre le texte en gras pour que le tracé soit plus épais).

Pour l'exemple j'ai choisi une police de type "Gunplay" et de taille "35".

3. Colorer le texteIcone remonter en haut de page

Pour colorer le texte, cliquez sur l'aperçu des couleurs dans le panneau "propriétés" puis cliquez sur "options de remplissage".
Appliquez un "Dégradé linéaire argenté" avec les paramètres suivants :
- Bord : anticrénelé
- texture : 0%

Ajustez le dégradé en déplaçant les poignées de réglage.

Ajoutons lui un effet "biseautage interne" avec les paramètres suivants pour commencer à lui donner un peu de relief :
- Forme : plat
- Largeur : 10
- Opacité : 75 %
- Adoucissement : 2
- Angle : 135
- Réglage : relief

4. Le filtre "Courbe"Icone remonter en haut de page

Ce filtre va nous permettre d'accentuer l'aspect chromé.
Appliquez le une première fois sur votre texte en lui attribuant les propriétés suivantes :
- Canal : RVB
- Entrée : 192
- Sortie : 128

Et une seconde fois avec ces propriétés :
- Canal : RVB
- Entrée : 65
- Sortie : 192

Utilisez maintenant le filtre "Luminosité/contrastes" avec ces paramètres :
- Luminosité : 0
- Contraste : 50

5. FinitionsIcone remonter en haut de page

Pour les finitions vous pouvez lui appliquer une ombre portée.
Rappel : "Effets" -> "Ombres et néons" -> "Ombre portée".


Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1