To create High Dynamic Range pictures, you need at least 3 different exposures of the same photo, but in this Photoshop tutorial you will learn how to create HDR from a single image.

This technique will make the bright portions of the image darker, and dark portions of the image lighter. This also gives the image a lot more realistic look.

Tutorial Details

  • Program: Adobe Photoshop CS5 (CS4 compatible)
  • Difficulty: Beginner
  • Estimated Completion Time: 15 Minutes

Step 01

First of all, open any photo that you want to convert to HDR.

Step 02

Now, go to Image> Adjustments> Shadow/Highlights. Set the “Shadow” and “Highlights” amount to 40-50%

Step 03

Duplicate the layer, then go to Image> Adjustments> Desaturate (for CS3 users, choose “Image> Adjustments>Black & White” and click “OK”).

After that, change the layer blending to “Hard Light“.

Step 04

Let’s add some extra color to the picture. Duplicate the original picture (we will call it Blur), and put it on top of the other layers.

Next go to Filter>Blur>Gaussian Blur, set the Radius around 40 pixels.

Change the layer blending to “Soft Light“.

Final Result

Conclusion

This is quite an easy Photoshop tutorial to create a HDR photos without the actual (time-taking) HDR process. Download the .psd file from here.





About the Author: Alex Roman

I’m a 23-year old independent graphic artist based in Romania, Bucharest. I design beautiful, engaging user experiences and intuitive user interfaces for the web. I really love what I do. Want to hire me? Follow me on Facebook or Twitter.




  • Rotoscope says:

    Brilliant! I did a render in CS and it looks great. Thank you, Alex!

  • naveen says:

    Great technique bro, i like it

  • HDR EFFECT THE DUCKIE WAY « theuglyduckie says:

    [...] http://www.icanbecreative.com/quick-hdr-effect-photoshop-cs5-tutorial.html [...]

  • Tim says:

    Great tutorial! Really nice result

  • chang says:

    WOW! AMAZING! SO MUCH BIG HELP FOR ME! I AM A BEGINNER!

  • Deee says:

    Great tutorial! Easy to follow and the results are excellent!

  • Parker says:

    I have to say, the HDR effect looks much better with dark colored pictures. I tried it on a bright picture, and it didn’t look as nice.

  • sudam says:

    thnx buddy….cool tutorial…

  • Silvia says:

    TE IUBEEESC pentru tutorialul asta…stiu ca suna dubios :)) dar chiar am cautat muuuuult asta, un coleg de munca mi-a zis ca imi dezvaluie secretul daca ii calc 10 camasi :))) yep tough life, dar acum sunt super happy ca pot sa ii dau peste nas…graciaaaaaas

  • HDR Photos With Photoshop | BlogGeekChic says:

    [...] Geek Chic found this really excellent tutorial on giving photos an HDR effect with Photoshop CS5.  The photo above in the After photo.  Compare [...]

  • seo says:

    I do like the way you have presented this situation and it does indeed give me a lot of fodder for consideration. Nevertheless, because of everything that I have personally seen, I simply just hope as the opinions pack on that individuals keep on point and not start upon a soap box regarding the news of the day. Yet, thank you for this superb piece and even though I do not really go along with it in totality, I regard your viewpoint.

  • techtuton says:

    nice piece of work. :)

  • Reza says:

    this very amazing ! thx man :)

  • ririe widjajantie says:

    really do <3 it!
    simple..n amazing result…

  • Stefan says:

    I did and I thank you

    link Photo http://imageshack.us/photo/my-images/842/hdreffectphotoshop.jpg/

  • HDR Effect Photoshop- Tutorial escrito | Zonaexcre says:

    [...] aqui para ir el tutorial [...]

  • 50 Adobe Photoshop CS5 Tutorial | Learn Web Design says:

    [...] 6.Quick HDR Effect Photoshop CS5 Tutorial [...]

  • 350 Best Photoshop Tutorials | CrazyEgg.net says:

    [...] Tutorial Link For Quick HDR Effect Photoshop CS5 Tutorial [...]

  • Photoshop Tutorials | Best Photoshop Tutorials says:

    [...] Tutorial Link For Quick HDR Effect Photoshop CS5 Tutorial [...]

  • 20 Photoshop CS5 Tutorials says:

    [...] Tutorial Link For Quick HDR Effect Photoshop CS5 Tutorial [...]

  • Chan Pore says:

    Hello.This article was really fascinating, particularly since I was looking for thoughts on this issue last Wednesday.

  • Terrilyn Canedo says:

    Fantastic beat ! I would like to apprentice while you amend your site, how can i subscribe for a blog website? The account aided me a acceptable deal. I had been a little bit acquainted of this your broadcast offered bright clear concept

  • Balerie says:

    So simple, but yet very amazing. Thank you for this tut. It made me get an ‘A’ in my digital graphics class! :D

  • Hanan alawadh says:

    Thats Great job , keep it up :)

  • Belajar PhotoshopCS5 « ad7hanphotowork says:

    [...] Quick HDR Effect Photoshop CS5 Tutorial In this Photoshop tutorial you will learn how to create HDR from a single image. This technique will make the bright portions of the image darker, and dark portions of the image lighter. This also gives the image a more realistic look. [...]

  • Brilliant Adobe Photoshop CS5 Tutorials - Blog – Xemsol | Your Imagination Our Solutions says:

    [...] Quick HDR Effect Photoshop CS5 Tutorial In this Photoshop tutorial you will learn how to create HDR from a single image. This technique will make the bright portions of the image darker, and dark portions of the image lighter. This also gives the image a more realistic look. [...]

  • steph says:

    epic.

  • EOCA « heyheyhey. Look at this. says:

    [...] friends with headphones on.  I used this Tutorial to make the pictures light and high contrast:  link If you realize the music is always in the same place as the headphones. #gallery-1 { margin: auto; [...]

  • Ulises Bolivar says:

    interesante

  • kreatywny-projekt says:

    CS5 has already a HDR Tool that You can use very easy. But the efect achived in this tutorial is way better.

  • Click Enter » Blog Archive » 50 Hand Picked Photo Effect Tutorials In Photoshop: Year 2010 says:

    [...] 14. Easy HDR Effect Using Photoshop CS5 [...]

  • Ronald says:

    I just have a question. For Step 3, do you duplicate the original or the “Shadow/Highlights” layer?

  • 50 Hand Picked Photo Effect Tutorials In Photoshop: Year 2010 | Free Web Design Tucson says:

    [...] 14. Easy HDR Effect Using Photoshop CS5 [...]

  • Nicolette says:

    Excellent tutorial, simple and effective. Thank you very much.

    To enhance the effect, I may add, when necessary, 2 steps:
    1) Adjustements->Shadows/Highlights: increase Highlights
    2) Filters->Sharpen->Smart Sharpen: increase sharpness between 20 and 40% with a high value radius, according to need

  • Adobe Photoshop CS5 Tutorial | GuruWeb - skillswise says:

    [...] Otoño Image by Zyllan Para hacer esto he seguido un tutorial: free-web-design.co.cc/quick-hdr-effect-photoshop-cs5-tuto… Pero a mi manera. Al final la capa de las luces ha ido muy suave (Opacidad al 15%) y la del [...]

  • Brilliant Adobe Photoshop CS5 Tutorials « Xemsol Blog says:

    [...] Quick HDR Effect Photoshop CS5 Tutorial In this Photoshop tutorial you will learn how to create HDR from a single image. This technique will make the bright portions of the image darker, and dark portions of the image lighter. This also gives the image a more realistic look. [...]

  • Dona says:

    Thank you for the tut–awesome effect!

  • Rachana says:

    Nice tutorial
    very quick effect.. :)

  • Brilliant Adobe Photoshop CS5 Tutorials From 2010 | shahverdY says:

    [...] Quick HDR Effect Photoshop CS5 Tutorial In this Photoshop tutorial you will learn how to create HDR from a single image. This technique will make the bright portions of the image darker, and dark portions of the image lighter. This also gives the image a more realistic look. [...]

  • Dinesh says:

    very quick and nice tutorial..

  • Jordan Gray says:

    Absolutely amazing thank-you so much!

  • Photoshop CS5: nuovi tutorials says:

    [...] Effetto HDR (High Dinamic Range) [...]

  • Nepal says:

    Nice effect, works great. thanks

  • Photoshop: effetto HDR veloce alle foto [video tutorial] - Geekissimo says:

    [...] eventuali accorgimenti e salvare il risultato. [Via | blueprint – Photo Credits | Jim Linwood – Music Credits | Antony [...]

  • Bets web Adobe Photoshop CS5 tutorials | Jk says:

    [...] Quick HDR Effect Photoshop CS5 Tutorial [...]

  • sam says:

    Thanks mate works great.

  • Brilliant Adobe Photoshop CS5 Tutorials From 2010 - Noupe Design Blog says:

    [...] Quick HDR Effect Photoshop CS5 TutorialIn this Photoshop tutorial you will learn how to create HDR from a single image. This technique will make the bright portions of the image darker, and dark portions of the image lighter. This also gives the image a more realistic look. [...]

  • MT says:

    Amazing

  • Michael says:

    Very well scoped out, outlined, and written tutorial here Alex.

    This worked out just as you described.

    I’m a bit curious though, as you’ve titled it “…CS5 Tutorial” — why this way versus CS5′s built in “Image > Adjustments > HDR Toning” Granted, there are a slew of sliders and adjustments presented in the interface, but no need for creation of additional layers/files.

    Either way will create a nice enough HDR’d pix when multiple exposures are not available, I’m simply curious as to the reason for your route taken.

    Thanks again for a great post.

  • Four Simple and Quick Photo Effects says:

    [...] Quick HDR Effect Photoshop CS5 Tutorial [...]

  • Four Simple and Quick Photo Effects | Design Reviver says:

    [...] Quick HDR Effect Photoshop CS5 Tutorial [...]

  • Misscute says:

    Amazing results..
    Thank u so much for this tutorial
    and if u may I’ll translate it to Arabic so other pepole will learn from u
    best wishes ..

  • Ashocka says:

    This is great, thank you!

  • Quick HDR Effect Photoshop CS5 Tutorial | Design Shack says:

    [...] View Post [...]

  • 33 Stunning and Beautiful Photoshop Photos Effects Tutorials says:

    [...] Quick HDR Effect Photoshop CS5 Tutorial [...]

  • RRP Daily Dose July 14, 2010 | Red River Paper Blog says:

    [...] Click for the Tutorial (Web Design Blog) [...]

  • joka232 says:

    wow dude you made it so clear what u need to do its cool thanks for this tip!

  • Vibe Tutorials says:

    Cool tutorial, I don’t really understand how useful this effect is though. But it looks cool.

    But I tried it. When I got to the blur part I was kind of confused, but then I saw the colors contribute back to the original colors some. Then I was amazed!

    I honestly couldn’t tell the different until I look at my own work though. Nice tutorial. This will come into use soon I bet :D.

  • Gem Webb says:

    Great tutorial. Will help my content creating for tourism.

  • Ferreira Dani says:

    Best quick cheat HDR tutorial yet. Easy to follow, was able to do it with no mistakes in 5 min. Very well written.

  • Andrew says:

    Thanks for the tutorial. I tried your method and got these results. I had loads of fun playing with different opacity settings.

  • Michael Plant says:

    GREAT tutorial! Honestly I have read at least 10 tutorials regarding HDR in Photoshop and this one is by far the simplest method and produces the best results!!

  • Nikky says:

    great tutorial. Simple and effective :x

  • Miaowlicious says:

    Woohoo thankyou SO much! Glad I found this :O)

  • Warren says:

    ever know there’s a simpler way of doing HDR liked image. thanks for sharing.

  • Sarah says:

    Thank you for sharing this I will give it a try…
    Again Great tutorial!
    kep them comming man!!!

  • Scott says:

    Thank you … verrrry easy to follow and very helpful! :)

  • Jenna H. says:

    thanks for this wonderful blog post! it makes HDR seem not so intimidating.I’m going to try it now.

  • Wiliam Waith says:

    Thats a great tutorial. I tried it out and I am very impressed with the result. I will be using this method more often!

  • Danielle says:

    I tried this for the first time today and the end result was amazing.