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)
Visit PsPrint to get the best deals in online printing services!
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 [...]
October 8th, 2009 at 11:44 am
[...] 2) Photoshop ile soyut bir çizim [...]
October 8th, 2009 at 4:49 pm
[...] 2) Photoshop ile soyut bir çizim [...]
October 10th, 2009 at 6:36 am
[...] Photoshop ile soyut bir çizim // [...]
October 18th, 2009 at 12:47 am
[...] Drawing an Abstract Lightbulb [...]
October 21st, 2009 at 12:47 am
WoW
Awesome Tutorial. Easy and well explained . Fantastic to learn. Thanks to share this nice tutorial.
October 26th, 2009 at 6:38 am
wow!! such a cool design. thanks.
November 4th, 2009 at 12:15 am
This blog is nice to read.Only fewer bloggers write this way. I like it, I hope to see more post from you. Thank you!!!
November 20th, 2009 at 10:32 am
veryyyyy!! thanks…
November 21st, 2009 at 9:57 am
[...] на источник. Если Вам интересна эта запись, Вы можете следить за [...]
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 24th, 2010 at 5:10 am
Thanks for sharing the tut. The end result looks beautiful. Great Stuff!
January 25th, 2010 at 11:56 am
Nice tutorial. Thanks for sharing it with everyone.
January 27th, 2010 at 6:04 pm
[...] Drawing an Abstract Lightbulb [...]
January 28th, 2010 at 10:02 am
[...] 5. 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 [...]
March 2nd, 2010 at 10:35 am
very nice detail.I am going to follow these steps to design some thing different from bulb.But want to show some creativity.Thanks
March 10th, 2010 at 4:31 pm
[...] Drawing an Abstract Lightbulb [...]
March 21st, 2010 at 5:43 pm
Great Tutorial i wish i could actually come up with ideas to add effects too.
April 9th, 2010 at 2:07 pm
Thank you for sharing ..
April 29th, 2010 at 6:30 am
Very excellent tutorial man.Thanks for sharing.
June 19th, 2010 at 5:35 pm
Nice tutorial.I followed this and the result is good.
June 24th, 2010 at 2:42 pm
[...] 32. Drawing an Abstract Lightbulb [...]
June 30th, 2010 at 6:35 am
[...] Tutorial [...]
July 29th, 2010 at 10:03 am
[...] 28. Drawing an Abstract Lightbulb [...]
August 7th, 2010 at 8:32 am
[...] 28. 绘画抽象灯泡 [...]
August 25th, 2010 at 3:35 pm
[...] 32. Drawing an Abstract Lightbulb [...]
August 30th, 2010 at 8:11 am
[...] 4. Drawing an Abstract Lightbulb [...]
August 31st, 2010 at 7:00 pm
[...] 32. Drawing an Abstract Lightbulb [...]
September 13th, 2010 at 4:02 am
[...] 28. Drawing an Abstract Lightbulb [...]
September 19th, 2010 at 8:55 am
[...] [...]
October 3rd, 2010 at 4:54 pm
[...] Drawing an Abstract Lightbulb by PSD Rockstar [...]
October 5th, 2010 at 5:24 pm
Excellent tutorial, i’m amazed at how easy it can be to create a professional piece of art like this. Thanks for sharing.
October 17th, 2010 at 9:33 pm
Thanks for sharing them
—————————————————-
izmir web tasarım | Web sitesi | sanal tur
October 18th, 2010 at 3:54 pm
[...] 4. Drawing an Abstract Lightbulb [...]
October 22nd, 2010 at 12:39 pm
Nice Tutorial Thanks for sharing
October 27th, 2010 at 1:58 pm
OMG!
Thnakss alott!
its awesomee!!
December 17th, 2010 at 4:37 pm
Nice drawing. My daughter loves this one too. Keep posting.
December 20th, 2010 at 12:08 am
Thanks for sharing. Nice post, keep it up!
January 6th, 2011 at 5:19 am
Good tips you discussed it is really need to keep in mind. Thanks for it
January 13th, 2011 at 11:27 am
It’s really Awesome and useful too..
January 13th, 2011 at 2:16 pm
[...] View Tutorial [...]
January 22nd, 2011 at 10:33 am
[...] Coming From a FlamePhotoshop Tutorial: Create a Photo-Realistic Candle with Basic Photo-shop ToolsDrawing an Abstract LightbulbCreate a Magic Crystal BallHow to Create Amazing Glowing Neon LinesCreate Convincing Watercolor [...]
February 4th, 2011 at 5:16 pm
Thnakss alott!
March 9th, 2011 at 2:01 am
delighted to be visiting on this web and read an interesting article, thank you for the information:)
March 14th, 2011 at 11:02 am
very nice effects, i also follow Photoshop Tutorial and they are really good to start
April 26th, 2011 at 2:01 am
Drastic effects. I wonder how I can do this in Serif photoplus software.
April 29th, 2011 at 10:48 am
[...] Drawing an Abstract Lightbulb [...]
April 29th, 2011 at 9:28 pm
[...] Drawing an Abstract Lightbulb In this tutorial, you will learn a couple of techniques that include glows using layer styles, stroking path, particles using brush dynamics, and bokeh effects. [...]
April 30th, 2011 at 6:12 pm
[...] Drawing an Abstract Lightbulb In this tutorial, you will learn a couple of techniques that include glows using layer styles, stroking path, particles using brush dynamics, and bokeh effects. [...]
May 5th, 2011 at 6:31 am
[...] Drawing an Abstract Lightbulb In this tutorial, you will learn a couple of techniques that include glows using layer styles, stroking path, particles using brush dynamics, and bokeh effects. [...]
May 6th, 2011 at 8:43 pm
Wow, great site! I hope you don’t mind if I share it! Very detailed information. Thanks.
May 8th, 2011 at 12:20 pm
Thank you, This is very intresting post. I like to learn photoshop and other graphic editors soon !
May 28th, 2011 at 1:30 pm
Thanks for the sharing, It’s Realy Cool:)
June 1st, 2011 at 8:18 am
Hi,
Your guides are quite easy for me to follow. Especially, a beginner like me.
Thank for your great work
June 8th, 2011 at 8:54 am
I am very happy to found your blog, your this tutorial is very nice i learn abstract lightbulb drawing form your post, Thanks for sharing this Keep sharing more.
July 2nd, 2011 at 11:01 am
lushh!! its mean fantastic!!
July 2nd, 2011 at 6:14 pm
[...] Drawing an Abstract Lightbulb In this tutorial, you will learn a couple of techniques that include glows using layer styles, stroking path, particles using brush dynamics, and bokeh effects. [...]
July 3rd, 2011 at 10:02 am
it’s very nice tutorial . I like it, Thanks for sharing!
July 21st, 2011 at 1:22 pm
[...] lightbulb drawing an abstractだった [...]
July 27th, 2011 at 9:58 am
Looks great I’m just struggling to draw the coils with the pen tool.
July 28th, 2011 at 1:42 pm
[...] Drawing an Abstract Lightbulb [...]
August 1st, 2011 at 3:20 pm
[...] Drawing an Abstract Lightbulb [...]
August 2nd, 2011 at 9:29 am
Amazing tutorial, thank you so much for the help.
August 6th, 2011 at 10:36 pm
[...] 2.Drawing an Abstract Lightbulb [...]
August 12th, 2011 at 12:07 pm
[...] 22. Abstrakte Glühbirne in Photoshop [...]
September 12th, 2011 at 6:37 am
[...] Drawing an Abstract Lightbulb [...]
September 15th, 2011 at 7:43 am
[...] lupa en Photoshop CS4 31. Cómo crear una ilustración tipográfica ricamente ornamentado 32. Dibujo de una bombilla Resumen 33. Diseñar una plantilla simple, web moderno 34. Texto en 3D en el fuego 35. Cómo crear un [...]
November 14th, 2011 at 9:22 am
[...] View Tutorial » VN:F [1.9.11_1134]please wait…Rating: 0.0/5 (0 votes cast)VN:F [1.9.11_1134]Rating: 0 (from 0 votes) [...]
November 19th, 2011 at 1:23 pm
[...] 绘制一个抽象的灯泡 [...]
December 6th, 2011 at 6:40 am
[...] got inspiration from this tutorial for the marketing plan for a conference that I helped plan. I used some of the techniques from this [...]
February 4th, 2012 at 5:27 am
[...] Drawing an Abstract Lightbulb [...]
February 5th, 2012 at 7:58 am
This is an incredible tutorial. Thanks for taking the time to make it. I had a go here:
http://redandblackwallpapers.com/?p=1028
February 10th, 2012 at 3:35 am
[...] Drawing an Abstract Lightbulb [...]
March 15th, 2012 at 12:05 am
[...] wallpaper comes from a wonderful tutorial I found here. It is the coil in a [...]