PSDRockstar.com

FITC 2010 Toronto
Cheap Digital Cameras and Lenses - Slr-Lens.co.uk
Add to Technorati Favorites  Delicious

Write a Photoshop Tutorial, Earn $50

Posted by Joe on Tuesday, August 4th, 2009

Are you a photoshop guru? Writing tutorials can be quite a challenge, and PSDRockstar.com is always on the lookout for talented photoshoppers

continue reading



 

Drawing an Abstract Lightbulb

Posted by Joe on Monday, March 23rd, 2009

 

Hello again, in this tutorial I want to cover a couple of techniques, namely

  • Glows using layer styles
  • Stroking paths
  • Particles using brush dynamics
  • Bokeh effect

The PSD and full size image can be found at the bottom of this post and we’re going to draw a lightbulb:

preview1

Step 1:

Create a new document, 1600×1200 and fill the 1st layer in black.   Then set your primary colour to white and set your brush hardness to 0% and a size of 30. Create a 2nd layer and then use the pen tool to draw the coils of the lightbulb.  Once finished, right mouse on the path and select stroke path and make sure simulate pressure is ticked.

step1
 

Step 2:

Add inner and outer glows to the resulting line to produce a suitable glow effect.  I used an outer glow size of 27 with a mid orange and an inner glow size of 5 with a slightly lighter orange.  Next, click on the paths tab to reselect your coils path, change your brush size to 7 and set it to 25% hardness, create a new layer and stroke the path again, and again add inner and outer glow layer styles.  Finally move each smaller coil a few pixels so that they’re not directly overlayed on top of each other.  (Repeat this process twice to achieve the effect below)

step2

Step 3:

Next we’re going to create the particles around the coils.  Click on your brush tool and enter Brush Dynamics.  Set hardness to 0%, spacing to 1000%, tick shape dynamics and set size jitter to 1000%, tick scattering and set scatter jitter to 1000% percent

step3a


Create a new layer, then with these brush settings, paint around your coils.  Once finished, copy the layer style from one of the coils and paste it onto this layer. Next customize the layer style so that it resembles something like this:

step3b

Step 4:

Use the techniques demonstrated in steps 1 and 2 to draw the edges of the lightbulb in  new layers.  Set their opacity to 10% so that the focus remains the coils

step4

Step 5:

Now we’re going to add some colour to the interior of the lightbulb. Click on the gradient tool, then edit the gradient so that it goes from a strong colour ( e.g. bright green) to 0% opacity.  Then in a new layer create a radial gradient near the top of the image.  Then, draw another radial gradiant using a different colour (e.g. bright blue to 0% opacity).  Finally add a layer mask to this layer and paint out all parts of this layer that fill beyond the extremities of the lightbulb.  Finally set this layer to 25% opacity.

step5a

Step 6:

Create a new layer and repeat step 5 again with 3 radial gradients, using a mid green at the top and 2 orange/red gradients at the bottom. Next add a layer mask, set your foreground and background colour to white and black respectively and then use the render clouds filter to simulate a smoke effect.  Go to image> adjustments> brightness & contrast and up the contrast of the layer mask by 100%.  Finally set this layer style to color dodge. 

step6

Step 7:

Next we’re going to add a bokeh effect.  Bokeh is a term used to describe light sources out of focus, think blurry circles.  An example of what bokeh is can be found here.  Hopefully you’ve retained the brush settings from the particles in Step 3.  All you need to do now is change them slightly, so set the brush size now to 75 and set hardness to 100%.  Create a new layer, set the brush colour to a mid/light orange and then proceed to draw over your image.  These circles still look a bit too defined, so then use a gaussian blur filter with a radius of around 5%.  Finally set the opacity of this layer to around 9%.

step7

Step 8:

The final touches involve creating a new layer and using a standard brush to paint over the coils with a dark purple colour, then setting this layer to color dodge, and this enhances the glow effect of the coils.  I also added some text along the path of the edge of the lightbulb.

step8

And that’s pretty much it.  I hope you enjoyed this tutorial and found it useful.

Final Image

PSD File (the psd file here is at 1024×768 resolution to save on bandwidth)

 
  • RSS
  • Digg
  • StumbleUpon
  • Windows
  • Delicious
  • Reddit
  • Technorati
  • Twitter
 

Posted in: Photo Effects.

Tags: , , , ,

43 Responses to “Drawing an Abstract Lightbulb”

  1. MisterFaster Says:

    quick and simple – n1! :)

  2. rodneymcname44 Says:

    Ooo, I’m really impressed with this bro. I’m gonna work it into some of my designs for a few clients. I’m sure they’ll love it.

    Thanks!

    rodneymcname44s last blog post..Government Grants for Education

  3. The Best of the Week | Logos Guide | The visual works of Otba Mushaweh Says:

    [...] Tutorial: Drawing an Abstract Lightbulb [...]

  4. Patternhead Says:

    Nice tut, thanks for sharing :)

    Patternheads last blog post..100 Free Monochrome Geometric Patterns by Martin Isaac

  5. John Davis Says:

    Wow, that is just WAY cool!

    RT
    http://www.privacy-tools.us.tc

  6. Sunny Says:

    Very nice tutorial :) ;)

    Sunnys last blog post..View flicker, picasa and youtube previews in gmail

  7. Logo Design Guru Says:

    Looks very nice. Light bulbs have some really interesting detail if you look at them closely. Another evey day thing that passes before your eyes and no one thinks about. Sometimes it’s worth it to pay attention to detail.

  8. Honour Chick Says:

    nice tutorial… thxs ! :)

  9. JeremiahTolbert.com » Blog Archive » links for 2009-03-26 Says:

    [...] PSD Rockstar » Tutorial: Drawing an Abstract Lightbulb (tags: tutorials tutorial photoshop howto graphics) [...]

  10. 115 Insanely Useful Photoshop tips & tutorials | Hi, I'm Grace Smith Says:

    [...] Drawing an Abstract Lightbulb With Photoshop [...]

  11. 20+ Super Professional Photoshop Light Effects Tutorials Says:

    [...] Drawing an Abstract lightbulb [...]

  12. moih60 Says:

    amazing work ..looks easy but great finish
    THANX

    moih60s last blog post..Create aCyborg

  13. David Says:

    Interesting idea. I like it.

  14. Heads Up Seven Up Blogroll for April 7, 2009 | GrandmasterB dot com Says:

    [...] – Navigation Markup After Content Lee Munroe – Web Design Trends: Designing Out Of The Box PSD Rockstar – Tutorial: Drawing an Abstract Lightbulb Spoon Graphics – How To Create an Awesome Vector Skate [...]

  15. Andoru Says:

    Thank you so much

    i got some idea from here

  16. Ilyas Says:

    Unique and interesting. Thanks

  17. 10 Amazing Photoshop Light Tutorials | sarahsmile.us Says:

    [...] Drawing an Abstract Light bulb [...]

  18. Drawing an Abstract Lightbulb | Morning Star Creative Group Says:

    [...] Drawing an Abstract Lightbulb [...]

  19. Neue Links / Neustart-Magazin Says:

    [...] PSD Rockstar » Tutorial: Drawing an Abstract Lightbulb – How-to Glühbirnendraht: PSD-Tutorial mit Vorlage. [...]

  20. 20 Stylish Light Effect Tutorials Says:

    [...] #2 – Drawing an Abstract Lightbulb [...]

  21. angga hendra Says:

    wow,cool…

    thx for tutorial..

    angga hendras last blog post..Comment on Nomor Urut PILPRES 2009 by angga hendra

  22. 145 Ultimate Round-Up Of Photoshop Tutorials and Resources | Tutorials | instantShift Says:

    [...] Tutorial Link [...]

  23. 145 Ultimate Round-Up Of Photoshop Tutorials and Resources | KolayOnline Says:

    [...] Tutorial Link [...]

  24. Heads Up Seven Up Blogroll – April 7, 2009 « photoshop tutorials Says:

    [...] Navigation Markup After Content Lee Munroe – Web Design Trends: Designing Out Of The Box PSD Rockstar – Tutorial: Drawing an Abstract Lightbulb Spoon Graphics – How To Create an Awesome [...]

  25. 145 Ultimate Round-Up Of Photoshop Tutorials and Resources « 3dsmax tutorials Says:

    [...] Tutorial Link [...]

  26. Tutoriales Photoshop – 40 efectos de iluminacion | Tutoriales y Recursos Says:

    [...] 15. Dibujar una bombilla encendida [...]

  27. .: 小春天工坊 :. » Blog Archive » 【教學】16個超強的Photoshop光線效果教學 Says:

    [...] Drawing an Abstract Lightbulb [...]

  28. CMYK Says:

    Cooooolll , thankss!!!

  29. Heads Up Seven Up Blogroll – April 7, 2009 | design press Says:

    [...] Navigation Markup After Content Lee Munroe – Web Design Trends: Designing Out Of The Box PSD Rockstar – Tutorial: Drawing an Abstract Lightbulb Spoon Graphics – How To Create an Awesome [...]

  30. Heads Up Seven Up Blogroll – April 7, 2009 | design press Says:

    [...] Navigation Markup After Content Lee Munroe – Web Design Trends: Designing Out Of The Box PSD Rockstar – Tutorial: Drawing an Abstract Lightbulb Spoon Graphics – How To Create an Awesome [...]

  31. 130+ Awesome Photoshop Tutorials covering Light Effects, Drawing, Manipulation etc. | tripwire magazine Says:

    [...] Drawing an Abstract Lightbulb [...]

  32. 100 Best Photoshop Tutorials Of 2009 « Caintech.co.uk Says:

    [...] 32. Drawing an Abstract Lightbulb [...]

  33. 130+ Awesome Photoshop Tutorials – Light Effects, Drawing, Manipulation, Correction etc. | Afif Fattouh - Web Specialist Says:

    [...] Drawing an Abstract Lightbulb [...]

  34. Booto'Blog » 2009年100个最佳Photoshop设计教程 Says:

    [...] 32. Drawing an Abstract Lightbulb [...]

  35. nadia Says:

    Awesome tutorial to learn. Very easy and well defined . thanks for sharing this nice post.

  36. 50 The Most Spectacular Photoshop Tutorials of 2009 Says:

    [...] Drawing an Abstract Lightbulb by PSD Rockstar [...]

  37. Heads Up Seven Up Blogroll – April 7, 2009 | Bizimhost.biz Says:

    [...] Navigation Markup After Content Lee Munroe – Web Design Trends: Designing Out Of The Box PSD Rockstar – Tutorial: Drawing an Abstract Lightbulb Spoon Graphics – How To Create an Awesome [...]

  38. 2009′un En İyi 100 Photoshop Tasarım Dersi | Sorbize Says:

    [...] 32. Drawing an Abstract Lightbulb [...]

  39. interiordesignclassonline.com Says:

    Very cool tutorial I am loving this effect! Been practicing this all weekend. =)

  40. Afforable Web Design Says:

    Thanks for sharing the tut. The end result looks beautiful. Great Stuff!

  41. 50 Examples & Tutorials of Bokeh in Photos, Textures & Websites « burnthecanvas.com Says:

    [...] Drawing an Abstract Lightbulb [...]

  42. Dim Geo Says:

    Very nice tutorial!

  43. 100 Best Photoshop Tutorials From 2009 « i-render Says:

    [...] 32. Drawing an Abstract Lightbulb [...]

Leave a Reply