Speak English? Click here to read my English blog!

Créer un effet lumineux style Vista avec Photoshop

Posté par jbj le 9 juin 2008 dans Adobe Photoshop, Design14 commentaires

L'effet de lumière style Vista est très populaire, et le net regorge de nombreux tutoriaux expliquant sa création. Toutefois, ceux-ci avaient le point commun d'être relativement peux accessibles au débutant sous Photoshop. Je vous propose donc ici ma propre version de ce tutorial, histoire de créer un effet saisissant, rapidement et sans prise de tête.

Etape 1: Choix de l'image de départ

Pour commencer, nous allons choisir l'image qui sera la base de notre travail: J'ai choisi ici une image de la plage de Blankenberge, mais ce choix est complètement libre. Je vous conseille toutefois de choisir une image lumineuse, avec un grand nombre de couleurs.
Une rue, ou une perspective de ville la nuit devrait rendre particulièrement bien, mais je n'ai pas essayé.
Créer un effet lumineux avec photoshop

Etape 2: Flou gaussien

Rien de difficile avec cette deuxième étape: Il suffit de créer un flou gaussien. Pour ce faire, allez dans Filtres » Flou » Flou gaussien. Le flou doit être particulièrement fort. J'y ai donné une valeur de 80.
Créer un effet lumineux avec photoshop

Etape 3: Balance des couleurs

Bien que notre image floutée nous donne un aperçu de ce que nous voulons faire, cet effet rends le mieux avec des couleurs particulièrement vives.
Allez dans Calque » Nouveau calque d'ajustement » Balance des couleurs. Cliquez sur ok lorsque la popup de confirmation apparait.
Désormais, vous verrez apparaitre une boite de dialogue comprenant 3 sliders: A vous d'expérimenter avec afin de colorer l'image selon vos souhaits.
Créer un effet lumineux avec photoshop

Etape 4: Tracé de la première courbe

Voici certainement l'étape la plus délicate du tutorial, même si elle n'est pas si compliquée qu'elle peut parfois en avoir l'air.
Nous allons tracer notre première courbe trait. Pour ce faire, créez un nouveau calque, choisissez l'Elipse de sélection, et sélectionnez une grand part de l'image, de manière à ce que notre courbe passe d'un bout à l'autre de l'image.
Ensuite, rendez-vous dans le menu Sélection » Modifier » Bordure. J'ai donné la valeur de 10, mais une valeur de 5 ou 20 peut également faire l'affaire, selon l'épaisseur souhaitée de la courbe.
Créer un effet lumineux avec photoshop

Etape 5: Effets sur la courbe

Ensuite, remplissez simplement la sélection de blanc à l'aide du pot de peinture, puis Déselectionnez tout (Cmd+D). Faites un clic droit sur le calque de notre courbe, et choisissez Option de fusion. Nous allons maintenant appliquer l'effet "Outer glow".
La capture d'écran suivante montre les réglages que j'ai appliqué. Mais encore une fois, libre à vous d'expérimenter :)
Créer un effet lumineux avec photoshop

Etape 6: Duplication de la courbe et transformations

Maintenant que notre courbe à un bel aspect, il ne nous reste plus qu'à le déplacer puis à dupliquer son calque. Ensuite, appuyez sur Cmd+T pour pouvoir transformer le calque dupliqué. Modifiez sa taille, sa position, son inclinaison...
Répétez cette étape autant de fois que voulu. Le résultat devrait ressembler à ça:
Créer un effet lumineux avec photoshop

Etape additionnelle: Modification du fond

Si, une fois votre image terminée, vous n'êtes pas satisfaits du résultat, vous pouvez toujours modifier le fond de votre image. Il vous suffira de double-cliquer sur le calque d'ajustement pour pouvoir ré-ajuster la balance des couleurs. De même, comme le montre l'image ci-dessous, rien ne vous empêche d'importer un nouveau background, ou d'en créer un de toutes pièces:
Créer un effet lumineux avec photoshop

Inspiré de (entre autres) par tutorial9.

Tags: ,

14 commentaires

» Flux RSS des commentaires
  1. Blankenberge pas Blankenberg :p

    ?

  2. Merci, c’est corrigé ;)
    L’article à été écrit avant qu’on parle de ça hier. Tu me connais en rentrant à la maison j’ai pensé à tout sauf à mettre l’article à jour ;)

  3. Crer un effet lumineux style Vista avec Photoshop…

    Leffet de lumire style Vista est trs populaire, et le net regorge de nombreux tutoriaux expliquant sa cration. Toutefois, ceux-ci avaient le point commun dtre relativement peu accessible au dbutant sous Photoshop. Je vous propose donc ici ma propre ver…

  4. est ce que tu connais le plugin qu’il a utiliser pour afficher les image a cote de ses titre : http://www.tutorial9.net/

  5. [...] lien vers la nouvelle | vu sur scoopeo [...]

  6. et on est obligé de partir d’une vraie photo pour faire un truc comme ca ? un fond bleu est pas suffisant ?

  7. Bof, rien d’impressionnant ce tuto! C’est pas beau!

  8. @debbie: Non t’es pas obligé, le coup de la photo peut donner des trucs pas mal, même si je reconnais que la photo choisie pour le tuto n’était peut être pas le meilleur exemple.

    @Toshopman: Un peu d’indulgence! Je suis pas un Toshopman, moi ;)

  9. Wouah! Un faux Toshopman!

    Désolé, j’ai pas pu m’en empêcher… –> [_]

  10. Certes, la critique est facile.
    Bel effort sur le reste de ton blog !
    Bonne continuation …

  11. @debbie: La critique juste et justifiée ne me dérange pas tant que ça reste poli. Par contre, je suis bien content de voir que toi, qui n’avait pas apprécié ce tuto par lequel tu as visiblement découvert mon blog, a apprécié mes autres articles.
    Bonne continuation à toi aussi :)

  12. merci pour ton tuto ça me servira dans le futur !

  13. Je trouve ton tuto tres interessant. Au moins pour des débutants, ca permet déjà de créer un très bel effet. J’ajouterai juste sur ton tuto qu’en jouant avec l’opacité des courbes on peut obtenir également de très beaux effets.
    Merci et bonne continuation :)

  14. Merci :)

Commenter