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

Tutorial Photoshop : Design abstrait 2

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial design-abstrait-2-

Voici un petit design abstrait qui conviendra très bien pour un wallpaper ou pour le header d'un site web par exemple...


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Facile
Création : 10/02/2006
Mise à jour : 04/11/2007

Nombre de visites : 4664


Résultat du tutorial design-abstrait-2-

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. Placer un haloIcone remonter en haut de page

Nous allons commencer par placer un halo sur notre scène.
Cliquez sur "Filtres" -> "Rendu" -> "Halo" et choisissez "Focale film Fixe" et une luminosité de 200%.

3. Le filtre "Chrome"Icone remonter en haut de page

Appliquons maintenant le filtre "Chrome" en paramétrant le détail à 10 et le lissage à 0.

4. Créer "l'abstrait"Icone remonter en haut de page

Avant de vous lancer, dupliquez 2 fois votre arriere-plan.

Pour réaliser la touche "abstrait" nous allons employer plusieurs filtres, soyez donc attentif :

1) Sur "Arrière-plan copie 2"
Appliquez le filtre "Océan" ("Filtres" -> "Déformation" -> "Océan") avec les paramètres suivants :
- Intensité : 15
- Amplitude : 10
- Cliquez pour agrandir


2) Sur "Arrière-plan copie"
Appliquez le filtre "Onde" ("Filtres" -> "Déformation" -> "Onde")
Générer les paramètres aléatoirement.


3) Sur "Arriere-plan"
Et bien en fait il n'y a rien à faire sur ce plan :)

Par contre nous allons modifier l'opacité des deux calques du dessus :
- Arrière-plan copie -> opacité : 75%
- Arrière-plan copie 2 -> opacité : 50%

5. Un peu de couleurIcone remonter en haut de page

Commencez par fusionner vos calques (Ctrl+Maj+e).
Afin d'obtenir quelque chose de plus net nous allons utiliser le filtre -> "Renforcement" -> "accentuation" (Gain : 100% & rayon : 1 px)

Il ne vous reste plus qu'à utiliser la balance des couleurs!!
"Image" -> "Réglages" -> "Balance des couleurs".


Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1