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

jeudi 28 mai 2009
Dans ce tutoriel 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.
Article écrit par : B-82
salut à tous, je suis B-82, j’ai 16 ans et j’adore le design et le graphisme, j’aimerais beaucoup en faire mon métier plus tard. j’ai appris à manier photoshop en grande partie grâce à Wks.fr ;)
B-82 deviantart

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.6 Mo
La galerie des membres

Url de l'image : http://www.wks.fr/stockpix/463/3829.jpg Url de l'image : http://www.wks.fr/stockpix/463/3830.jpg Url de l'image : http://www.wks.fr/stockpix/463/3831.jpg Url de l'image : http://www.wks.fr/stockpix/463/3835.jpg Url de l'image : http://www.wks.fr/stockpix/463/3846.jpg Url de l'image : http://www.wks.fr/stockpix/463/3848.jpg Url de l'image : http://www.wks.fr/stockpix/463/3849.jpg Url de l'image : http://www.wks.fr/stockpix/463/3871.jpg Url de l'image : http://www.wks.fr/stockpix/463/3898.jpg Url de l'image : http://www.wks.fr/stockpix/463/3914.jpg Url de l'image : http://www.wks.fr/stockpix/463/3940.jpg Url de l'image : http://www.wks.fr/stockpix/463/4001.jpg Url de l'image : http://www.wks.fr/stockpix/463/4031.jpg Url de l'image : http://www.wks.fr/stockpix/463/4047.jpg Url de l'image : http://www.wks.fr/stockpix/463/4100.jpg Url de l'image : http://www.wks.fr/stockpix/463/4263.jpg Url de l'image : http://www.wks.fr/stockpix/463/4273.jpg Url de l'image : http://www.wks.fr/stockpix/463/4365.jpg Url de l'image : http://www.wks.fr/stockpix/463/4374.jpg Url de l'image : http://www.wks.fr/stockpix/463/4519.jpg Url de l'image : http://www.wks.fr/stockpix/463/4565.jpg Url de l'image : http://www.wks.fr/stockpix/463/4578.jpg Url de l'image : http://www.wks.fr/stockpix/463/4595.jpg Url de l'image : http://www.wks.fr/stockpix/463/4623.jpg Url de l'image : http://www.wks.fr/stockpix/463/4821.jpg Url de l'image : http://www.wks.fr/stockpix/463/4848.jpg

Ajouter votre image dans la galerie
Si vous avez réussis ce tutorial vous avez la possibilité de poster votre dessin dans la galerie, vous pourrez ensuite le publier dans les commentaires (que vous trouverez en bas de page).
Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !

Vos commentaires ( 48 messages dans le forum)
Ajouter un commentaire à cet page

modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Ajouter un commentaire

Continuer la lecture sur wks.fr

Copyright

Les articles et images d'illustrations sont propriété de l'auteur et du réseau Grafik Network & Wks.fr.

Toute copie, reproduction ou diffusion sans autorisation sont interdites. Les images ainsi que les textes sont protégés par le droit français d'auteur ainsi que par un Copyright.