Creating a fireworks effect
This tutorial will show you how to create a fireworks effect using only Photoshop. I will not use any other images, everything will be created within photoshop.
The psd file for this tutorial can be found at the bottom of the post
Create a new file (1600px * 1200px) and fill it with black color. Take a new layer, name it “clouds”. With background color black and foreground color white, go to the filters-render-clouds.
Create a new layer above the clouds layer. Fill it with radial gradient. Foreground color #683838 background color black.
Set the layer blending mode to hard light.
Select the brush tool. Press F5. In the shape dynamics change the control to fade 200 and minimum Diameter t0 25%
Now take a a new layer. Name it “firework”. With brush size 9px draw the lines to show the explosion. Use 3px brush to show other thin lines
Select the explosion on the firework layer. This can be done by pressing ctrl+left click on the Firework layer thumbnail. With the explosion still selected, delete the firework layer. Take a new layer. Now go to Select-Modify-Contract by 1px. Again go to Modify then Feathers 1px. Now fill it with white color.
Double click this layer to enter the blending mode. Click on Outer glow. Change the size to 27px as shown in figure.
It will look something like this
Select the brush tool again. Press F5 key. In shape dynamics increase the size jitter to 100%. See the image below.
Click on scattering. Increase the scattering to 100% and count to 2.
I have used 11px and 3px brush to create the sparks.
The final step. Create a new layer, it should be placed on the top of all layers. Change the foreground color to #984448 and background to#997f3b. Fill radial gradient as shown below.
Set the layer Blending Mode to Vivid light. And your firework is ready.
Hope you like it 
You can download the PSD file here
January 9th, 2010 at 10:30 am
i do like it..
you’re great!..thanks for the help..
January 11th, 2010 at 6:42 pm
Creating a fireworks effect…
This tutorial will show you how to create a fireworks effect using only Photoshop. I will not use any other images, everything will be created within photoshop….
January 11th, 2010 at 9:12 pm
re photoshop elements for the mac
Do you have tutorials for the mac in Photoshop elements 6. I enjoy these tutorials that you keep sending me on photoshop..so please send me the tutorials on Photo elements for the mac
geri
January 24th, 2010 at 7:40 am
I like your blog
February 5th, 2010 at 12:49 pm
[...] Link: Creating a fireworks effect [...]
February 12th, 2010 at 8:59 pm
Hello !
I see there is a layer called radial blur in your psd file. But I don’t see where it’s explained. Can you help me out ?
Thanks !
February 13th, 2010 at 11:20 am
Hello Angelo!!
well i have copied the “sparks” layer and used radial blur on
that layer…it just look more effective with that…
I m sorry i have not explained it in the tutorial. Thanx for bringing it to my notice
April 22nd, 2010 at 11:02 am
wow i did this …. but i didn’t do all that good.. but this is a beautiful tut!!! keep it up
May 7th, 2010 at 10:00 am
nice fire effect………thanks
web designer
http://www.scrapsforever.com
August 5th, 2010 at 2:07 pm
Great im really like it,thank
August 27th, 2010 at 10:33 am
Nice fire effect,really good tutorials.Thanks for sharing
December 31st, 2010 at 6:23 pm
Hey, um, I didn’t get it when you wrote “Select the explosion on the firework layer. This can be done by pressing ctrl+left click on the Firework layer thumbnail. With the explosion still selected, delete the firework layer. Take a new layer. Now go to Select-Modify-Contract by 1px. Again go to Modify then Feathers 1px. Now fill it with white color”
“Select the explosion on the firework layer”?
Sorry my english isn’t so good, can you please explain to me?
Hugz!
July 1st, 2011 at 10:28 am
I like it very much.
and will look for many more.
good work
Thanks a lot.
August 31st, 2011 at 3:54 am
Wonderfull tutorial with nice pics
December 11th, 2011 at 6:02 pm
This is great very effective thanks
December 17th, 2011 at 11:07 pm
[...] Photoshop Tutorial file: fireworks effect #dd_ajax_float{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #DDDDDD; float:left; [...]
December 30th, 2011 at 5:25 pm
Thankyou, it helped me creating fireworks for new year 2012 art, Wish one and all a very Happy New Year
July 24th, 2012 at 12:23 am
Your mode of telling everything in this piece of writing is truly
pleasant, all be capable of effortlessly know it, Thanks a lot.
July 24th, 2012 at 6:25 am
Thanks Kaylee…. I hope its helpful to you