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

Tutorial Photoshop : Texte et trainées de lumiéres

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial texte-et-trainees-de-lumieres

Nous allons voir ici comment réaliser sur du texte un effet de lumière très sympathique !!


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Facile
Création : 05/02/2006
Mise à jour : 15/11/2007

Nombre de visites : 2574


Résultat du tutorial texte-et-trainees-de-lumieres

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 : 600 px
- Hauteur : 300 px
- Résolution : 72 pixels/pouce
- Mode colorométrique : couleur RVB 8 bits
- Contenu de l'arrière plan : noir

La taille de l'image n'a en fait que peut d'importance et les dimensions indiquées ne sont là qu'en référence.

2. PréparationIcone remonter en haut de page

Notez votre texte en blanc.
Avant de poursuivre, votre texte doit être correctement centré sur la page. Utilisez la manip suivante : appuyer sur Ctrl+a afin de sélectionner toute l'image puis cliquez sur "Calques" -> "Aligner sur la sélection" -> "Centres dans le sens vertical". Recommencez mais en choisissant maintenant "Centres horizontaux".

Ainsi le texte est maintenant correctement centré sur notre zone de travail.

Achevons cette étape en fusionnant nos calques.

3. Coordonnées polairesIcone remonter en haut de page

Appliquez le filtre "Coordonnées polaire".
"Filtre" -> "Déformations" -> "Coordonnées polaires". Choisissez "polaire en rectangulaire"

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

Avant d'utiliser ce filtre, il nous faut faire pivoter l'image de 90° : cliquez sur "Image" -> "Rotation de la zone de travail" -> "90° horaires".

Voilà, nous pouvons maintenant appliquer le filtre soufflerie : cliquez sur "Filtres" -> "Esthétique" -> "Soufflerie". (vent de droite)
Enfin, appliquez le filtre une seconde fois.

5. Rétablir le texteIcone remonter en haut de page

Afin de rétablir le texte, nous allons utiliser une nouvelle fois le filtre "Coordonnées polaires" mais cette fois ci nous le paramétrons sur "rectangulaire en polaire".

Mais avant, n'oublions pas de refaire pivoter la zone de travail : 90° anti-horaire

6. Balance des couleursIcone remonter en haut de page

Nous avons presque terminé, il ne reste plus qu'à mettre un peu de couleurs!!

Cliquez sur : "Image" -> "Réglage" -> "Balance des couleurs".
Amusez vous avec la balance des couleurs afin de trouver ce qui vous plait le plus avec votre texte ;-)



Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1