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.
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.

-
Créer un fond d’écran Abstract en utilisant photoshop
28 mai 2009 16:06, par Wonka
B-82 > wha mais quel travail, quelle technique, l’effet est tout simplement prodigieux ! Merci !
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
28 mai 2009 17:38, par Boon
Superbe !
Sa fait longtemps que je cherche a reproduire cet effet ...
Merci encore :D
Voir en ligne : Aucun
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
29 mai 2009 02:40, par elyO²m
Très très beau tuto ! Simple, rapide et efficace !
Voici une autre variante colorée réalisée très simplement à l’aide d’un calque de remplissage en mode dégradé de couleur : 
Je poste ici car le formulaire d’envoi d’images dans la galerie des membres semble ne pas fonctionner (voir la capture d’écran de l’erreur ci-contre) : 
Voir en ligne : elyO²m is free
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
29 mai 2009 11:30, par Jérôme
mouai... pas content d’moi là...
Voir en ligne : Titre de votre site Internet
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
29 mai 2009 16:34, par Fraise Sauvage
Très bon rendu ! merci !
Voir en ligne : Noize-Vision
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
1er juin 2009 19:27, par razhen
super rendu ! ma contribution :
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
2 juin 2009 11:02, par Kuroruto
Vraiment très beau cet effet et vraiment très simple à réaliser.
Chapeau l’artiste
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
2 juin 2009 14:13, par Subaru192
Merci pour ce tuto B-82 !
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
2 juin 2009 18:42, par lezolifant

effet tout simplement génial et de plus hyper facile a réaliser. merci.
Voir en ligne : lezoliblog
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
3 juin 2009 17:17, par wonka
Super ! bravo !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
4 juin 2009 07:15, par B-82 (le vrai)
ATTENTION ! le gars qui à écrit le message juste avant n’est pas B-82, je ne me suis inspiré de aucun autre tutorial, il s’agit simplement d’un voleur de pseudo !!!
et si il y avait quelconque autre tuto dont je me serais inspiré, qu’on me passe le lien !
non mais...
sinon un énorme merci à tous pour les gentils commentaires 
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
10 juin 2009 16:55, par petiteblondasse
-
Créer un fond d’écran Abstract en utilisant photoshop
13 juin 2009 16:17, par StY StYlEr
Super Site bravo !!!
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
18 juin 2009 22:34, par Narthex
Excellent tuto et super rendu... C’est tout simplement parfait ! =D
Un graaaannnnd merci =)
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
18 juin 2009 23:55, par noname
j’ai rien compris 
malheureusement, mon photoshop est en anglais, alors j’ai pas vraiment pu en profiter de se site.
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
22 juin 2009 13:07, par Pouap
Merci pour ce tuto qui permet de faire de belles choses, cependant Je n’arrive pas à faire de dégradé, pourrais-tu expliquer comment en faire un s’il te plaît.
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
22 juin 2009 14:30, par etouna
Sympa ce tuto, merci !! juste une question, quelles typos as-tu utilisé ?
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
23 juin 2009 15:55, par عمر
merci de ce TUTO
et voilla mon traville :
http://upimg.ru/i/413/124576529662674a40deb0266f9.png
:p
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
24 juin 2009 00:15, par crash68
Genial Merci pour le tuto =D
Voila mes petites oeuvres :
http://ekqykw.bay.livefilestore.com/y1pj1ynWUpm6K4csDeOfDlPCe2BxjH73nttb1fe 1VnwO54rpe5GWyZOoMiMU1LIRdc7fORePHt3aBc_WfNHFVwuPw/Abstrait%2C%20le%20design.jpg
http://ekqykw.bay.livefilestore.com/y1pRdXnYc0VmIUTsnGQsxUGgN-q8eqHA8bvpeD1jvCDS3Co_u-UVEexHrFZhXIwok_sE5Z9U6u5__63gYOD8z0GHg/Lilith%20Final%20Cut.jpg
Voir en ligne : Mii Blog
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
24 juin 2009 21:56, par valbmb
MERCI vraiment genial ce tuto en plus très simple a realiser
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
29 juillet 2009 04:18, par Votre pseudonyme
HI EVERY BERRY .THANKS FOR THIS TUTO
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
11 août 2009 12:58, par Sophie59
Très bons conseils, je commence seulement à me former sur photoshop et j’ai eu un bon résultat grâce à ton tutoriel. C’est surtout tellement bien expliqué que je n’ai eu aucune difficulté.
Merci !
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
12 août 2009 02:27, par Biboon
Très bon tuto cependant j’aurais une tite question comment tu fais pour créer un dégradé avec plusieures couleurs merci
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
5 septembre 2009 13:59, par Pilou
Waouh, génial ^^ j’aurais jamais cru que faire quelque chose d’aussi beau était aussi simple  merci pour ce magnifique tuto
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
13 octobre 2009 01:59, par Eldarium
Bonsoir, tu parles de « brush de grande taille » mais qu’est ce que c’est et comment le crées-tu ?
Merci d’avance
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
5 janvier 18:18, par Eros
Bonsoir !
Génial ce tuto ! encore mille merci
simple question : "comment puis je ajouté la lueur diffuse et discrète sur l’écriture ?
Merci d’avance ^^
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
28 janvier 12:10, par P. Lockheart

Simplement magnifique =]
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
26 mars 22:03
Super tutoriel ! Moi qui adore l’Abstract je suis content d’avoir réussi à en créer un. (Image bleu « Abstract is World »)
Merci d’avoir partager cette idée
Répondre à ce message
-
Créer un fond d’écran Abstract en utilisant photoshop
1er avril 23:19, par Kinnosuke
Merci beaucoup pour ce tutoriel B-82 ! J’ai vraiment été bluffé de l’effet produit par autant de simplicité mais surtout d’efficacité de manipulations sous photoshop pour de l’abstrait.
Mon résultat : 
P.S:Désolé de déranger mais pourquoi quand je prends tout le code de l’image que je viens d’uploader sur votre site pour la coller dans mon commentaire, je ne la perçoit pas ? Faut-il que j’enlève des morceaux ou peut-être des caractères à ne pas placer avant ?Merci d’une réponse. ^^’
Répondre à ce message
|