Everything Photoshop Subscribe

Create a Glowing Light Painting Effect

In Effects by Fabio

A few weeks ago a friend of mine had published an article on my blog about Light painting. I was really impressed by all the effects these guys can create taking photos with long exposures. Then I thought it would be a nice idea to do that in Photoshop. So in this tutorial I will show you an easy, and very fast way, to create a light painting in Photoshop.

Step 1

Create a new document and place the photo, you can download the one I used at: Photo 1.

Step 2

Here I placed a second image, I will use it to create the light effects. Here is the link for the next image: Photo 2.

Step 3

With the Pen Tool(P), create a path for one of the figures.

Step 4

Select the Brush Tool(B) and go to Window>Brushes or F5, lets create our brush. Use 8px for the diameter and select Dual Brush and Other Dynamics. Follow the image below for reference.

Step 5

Go to the Layer Palette create a new folder and rename it to lights. After that create a new layer inside this folder name it dude and select it.

Step 6

Go to the Path Palette and select the first path. Then with the Path Selection Tool(A) select the path and click with the right button of the mouse. Choose Stroke Path. A dialog box will open, select the brush and use simulate pressure.

After that go to Filter>Blur>Gaussian Blur, use 1.6px for the amount.

Step 7

Duplicate the dude layer 3 times.

Step 8

Select the Rectangle Tool (U) and create a rectangle. Then duplicate the rectangle several times. After that align and distribute them horizontally.

Step 9

Create a new layer inside the lights folder. Rename it to xing. Repeat the Step 6 and stroke the paths. After that select the xing layer and go to Edit>Transform>Distort. Now just move the vertices until the perspective is good, just follow the street lines.

Conclusion

That's probably the easiest way to create this type of light effect; however, it depends on the color of the background. If the background is too dark the blend mode won't work. You'll probably have to use another one with a outer glow.

You can make the lights brighter, by just duplicating the layers. You can even use the Eraser Tool(E) to make some adjustments. The original concept image can be viewed at Light Graffiti In Photoshop. The final tutorial image is below.

If you enjoyed this post, your vote is always highly appreciated!! Delicious StumbleUpon Float Reddit Mixx

Comments

Leave a Comment
  1. Nice!

  2. Cool one its very useful for other effects!!!! Thanks man!!

  3. The original concept Fabio submitted to us has a higher cool factor, but we decided not to use the Beatles image due to copyright issues. You can see the original concept on Fabio’s site. Thanks Fabio for working through the copyright issues with this tutorial. Good job. Thx.

  4. Simple nice work :)

  5. NICE!! I can see a plethora of ideas coming out of this technique.

  6. Gravatar

    Godonholiday

    wow, well done covering the copyright!! This is nice, but the original photo was so good to start with its going to be hard to make this my own! hahah i nice challenge though. great work.

  7. I’ve done this with real photography, but it’s awesome to know how to translate that into photoshop! Great job! Thanks!

  8. Another great tutorial with the quality of PSDTUTS.COM!

    Thank you very much!

    David Carreira

  9. Cool effect, thanks!

  10. very cool effect
    im just surprised by the copyrigth issue, i know it’s a big one but i didnt think the first attempt was that close…
    anyway nice one

    one thing:
    i almost didn’t find the blending mode used on the brush, i can imagine some people might not read it and wonder why it wont work
    … and some might not know you can use it on a brush

  11. This has been done in the glow tutorial

  12. Good ! ;-)

  13. Yes! I was waiting for this ;)! Easier than i thought, but still nice! :D

  14. Why we had to create a path for each one of the figures when we duplicate the first dude layer 3 times ;-)

    Daniel

  15. Awesome tut :)

  16. not very cool…
    i love all fabio’s tutarial but this one is just too simple and not cool…

  17. @Daniel, Sorry that was my mistake… it’s not necessary to create a path for each figure…

    Thanks ;)

  18. Gravatar

    Bruno Mendoza

    Very, very nice!!!

    Basic elements can make awesome effects. Sometimes, I think as I did not think before about this. It’s so logic…

    Fabio is a greatest design!

  19. @Daniel & @Fabio - I edited Step 3. I think that fixes the issue. Thanks.

  20. Gravatar

    riq pepino

    i dont understand step 4,5,6… need explaination

  21. Nice effect, good work Abduzeedo!

  22. This is sweet!!..I can see me using this technique in many ways, thanks!! :o)

  23. Very nice effect! I really like it

  24. realy nice, and easy ;)

  25. weird but cool tut, thanks!

  26. Cool!!

  27. Hah… that was really easy. I love it. You have such an artist mind :))

  28. Hot tutorial nice outcome nice idea :)

    Greetz

  29. Amazing and inspirational work as always Fabio. Thanks for all the time and effort.:)

  30. I love this tut!!! thank you Fabio

  31. nice outcome.

  32. Score!

  33. nice one and also great to have this kind of tutorial again.

  34. ohh super and nice

  35. way cool - thanks fabio

  36. fabio!!!

    enter the tutorial writer job thing!!!!

  37. Really cool to see how easy it is to achieve this effect…
    Well done Fabio! :)

  38. It’s easir to make the real thing, but can be usefull, thanks

  39. Wow. amazing, always looking forward to your tutorials man :D

    the picture reminds me too much of the Abbey Road album

  40. Clever!

  41. I was a little confused on this one too.

    1. I couldn’t seem to finagle my brush to look the same as shown in step 4, like how it tapers. I did confirm each and every setting was the same. Although I did have to select a different but slightly similar secondary brush.
    2. I didn’t see where the brush color was specified.
    3. I didn’t see where the blend mode for the dudes was specified.

    I played around and found that a yellow color with Color Dodge kinda did the trick, but I didn’t get the fading that Fabio got.

    Hopefully someone can help.

  42. Awesome. Thanks a lot Fabio. :)

  43. Pretty cool tut dude.

    Cheers Fabio!!!

    ;)

  44. Great and Unique tutorial!

  45. cool, but i got a problem on step 4, about the dual brush :p

  46. Oddly cool. I so wasn’t expecting that as a tutorial.

  47. Nice, that’s one cool effect. Good job as always Zee :)

  48. Hi,
    Thanks for the tut,
    I have a problem when I try to add pen pressure, It doesn’t work for me.
    I use CS3 Extended and installed wacom.
    How can I solve it?
    Regards

  49. nice

  50. Thx fabio :)

  51. very cool one ! thank you for this nice tut!

  52. Great effect - thanks for posting. :)

  53. Thanks Fabio!Excellent tut once again!

  54. I have a big issue on this tut step 6 : my Stroke Path is WHITE (the foreground color in the example), I don’t have this kind of overlay color mode ….
    I have to choose afterwards the overlay color mode for the dude layer and duplicate it to get something just OK …
    And YES I do have the color burn set for the dual brush, and I checked 10 times ALL the steps, so … what do I do wrong ?
    Thx to help me …

  55. nice tut, but i got a problem on step 4 on the dual brush too.

  56. Super nice!

  57. i like it!

  58. not really cool!

  59. which blend mode you used to create the effect in step 6? congratulations on tutorial!

  60. another great effect!

  61. how did the dude layer got brifhter and brighter as u went along, pls explin tht step agin more clear like the colour u used, the blending mode used!
    fantastic tutorial after all
    regards
    adil

  62. Is the first time that I see here something like.. “very cool and very easy to follow” and then “Which blend mode is this guy using” or “I’m lost with this and this”… LOL

  63. Awesome I love this effect!

  64. Great! Like it Interesting keep it up fabio, thank for sharing.

  65. Great Tutorials, like always. I will try to incorporate this into one of my designs.

    Jad Graphics

  66. I love you tutorials Fabio. Keep them coming ;)

  67. V.Cool!

  68. Looks cool… thx

  69. This is wicked! Going to give it a try right now! :)

  70. Could you Update the tutorial with the infos that some people have asked up this coment ??
    Layer mode, color, etc…

    The effect NEVER gets like yours because you’ve didn’t explained it soo good.

  71. @hell I’m sorry for that, I simply forgot the most important thing, the blend mode for the Lights folder, use COLOR DODGE, the rest remains the same ;)

  72. which brush do we use? i dont have that brush.

  73. I also do not have the brush that you use, could you please supply the brush or give us a link on where u got it? Thank you.

  74. Hello Fabio, thank you for a great tutorial! but I also curious about brush question above:)

  75. Thanks Fabio …

    we are waitting more from your creative !

  76. @Fabio

    Thanks for that, now it gets similar to your result. :)

  77. Perfect Tutorial ;)

  78. Gravatar

    DarkMonk

    Thanx a lot, cool tutorial, but please update this tut with missing stuff about chosen color and blending modes - these are most confusing parts, yet most important.

  79. Hot stuff!

Add a Comment

Note: We use Gravatars on PSDTUTS, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too!

 

Trackbacks

Leave a Trackback