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

Tutorial Photoshop : Fumée

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial fumee

Voici l'une des méthodes possibles pour créer un effet de fumée sous photoshop.


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Facile
Création : 30/01/2005
Mise à jour : 07/11/2007

Nombre de visites : 2087


Résultat du tutorial fumee

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 : 500 px
- Hauteur : 500 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.

Pour cette première étape nous allons remplir la fond de noir (outil pot de peinture).

2. Utiliser l'outil pinceauIcone remonter en haut de page

Choisissez l'outil pinceau et attribuez lui les paramètres suivants :
- Couleur : blanc
- Diamètre : 50 px
- Dureté : 0 %
- Mode : normal
- Opacité : 50 %
- Flux : 50%

Tracez quelques traits ondulés verticaux comme sur l'illustration de ce chapitre.

3. Utiliser l'outil doigtIcone remonter en haut de page

Maintenant sélectionnez l'outil doigt avec les paramètres suivants :
- Taille : 50 px
- Dureté : 0 %
- Mode : normal
- Intensité : 75 %
- Utiliser tous les calques : non (peu importe en fait!)
- Peindre au doigt : non

Etalez les traits vers le haut et le bas en réalisant de légères ondulations. Imaginez la manière dont s'élève lentement une épaisse fumée pour en reproduire le mouvement.

4. Redéfinir les couleurs de l'imageIcone remonter en haut de page

Nous allons redéfinir les couleurs de l'image afin de donner à notre fumée quelques reflets gris/bleutés.
Mais vous pouvez appliquer n'importe quelle autre couleur en modifiant les paramètres suivants.

Cliquez sur "Image" -> "réglages" -> "Teintes/saturations" (ou Ctrl + U) :
- Redéfinir : oui
- Modifier : global
- Teinte : 200
- Saturation : 20
- Luminosité : 0

5. Dupliquer le calqueIcone remonter en haut de page

Nous allons maintenant dupliquer notre arrière plan pour ensuite donner un peu plus de profondeur à tout ça.
Cliquez sur "calque" -> "Dupliquer le calque"

6. Travailler le deuxième calqueIcone remonter en haut de page

Avec l'outil doigt travaillez sur le deuxième calque comme durant l'étape 3.
N'hésitez pas à faire quelque chose de totalement différent du premier calque.

7. FinitionsIcone remonter en haut de page

Dans le gestionnaire de calques (à droite) définissez les paramètre suivants pour le deuxième calque:
- Opacité : 50 %
- Fond : 75 %
- Mode : superposition



Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1