Close Search Box
Search Box

Search: From:

Close
Newsletter

9Tutorials to your Inbox



Beautiful lighting FX effect in Photoshop

Beautiful lighting FX effect in Photoshop
Author lv1 (2000/5000)
133,764 views
1 Star2 Star3Star4 Star5 Star (75 votes, average: 4.52 out of 5)

This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open.

NOTICE: CLICK ON THE THUMBNAIL IMAGE TO ENLARGE FOR MORE DETAILS

Step 1 - Create the Head

Open a new document, changed the current layer to “Background” layer and fill “Black.” Next, create a new layer, then you should select some brush you like, in this case I choose a kind of vector brush, which you could find in the attached file at the bottom of this tutorial.

Step01

Step 2 - Creating the Tail

Create another new layer (layer > new > layer), called it “Tail”.

Select the “Brush” tool and open the Brushes Panel (Window > Brushes). Now we will play around with its setting to achieve the set best effect. The final purpose is to create a set of randomized dots.

In this scope of article, I choose settings as below:

- Brush Tip Shape: (Hardness: 100%, Roundness: 100%, Spacing: 1%)
- Shape Dynamics: (Size Jitter: 100%, Minimum Diameter: 20%)
- Scatter: (Both Axes, Scatter: 1000%)
Step02

Step03

Step 3 - Create the colorful effect

Create another new layer, above the background layer, name it “Color Base”. This is just a simple step, you choose a soft brush, then fill like the picture below with any color you like.

Step04

Step 4 - Make selection

Now, select the “Head” layer firstly, then go to the menu Select->Load Selection. Then choose New Selection and press Ok.

Step05

Next step, you repeat the above step, but choose “Add to Selection” in the “Load Selection” dialog box instead.

Now, you have loaded the selection. With the “Color Base” layer active, you click on the “Add layer mask” button at the bottom of the layer panel. Then you will have the result like the demonstration below.

Step06

Step 5 - Add glow effect

You select “Head” layer then go to Layer > Layer Style > Outer Glow. You could play around with those settings such as size, spread, opacity… however remember to set “Blend Mode” to “Overlay,” and the color to “White.” Of course, everything could be changed even you go to the last steps. Next, you should do the exam progress on “Tail” layer.

To end of this step. Right click on the “Color Base” then choose “Apply Layer Mask”. Then, youwill go to Filter > Blur > Gaussian Blur. You should set the Radius between 4-6. In this case, I give it the value 5.

Step08

Step 6 - Make up the head

Create a new layer above the “Color Base” layer. Then, you choose the “Gradient” tool and use the “Foreground to Transparent” preset. Go into the “Gradient Editor” and click the foreground color slider and change its position to “25%.” Exit the editor, pick a color that pleases you (can be changed later) and make a “Radial Gradient” over the “Head” layer. You could move the layer to match up with the “Head” layer.

Step09

Now with that layer still active, go to Layer > Layer Style > Color Overlay. Change the color to “White” and blend mode to “Overlay.” Probably, there are hundreds of ways to customized this effect till this way, so I just remind you the point, keep your creative going, and spend time to try settings. For my case, I want to add some more colorful effect in this step, and I change some setting by press Ctrl + U to open Hue/Saturation dialog and give it the settings like below.

Step09

Step 7 - Add more scatters

Now, duplicate the “Head” layer and pick the smudge tool, then select a soft brush at around 50% strength. This step is not easy to do. must be patient to smudge the new copied layer along the picture, try to use another tool such as “Eraser” to have the best result.

Step11

Then, you duplicate the current layer. Right click on it, choose Blending Options, and set the “Blend mode” to “Dissolve”. You should notice the opacity during this step to adjust the appearances of the scatters around the main object. Again, the “Eraser” tool need to be used reasonably to get rid of scatters.

Step12

Step 9 - Adjust settings

Actually, it is hard to tell you exactly how I come to the final result as below. You should play around with opacity, fill settings, combine with eraser, smudge tools to finalize the art work.

Final

This tutorial has been rewritten with more detailed instruction. The original one was written by Ryan on his blog.

I have included 2 set of vector brushed for you guys to play around with the full PSD version.

Download PSD here

NOTICE: CLICK ON THE THUMBNAIL IMAGE TO ENLARGE FOR MORE DETAILS

del.icio.us:Beautiful lighting FX effect in Photoshop digg:Beautiful lighting FX effect in Photoshop spurl:Beautiful lighting FX effect in Photoshop newsvine:Beautiful lighting FX effect in Photoshop blinklist:Beautiful lighting FX effect in Photoshop furl:Beautiful lighting FX effect in Photoshop reddit:Beautiful lighting FX effect in Photoshop blogmarks:Beautiful lighting FX effect in Photoshop Y!:Beautiful lighting FX effect in Photoshop magnolia:Beautiful lighting FX effect in Photoshop segnalo:Beautiful lighting FX effect in Photoshop
Login




Friends' Sites

Contact Us

Categories

Sponsors

Featured Links

Post a Comment »








Safari hates me

Comment Guidelines

  • Hyperlinks are automatically generated.
  • <em>italic</em>
  • <strong>bold</strong>
  1. Social Networking Resources, Tips and Secrets September 6, 2007

    [...] 9 tutorials » Beautiful lighting FX effect in Photoshop [...]

  2. Yogi September 6, 2007

    Amazing!
    Very Very! Good work!

  3. Leuchtende Kugeln » Workshops September 6, 2007

    [...] Workshop Beautiful lighting FX effect in Photoshop zeigt, wie man »Magie und Zauber« visualisieren kann. Sehr nette Idee mit dem Verlauf in [...]

  4. Helen September 6, 2007

    awesome :]

  5. Ines September 7, 2007

    This is awesome … thank u so much for sharing!!

  6. Jose sanchez September 8, 2007

    good job! thanks for the tuto great! =D

  7. 18 Essential Photoshop Tutorials for Blogger | The Tao of Blogging to Wealth September 9, 2007

    [...] Beautiful light effect [...]

  8. Rusher September 9, 2007
  9. Photoshopblog.net » Weekly Linklove September 10, 2007

    [...] 9 tutorials » Beautiful lighting FX effect in Photoshop Superb tutorial. Actually, I just used a comparable technique to create some nice spacy color effects on my business cards! [...]

  10. Knowledge Base » Archive du blog » 9 tutorials » Beautiful lighting FX effect in Photoshop September 11, 2007

    [...] 9 tutorials » Beautiful lighting FX effect in Photoshop [...]

  11. Nik Chankov September 11, 2007

    Impressive, I would try in Gimp!

  12. LED Cube - » 9 tutorials " Beautiful lighting FX effect in Photoshop September 11, 2007

    [...] 9 tutorials " Beautiful lighting FX effect in Photoshop [...]

  13. links for 2007-09-11 « toonz September 11, 2007

    [...] 9 tutorials » Beautiful lighting FX effect in Photoshop (tags: photoshop tutorial graphics inspiration) [...]

  14. Blog - TenMonkey Online! September 11, 2007
  15. All in a days work… September 11, 2007

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to create particle effects in Photoshop. (tags: Photoshop) [...]

  16. deborah.ws » links for 2007-09-12 September 12, 2007

    [...] 9 tutorials » Beautiful lighting FX effect in Photoshop (tags: photoshop tutorials howto effects)          [...]

  17. diarioTHC | Tutorial photoshop por 9tutorials.com: Iluminación September 12, 2007

    [...] Enlace al tutorial original: Beautiful lighting FX effect in photoshop [...]

  18. » 用Photoshop模拟超酷美丽的彩色粒子特效51flash.cn收藏分享设计资讯 September 13, 2007

    [...] 英文教程原版地址   作者:Ryan on his blog. 翻译者:未知 [...]

  19. Nutspress: 光を表現するためのPhotoshopチュートリアル September 13, 2007

    [...] 光を表現するためにグローなどのエフェクトを使ったりしますが単調になりがち。Beautiful lighting FX effect in Photoshopはレインボーカラーの美しい光を表現するためのチュートリアルです。覚えておくと汎用的に使えそうです。 [...]

  20. 18 Tutoriales de Photoshop para bloggers September 13, 2007

    [...] Beautiful light effect [...]

  21. 9 tutorials - Photoshop tutorials , Flash tutorials, PHP tutorials and much more » Lighting-speed car with powerful lighting effect September 14, 2007

    [...] a new layer then, you are going to add scatters into the picture. You could take a look at beautiful lighting fx tutorial to understand more clearly how to make a random dots like below. After that, you should go to Layer [...]

  22. joeian September 16, 2007

    good

  23. Shani September 18, 2007

    only better this….

  24. Aruna October 9, 2007

    very beautiful

  25. Weekly Linklove | General | photoshop technique November 7, 2007

    [...] 9 tutorials » Beautiful lighting FX effect in Photoshop Superb tutorial. Actually, I just used a comparable technique to create some nice spacy color effects on my business cards! [...]

  26. lolomo November 12, 2007

    that sux. rafael A. is better. HE ROCKS!!

  27. 18 Photoshop Tutorials for Bloggers | ARTEgami in English December 20, 2007

    [...] Beautiful light effect [...]

  28. Adobe Photoshop Tutorials - Best Of | Tutorials | Smashing Magazine January 10, 2008

    [...] Beautiful lighting FX effect in PhotoshopThis tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  29. site kayit , web sitesi, web tasarim,e-ticaret,WEB TASARIM,e ticaret,eticaret,web tasarim,web,sayfa,tasarim,site,web tasarim, web tasarimi, bilisim, tanitim, flash animasyon, web sitesi, dizayn, design, web sitesi tasarimi, web design, grafik, programlama January 11, 2008

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  30. Brent Morris’ Blog » Blog Archive » Adobe Photoshop Tutorials - Best Of January 11, 2008

    [...] Beautiful lighting FX effect in PhotoshopThis tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  31. Stefan January 12, 2008

    Great work. Thank you. But i have one question. Are the vector shapes for free use?

  32. Mega collezione di Tutorials (in inglese) per Adobe Photoshop | ILaRia LaB January 14, 2008

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  33. Baby’s Sky » Blog Archive » Photo- and Picture Editing and Processing January 18, 2008

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  34. Los mejores Tutoriales de Photoshop « Codigo*Pin January 22, 2008

    [...] Beautiful lighting FX effect in Photoshop [...]

  35. 50 Gustosti Tutorial e Guide per graficare con Adobe Photoshop | Giuseppe D'Alessio Live Blog - Tecnologia, società e vita in un sorso... January 23, 2008

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  36. chapito January 31, 2008

    Tq..this the best tutor i want to find it..tq anyqwaYYYY…KEEP IT UP

  37. renovatio February 5, 2008

    after step5, i couldn’t make it… :( :(

    where is the mistake

    first SS is before step 6

    http://img112.imageshack.us/my.php?image=adobephotoshopcs32ru6.png

    second SS is after step 6

    http://img112.imageshack.us/my.php?image=adobephotoshopcs3mv2.png

  38. Beautiful lighting effect_Photoshop « Tutoriais Flamantes February 18, 2008
  39. Blog of World's Sanyi » Altri trucchi per Photoshop February 25, 2008

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  40. Recursos y Tutoriales » Blog Archive » Los mejores tutoriales de photoshop March 4, 2008

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  41. Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects | Tutorials | Smashing Magazine April 3, 2008

    [...] Beautiful lighting FX effect in PhotoshopThis tutorial will show you how to make a beautiful lighting effect with the scatter brush. This tutorial covers the basics. [...]

  42. Adobe Photoshop En ?yi Örnekler (Best Tutorials) | BilgiUstam April 6, 2008

    [...] Beautiful lighting FX effect in Photoshop [...]

  43. 63 Impressive Website Background-Images: Trends, Resources and Tutorials April 14, 2008

    [...] Beautiful lighting FX effect in Photoshop [...]

  44. 63???????????/????? | ???? April 16, 2008

    [...] Beautiful lighting FX effect in Photoshop [...]

  45. Dünyan?n en iyi Photoshop çal??malar? ve a?ama a?ama nas?l yap?ld?klar? | May 4, 2008

    [...] Beautiful  lighting FX effect in Photoshop [...]

  46. Background Design Inspiration May 4, 2008

    [...] Beautiful lighting FX effect in Photoshop [...]

  47. 63 Impressive Website Background-Images: Trends, Resources and Tutorials | SEO & Web Design May 6, 2008

    [...] Beautiful illumination FX gist in Photoshop [...]

  48. Recursos y Tutoriales » Blog Archive » Los mejores tutoriales de Photoshop del momento May 6, 2008

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  49. D?nya’n?n en iyi Photoshop ?al??malar? ve a?ama a?ama nas?l yap?ld?klar? May 12, 2008

    [...] a Stone Statue to Life 4 Easy Photoshop Techniques to Make Your Pictures Pop Devil’s Eye Beautiful lighting FX effect in Photoshop Water Drops Creating a glass ball 3D Ice Cube Alienize: Transform a person into an alien [...]

  50. ???????Photoshop???? | longmt June 7, 2008

    [...] Beautiful lighting FX effect in Photoshop [...]

  51. poohbear June 13, 2008

    Awesome!

  52. ?????? : ??photoshop?????????? June 15, 2008

    [...] to Life  4 Easy Photoshop Techniques to Make Your Pictures Pop Devil’s Eye ????? Beautiful lighting FX effect in Photoshop ??????? Water Drops ?? Creating a glass ball  ????? 3D Ice [...]

  53. Sky Blog: Design Magazine » Best Of Adobe Photoshop Tutorials June 25, 2008

    [...] Beautiful lighting FX effect in Photoshop [...]

  54. Shishupalsodha July 2, 2008

    Hi Frnd i like your tutorial and i enjoyed thnks for giving new thoughts pls rpl on e-mail bye

  55. 40 Photoshop Tutorials for Lighting and Abstract Effects | Vandelay Website Design July 7, 2008

    [...] Beautiful Lighting FX Effect [...]

  56. D?nyan?n en iyi Photoshop ?al??malar? ve a?ama a?ama nas?l yap?ld?klar? - Faxx.Org July 23, 2008

    [...] Stone Statue to Life 4 Easy Photoshop Techniques to Make Your Pictures Pop Devil’s Eye Beautiful lighting FX effect in Photoshop Water Drops Creating a glass ball 3D Ice Cube Alienize: Transform a person into an alien [...]

  57. Photo- and Picture Editing and Processing | adtech ile reklam 2.0 dönemi ba?l?yor ve Trkycmhrytllbtpydrklcktr r10.net seo yar??mas? July 29, 2008

    [...] Beautiful lighting FX effect in Photoshop This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open. [...]

  58. D?nyan?n en iyi Photoshop ?al??malar? ve a?ama a?ama nas?l yap?ld?klar? - Yorumla.Net August 5, 2008

    [...] Stone Statue to Life 4 Easy Photoshop Techniques to Make Your Pictures Pop Devil’s Eye Beautiful lighting FX effect in Photoshop Water Drops Creating a glass ball 3D Ice Cube Alienize: Transform a person into an alien [...]