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

Tutorial Photoshop : Ciel étoilé

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial ciel-etoile

Ce tutorial vous apprendra à réaliser simplement un très bel effet de ciel étoilé .


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Facile
Création : 15/03/2004
Mise à jour : 04/11/2007

Nombre de visites : 7359


Résultat du tutorial ciel-etoile

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 : 640 px
- Hauteur : 480 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. Ajout de bruitIcone remonter en haut de page

Pour commencer, dupliquez le calque et nommez le "étoiles" pour le reconnaitre plus facilement.
Puis cliquez sur "Filtre", "Bruit", "Ajout de bruit" et appliquez les paramètres suivants :
- Quantité : 10%
- Répartition : gaussienne
- Monochromatique : oui

3. Luminosité & contrasteIcone remonter en haut de page

Afin d'obtenir une composition d'étoiles plus diversifiée, nous allons paramétrer la luminosité et le contraste de l'image : cliquez sur "Image", "Réglages", "Luminosité/contraste" et appliquez les réglages suivants :
- Luminosité : -35
- Contraste : +75

4. Créer les étoiles dominantesIcone remonter en haut de page

Cette étape nous permettra de donner de la profondeur à l'image.
Dupliquez le calque "étoiles" et nommez le "étoiles dominantes" puis réglez la luminosité à -100 et le contraste à 50.
Maintenant cliquez sur "Edition", "transformation manuelle" (ou Ctrl+t) et agrandissez le calque à 200% horizontalement et verticalement.

Cliquez sur "Image", "Réglage", "Négatif" Puis cliquez sur "Image", "Réglage", "Niveaux" et saisissez les paramètres suivants :
- Couche : RVB
- Niveaux d'entré : 225 - 1.00 - 250
- Niveaux de sortie : 0 - 255

Repassons le calque au négatif (Ctrl+I) et placez le mode de fusion sur "densité linéaire -".

5. Diversifier le contenuIcone remonter en haut de page

Pour diversifier le contenu de l'image nous allons effacer certains groupes d'étoiles.
Fusionnez les calques puis prenez l'outil "Pinceau" de taille 50px et de dureté 0% et passez le au hasard sur l'image afin d'obtenir des "trainés" d'étoiles :

6. Créer les amas d'étoilesIcone remonter en haut de page

Cette étape est beaucoup plus simple à réaliser qu'il n'y parait!
Prenez l'outil "Tampon de duplication" avec :
- Taille : 100px
- Dureté : 25%
- Mode : Densité linéaire -
- Opacité : 50%
- Flux : 100%

7. Réaliser les flous lumineuxIcone remonter en haut de page

Commencez par dupliquer le calque et nommez le "flou" puis appliquez lui un flou gaussien de rayon 5 pixels : "Filtre", "Atténuation", "Flou gaussien".

Cliquez sur "Image", "Réglages", "balance des couleurs" et définissez les paramètres suivants :

Tons clairs -> niveaux : -100, 0, +100
Tons moyens -> niveaux : 0, 0, 0
Tons foncés -> niveaux : -50, 0, +50
Conserver la luminosité : non

Placez ensuite votre calque en mode "superposition"

8. Créer les étoiles principalesIcone remonter en haut de page

Pour créer les étoiles les plus lumineuses nous allons utiliser l'effet de halo.
Cliquez sur "Filtre", "Rendu", "Halo" et définissez vos paramètres.

Vous devez répéter l'opération pour chaque étoile que vous voulez ajouter mais il est préférable de ne pas en abuser. #B5


Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1