Accueil > Tutoriels pour les webdesigners > Photoshop > En faisant des effets graphiques > Créer un fond d’écran Abstract en utilisant photoshop

Créer un fond d’écran Abstract en utilisant photoshop

jeudi 28 mai 2009, par B-82

Dans ce tutoriel Photoshop nous allons créer un fond d’écran de style"Abstract" c’est à dire très simple et épuré. Ce tutoriel s’adresse aux débutants (ou confirmés^^) qui veulent réaliser un effet classe et unique très simplement.

Bonjour à tous et bienvenue sur ce nouveau tutoriel qui vous enseignera comment réaliser un fond d’écran « abstract » sous Photoshop de manière rapide et simple ! Débutants : ce tutoriel est pour vous ;)
Ce tuto est pratique car en changeant la couleur (de manière très simple) on peut avoir un résultat et une atmosphère très différente, et un résultat unique à chaque fois.

Voici donc ce que donnera notre résultat final :

Etape1 : le fond
J’ouvre un document de la taille de mon fond d’écran (ici 1680*1050)

Je dois donc commencer par avoir ce fond flou et doux, pour cela rien ne vaut la technique de la photo floutée au max !
Pour ce tuto j’ai utilisé une photo où la lumière est plus claire en haut est foncée en bas, mais vous pouvez choisir la photo que vous voulez selon le résultat désiré. (La photo est dans le zip associé au tuto)
Je l’importe donc dans mon fond d’écran (Ctrl+A sur la photo, Ctrl+C, Ctrl+V sur mon fond d’écran et enfin Ctrl+T pour la redimensionner)

J’applique ensuite le flou : Filtres>atténuation>Flou gaussien, avec une valeur de 90 environ.
Et je désature l’image pour lui enlever ses couleurs : Image>réglages> désaturation.

Ensuite pour appliquer la couleur voulue je crée un nouveau calque et je passe le mode de fusion sur « couleur »

Il me suffit ensuite de remplir ce calque de la couleur que je veux grâce à un brush de grande taille
J’ai utilisé une couleur unie ici (#cf9fea) mais vous pouvez mettre plusieurs couleurs ;)

Alors, franchement ? Ce résultat est déjà hyper-beau et super facile à réaliser !

Etape2 : rayon de lumières

Pour ajouter de la profondeur et de l’ambiance à la scène je vais créer des rayons lumineux :

Je crée un nouveau calque que j’appelle « lumière » et je crée à peu près ceci grâce aux brushs :

(oui je sais, c’est très beau comme ça :p)
Et ensuite j’applique Filtre>atténuation>flou directionnel
Je règle la distance à 999 et l’angle à 45°

Je fais ensuite Ctrl+T et un clic droit sur l’image : Torsion
C’est ensuite que je tire le coin en bas à gauche comme ceci :

Puis je confirme avec Entrée.
Je passe ensuite le calque en mode de fusion « Incrustation »

Et voilà notre lumière !

Etape 3 : Touche finale

Je rajoute un petit texte pour le style :

Je place les calques de texte en mode de fusion Incrustation
Je peux aussi ajouter une lueur diffuse, très diffuse et discrète :

Et voilà le tuto est terminé voici notre résultat final :

Et je peux très facilement changer la couleur grâce à mon calque en mode de fusion « Couleur » pour décliner le fond d’écran en plusieurs styles ! Vert, bleu ou même dégradé !

Soyez créatif !

Voilà voilà, merci d’avoir suivi ce tuto (mon troisième ^^) j’espère qu’il vous à plu ;)

Si vous avez des soucis, voici le fichier avec le psd, l’image du fond, et les différentes versions du fond d’écran pour votre ordi.

Zip - 8.7 Mo

Messages

Un message, un commentaire ?

Forum sur abonnement

Pour participer à ce forum, vous devez vous enregistrer au préalable. Merci d’indiquer ci-dessous l’identifiant personnel qui vous a été fourni. Si vous n’êtes pas enregistré, vous devez vous inscrire.

Connexions’inscriremot de passe oublié ?