Drawing an Abstract Lightbulb
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:

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.

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)

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

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:

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

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.

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.

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%.

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.

And that’s pretty much it. I hope you enjoyed this tutorial and found it useful.
PSD File (the psd file here is at 1024×768 resolution to save on bandwidth)












March 25th, 2009 at 5:39 am
quick and simple – n1!
March 25th, 2009 at 5:55 am
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
March 25th, 2009 at 7:27 am
[...] Tutorial: Drawing an Abstract Lightbulb [...]
March 25th, 2009 at 10:50 am
Nice tut, thanks for sharing
Patternheads last blog post..100 Free Monochrome Geometric Patterns by Martin Isaac
March 25th, 2009 at 11:06 am
Wow, that is just WAY cool!
RT
http://www.privacy-tools.us.tc
March 25th, 2009 at 12:41 pm
Very nice tutorial
Sunnys last blog post..View flicker, picasa and youtube previews in gmail
March 25th, 2009 at 4:43 pm
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.
March 26th, 2009 at 2:13 am
nice tutorial… thxs !
March 26th, 2009 at 4:02 pm
[...] PSD Rockstar » Tutorial: Drawing an Abstract Lightbulb (tags: tutorials tutorial photoshop howto graphics) [...]
March 27th, 2009 at 1:36 pm
[...] Drawing an Abstract Lightbulb With Photoshop [...]
April 3rd, 2009 at 10:59 am
[...] Drawing an Abstract lightbulb [...]
April 4th, 2009 at 6:29 am
amazing work ..looks easy but great finish
THANX
moih60s last blog post..Create aCyborg
April 7th, 2009 at 4:03 pm
Interesting idea. I like it.
April 7th, 2009 at 5:48 pm
[...] – 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 [...]
April 7th, 2009 at 7:07 pm
Thank you so much
i got some idea from here
April 9th, 2009 at 8:41 pm
Unique and interesting. Thanks
April 14th, 2009 at 11:45 pm
[...] Drawing an Abstract Light bulb [...]
April 23rd, 2009 at 5:06 pm
[...] Drawing an Abstract Lightbulb [...]
April 28th, 2009 at 10:02 pm
[...] PSD Rockstar » Tutorial: Drawing an Abstract Lightbulb – How-to Glühbirnendraht: PSD-Tutorial mit Vorlage. [...]
May 8th, 2009 at 3:11 pm
[...] #2 – Drawing an Abstract Lightbulb [...]
June 1st, 2009 at 10:46 am
wow,cool…
thx for tutorial..
angga hendras last blog post..Comment on Nomor Urut PILPRES 2009 by angga hendra
June 30th, 2009 at 7:49 pm
[...] Tutorial Link [...]
June 30th, 2009 at 10:12 pm
[...] Tutorial Link [...]
July 17th, 2009 at 4:26 pm
[...] 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 [...]
July 17th, 2009 at 4:57 pm
[...] Tutorial Link [...]
August 29th, 2009 at 11:00 am
[...] 15. Dibujar una bombilla encendida [...]
September 10th, 2009 at 2:06 am
[...] Drawing an Abstract Lightbulb [...]
September 14th, 2009 at 3:41 pm
Cooooolll , thankss!!!
September 25th, 2009 at 9:06 am
[...] 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 [...]
September 25th, 2009 at 9:06 am
[...] 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 [...]
December 8th, 2009 at 12:07 am
[...] Drawing an Abstract Lightbulb [...]
December 8th, 2009 at 6:27 am
[...] 32. Drawing an Abstract Lightbulb [...]
December 10th, 2009 at 7:11 am
[...] Drawing an Abstract Lightbulb [...]
December 11th, 2009 at 8:47 am
[...] 32. Drawing an Abstract Lightbulb [...]
December 15th, 2009 at 9:53 am
Awesome tutorial to learn. Very easy and well defined . thanks for sharing this nice post.
December 31st, 2009 at 1:11 pm
[...] Drawing an Abstract Lightbulb by PSD Rockstar [...]
January 6th, 2010 at 12:17 am
[...] 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 [...]
January 6th, 2010 at 10:33 am
[...] 32. Drawing an Abstract Lightbulb [...]
January 17th, 2010 at 5:56 am
Very cool tutorial I am loving this effect! Been practicing this all weekend. =)
January 24th, 2010 at 5:10 am
Thanks for sharing the tut. The end result looks beautiful. Great Stuff!
January 27th, 2010 at 6:04 pm
[...] Drawing an Abstract Lightbulb [...]
February 2nd, 2010 at 2:50 pm
Very nice tutorial!
March 2nd, 2010 at 9:26 am
[...] 32. Drawing an Abstract Lightbulb [...]