Jeu de lumières : Find your own light with Photoshop

Bonjour à tous et bienvenus dans ce nouveau tutoriel ! Dans la lignée de Under the Rain, voici une nouvelle création, elle aussi tirée d’un modèle, mais cette fois nous resterons sur une seule et même image afin de travailler principalement la lumière.

Tous les calques ne seront pas forcement expliqués : même si un bon pourcentage sera traité ici, je vous propose de voir le fichier .psd pour approfondir votre apprentissage (vous y verrez plus de détails en complément de ce cours).

Photoshop - 35.4 Mo
Fichier source Photoshop 1

Cliques ici pour télécharger le fichier source photoshop utilisé dans ce tutorial.

Attention fichier très lourd : 35 mo environ !

Sur ce, bonne lecture à tous !

Etape 1.

Nous commençons par la recherche d’une image. Comme à mon habitude, je me sers d’un modèle de DeviantART. Néanmoins attention, cette fois-ci il faut une photo réaliste, car nous n’allons pas détourner le personnage.

Source : The Lamp Movement Pack by *auroradreams

http://auroradreams.deviantart.com/art/The-Lamp-Movement-Pack-88268864

Etape 2.

Première action, nous allons un peu baisser la luminosité de notre image, car l’éclairage, c’est nous qui allons le faire ! Ainsi, avec un calque de réglage Luminosité / Contraste, je baisse la Luminosité et j’augmente le contraste.

Etape 3.

Nous allons à présent faire un filtre Eclairage. Pour avoir un calque qui contient notre image, il nous faut un nouveau calque, puis Image > Appliquer une Image. Retenez bien cette manipulation, car je ne la répéterai pas, il vous faut retenir ceci.

Bref, faites désormais Filtre > Rendu > Eclairage. Là une fenêtre s’affiche avec plusieurs réglages. Ce n’est pas vraiment difficile de comprendre tout ça, mais disons que la meilleure méthode pour apprendre est de bidouiller tout par soi-même.

Dans la partie Aperçu à droite, on règle notre source lumineuse, sa taille, etc....et à droite, il y a plusieurs autres réglages, testez les extrêmes de chacun pour comprendre leur particularité.

Attention à bien mettre un type Projecteur et ne pas toucher à la partie Texture. Pour ajouter une source Lumineuse, on fait un clic (enfoncé) sur l’ampoule près de la corbeille, et on glisse sur l’aperçu. Voici les principales

N’hésitez pas à recommencer pour obtenir le meilleur rendu. Vous avez deviné l’effet recherché ici : on assombrit les bords et on éclaircit le centre par le haut et la fille. Enfin on éclaircit aussi le bas pour plus tard.

Etape 4.

Le défaut du filtre Eclairage est que parfois il sature certaines parties de l’image. Ici, la robe pour commencer.

Je duplique mon fond et je le passe au premier plan. Avec un masque de fusion je ne laisse que la robe blanche et enfin j’utilise l’outil densité pour assombrir encore un peu plus. Cela permet (en assombrissant) de retrouver des détails du tissu.

Au passage, pour lui redonner de la couleur, j’ajoute un calque en mode Couleur - 65% où je passe avec un pinceau bleu #8fa9c3. La robe est plus brillante, et sans Vanish !

Etape 5.

Sur un nouveau calque, nous utilisons un gros brush rond aux bords flous avec une couleur blanche pour éclaircir le milieu de l’image, dans l’axe de la fille. On passe en Lumière Tamisée – 80%.

On ajoute un calque de réglage de Luminosité/Contraste pour baisser la Luminosité à -40 environ. Enfin avec Teinte / Saturation je désature à -30.

Enfin si vous avez des parties trop claires, vous pouvez passez un brush noir sur un calque en Lumière Tamisée. Ici, c’est le dessous de la capuche que j’assombris.

Etape 6.

Nous allons faire une sorte de brume vers le bas. Vérifiez impérativement que vous avez du noir en premier plan et du blanc en arrière plan. C’est bon ? Alors faisons Filtre > Rendu > Nuage. On obtient un mélange gazeux constitué de Blanc et de Noir.

Avec la transformation manuelle (Edition > Transformation Manuelle ou plus simplement Ctrl + T) déplacez le carré du haut vers le bas. On le fait descendre à peu prêt jusqu’au niveau des pieds, mais vous pouvez le faire autrement pour placer la brume autre part. On finit en validant par Entrée.

Pour obtenir quelque chose de réaliste, on passe ce calque en Incrustation – 100%. Gommez les bords (avec l’outil gomme) pour fondre un peu dans le décor cette nouvelle brume.

Pour un effet plus réaliste, on duplique ce calque et on le passe en Superposition – 60% (on ne conserve que les blancs de la brume). N’hésitez pas à jouer si nécessaire des modes de fusion pour diminuer l’effet sur les bords, et là où se trouvent les pieds de la jeune femme.

Etape 7.

Le travail de la lumière est fini. Vous pouvez encore peaufiner plus longtemps en noircissant les bords et /ou en éclaircissant des zones. Libre à vous !

Nous commençons par une Balance des Couleurs dont je ne change que les tons Moyens. Avec le Masque de Fusion on enlève les couleurs sur la fille et on baisse l’opacité pour obtenir un meilleur rendu (moins fort donc).

Etape 8.

Un calque de réglage de courbes avec ce genre de réglage permet d’ajouter manuellement du contraste à l’image.

Etape 9.

On ajoute un petit dégradé en bas pour améliorer un peu l’ombrage au sol. Voyez par vous-même.

Etape 10.

Appliquez une image. Si vous avez oublié comment faire, la réponse consiste à créer un calque vierge puis de faire Image > Appliquer une image. Si vous vous en rappelez, c’est très bien, le tutoriel vous apprend vraiment des choses.

Bref, appliquons donc une image, puis faisons Filtre > Atténuation > Flou Gaussien. Vous l’aurez compris, l’image devient Floue. N’y allez pas trop fort, restez vers les 2 à 5. Placez ce calque en Lumière Tamisée – 33% (avec une opacité trop forte l’image s’assombrira de trop).

Etape 11.

Ajoutez votre texte et personnalisez-le. Ici c’est du blanc avec une lueur externe et des traits. Plus de précisions dans le psd ! La typographie est « the King and Queen font », que l’on peut trouver sur DeviantArt bien évidement.

Etape 12.

Je vous rassure, vous avez bientôt terminé, nous en sommes quasiment à la fin, donc ne tombez pas de fatigue ^^ On ajoute une Courbe de Transfert de Dégradé, allant du Violet vers le Orange (Dégradé n°5) et passez ce calque en Lumière Tamisée – 30%.

Etape 13.

Voici une partie très importante et pourtant très simple. Nous appliquons pour la toute dernière fois une image sur un nouveau calque, puis Filtre > Net > Plus Net. Quoi, c’est tout ? Eh bien oui. Beaucoup de gens oublient ceci et pourtant la création monte en qualité ! Néanmoins attention … si des endroits « pixelisent » trop, gommez à cet endroit.

Ici, pour se concentrer sur le personnage, je masque (avec un masque de fusion) les bords, cela évite d’ajouter un flou gaussien et c’est discret.

On sent une réelle différence non ?

Etape facultative.

Pour éviter que l’on vous vole vos créations, il existe beaucoup beaucoup de techniques différentes. La plus simple et la plus agréable pour les « non voleurs », c’est d’ajouter votre pseudo sur les bords ou de manière discrète. Comme vous avez pu le voir, je l’ai plus ou moins fait au long de ce tuto (j’avoue, j’en ai oublié quelques uns mais ce n’est pas essentiel non plus).

Bref, pour en revenir à notre travail en cours, nous allons incruster du texte. Libre à votre imagination, mais quelques conseils :

  • Faites votre texte en blanc et passez le en incrustation
  • Faites le suivre d’un élément de votre décor, ici une « plainte » (oui, je sais, à l’extérieur la plainte)
  • Dupliquez votre calque si besoin pour bien le voir et jouer avec l’opacité

Conclusion.

Vous avez appris à, tout d’abord, travailler une image sans la découper (ce qui est moins fatiguant) et, par la suite, à travailler ses lumières et, de façon plus mineure, ses couleurs et une brume. J’espère vraiment que tout ça vous a plu, je me suis plus appliqué que la dernière fois (c’est en forgeant qu’on devient forgeron).

Si vous avez des demandes de tutos, des résultats vis-à-vis de ce petit cours, des questions, des commentaires … Eh bien n’hésitez pas, je suis là ^^

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Article publié par Sylvain

Vous aimez cet article? Partagez le !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 24 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 24 juin 2008 14:54, par IT1

    Bravo Sylvain, c’est magnifique ! Je suis bluffé, tant l’effet est réaliste. Je m’incline ;-)

    Répondre
    • 24 juin 2008 17:20, par Wonka

      Pareil un grand Merci Sylvain pour cet article superbe, ta réalisation est magnifique et le rendus final est somptueux !

      Répondre
      • 24 juin 2008 19:35

        Alors là un immense bravo c’est du grand art ! Quel talent le rendu est vraiment superbe, j’adore. Je parcours de nombreux sites avec de nombreux tuto mais c’est toujours sur WKS que je suis le + scotché UN IMMENSE BRAVO WONKA

        Répondre
        • 26 juin 2008 12:58, par Sylvain

          Rolala vous être trop gentils ^^

          En tout cas j’espère que vous aussi vous « trouverez votre propre lumière » et que vous arriverez à un résultat.

          C’est agréable pour quelqu’un d’apprendre aux gens à faire si, ou ça. Mais c’est tellement mieux quand on vois les résultats du travail fournis : vos créations !

          N’hésitez donc pas à nous montrer ce que vous avez fait on commentera et cela vous permettra de vous améliorer sans problème ^^

          Voir en ligne : >> Ma Galerie DeviantART ^^

          Répondre
          • 29 juin 2008 13:01, par Clems

            Merci à toi, je n’ai pas réussis à faire le tutorial mais je doit dire que ton image finale est trèstrès belle :) tu es très fort bravo !

            Répondre
            • 29 juin 2008 18:34, par Sylvain

              Si je peux t’expliquer un point précis du tuto ou autre ... Dis le je peux t’aider (je suis là pour ça).

              Répondre
  • 3 juillet 2008 10:17, par Wonka

    Sylvain tu sera content d’apprendre que ton tutorial a été propagé sur le site : Rootstarts.

    A voir ici :

    http://www.rootsarts.net/V7/2008/07/02/et-la-lumiere-fut/

    Répondre
  • 6 juillet 2008 19:04, par Renard

    Très bon tuto , très intéressant ! merci !

    Répondre
  • 7 juillet 2008 15:28

    voila super tuto http://upload.stabland.fr/images/img15/car_by_v72.png

    stock :

    http://lolottetkt.unblog.fr/files/2008/03/ferrarifxxevolution.jpg

    trop super ce tuto

    ps je l’ai pas fait entier

    Répondre
  • 7 juillet 2008 15:33, par Fre54

    Bel effet de lumiere ! Bravo à toi pour ce tutorial :)

    Répondre
    • 7 juillet 2008 18:03, par Sylvain

      Merci à vous trois pour les compliments !

      Pour le cher inconnu qui a fait cette création, c’est bien, sauf qu’il faut faire attention. Moi j’avais une grande image donc un grand texte. Pour la tienne tu peux en faire un plus petit ;)

      N’hésitez pas à, comme lui, essayer ! C’est pas compliquer et vous n’êtes pas obligés de TOUT faire.

      Wonka, j’ai lu l’article et je suis très content, j’étais un petit lecteur de ce blog ! (pas un grand, mais lecteur parfois quand même). C’est un honneur j’ai envie de dire pour quelqu’un comme moi =)

      Merci à tous, je suis content que mon tutoriel vous plaise, si vous avez des idées/demande de tuto, n’hésitez pas à me mailer =D

      Répondre
  • 9 juillet 2008 10:44, par bengilley

    Très réussi mais y a un endroit qui me gène ces au niveau de la fille elle est peut-être trop blanche donc on dirait qu’il a étais rajouté mais ce n’est qu’un détail.

    Répondre
    • 9 juillet 2008 10:54, par Sylvain

      Elle l’est déjà dès le départ, mais tu as raison il faudrai, sur la fin, refaire l’étape 4 quitte a remonter certains calques. Je partage ton avis ;)

      Répondre
  • 8 décembre 2008 18:11, par kom1dune

    Excellent tuto qui permet de bons délires.

    Merci Sylvain (et Wonka pour l’avoir publié)

    Répondre
    • 9 décembre 2008 14:58, par Wonka

      Oups l’image ne s’affiche pas ! Peut être l’aurais je supprimer par erreur , pourrais tu la ré uploader ?

      Répondre
      • 15 décembre 2008 09:40, par kom1dune

        Voilà qui est fait. Tu peux supprimer la 1re, je n’ai pas uploadé la bonne version (oups) ^^

        Répondre
  • 14 décembre 2008 21:35, par Vegeto93

    Bravo Sylvain ! :) Très beau travail. J’essaierai de l’utiliser pour une prochaine photomanip ! ^^

    Bonne continuation et merci du partage ! ^^

    Répondre
  • 16 janvier 2009 14:53, par Henz

    Très complet, bravo.

    Il est à noter que l’outil forme d’historique permet de corriger une saturation excessive ou des ombres trop bouchées suite à un filtre rendu éclairage.

    Il est aussi possible d’appliquer ce filtre sur un calque transformé en calque dynamique, un masque de fusion apparaît et toutes les modifs sont possibles.

    Le gros avantage de cette dernière méthode est le caractère non destructif de la manipulation, particulièrement utile dans le travail de diffusion de la lumière.

    Merci :)

    Répondre
    • 16 janvier 2009 15:03, par Henz

      Une autre méthode :

      Appliquez le filtre rendu éclairage sur une copie avec fusion convertie en calque dynamique.

      Dupliquer cette copie avec fusion, mettez la première en mode de fusion éclaircir (n’agit que sur les tons clairs) et la seconde en mode de fusion obscurcir (n’agit que sur les tons sombres).

      Gérez l’opacité des 2 calques pour attribuer l’intensité aux tons clairs et sombres désirée et faites les modifs que vous souhaitez grâce aux masques de fusion.

      C’est à mon sens la meilleure façon de gérer le filtre rendu éclairage, de manière non destructive.

      Répondre
  • 16 mars 2009 09:50, par effen

    beau tutoriau et donnez moi des sites pourapprendre des tuto photoshops. merci

    Répondre
  • 9 octobre 2009 22:50, par Faith

    Dommage que les gens n’envoient pas plus de messages ! C’est super j’te remercie, tuto très bien fait et réellement enrichissant !

    Répondre
  • 16 octobre 2009 12:14, par Votre pseudonyme

    beau tutoriau, C’est agréable pour quelqu’un d’apprendre aux gens comment faire un tuto. j’aime avoir en fin du tuto un document au format PDF pour le télécharger et donnez moi des sites pour apprendre des tutos photoshops. merci

    Répondre
  • 21 décembre 2009 16:13, par Votre pseudonyme

    joli travail mais je suis bloqué à l’étape 5... si quelqu’un peut m’aider !

    Répondre
    • 23 décembre 2009 08:41, par eWay

      Fait un nouveau calque et avec un gros brush rond aux bords flous peint en blanc en plein milieu de l’image. Passe ce calque en Lumière Tamisée, opacité à 80%.Ca permet d’éclaircir l’image ;-)

      Compris ?

      Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.