Learn to Create A Fire Light Effect in Photoshop
Photoshop can be considered as a vivid software and it never fails to entice us with its various features and outcomes. We constantly try to bring fresh tutorials for our readers so that you can brush up your skills and learn something different with each tutorial
In today’s tutorial we will learn how to Create Stylish Fire Lines on a Girl’s image to make her look as if she is dancing amidst fire in the Space. You can click on the images to view larger version.
If you like this article, you might be interested in some of our other articles on Create A Realistic TV Remote Controller In Photoshop, How To Create Interweaving Photo-Strips Effect in Photoshop, How To Create A 3D Movie Poster In Photoshop and Add Beams to Your Photo and Electrify it.
- Software used: Adobe Photoshop CS4
- Difficulty: Semi Advance
- Time: 2-3 Hrs
Before and After
Resources
Step 1
Open a new document with size 1600px x 1200px size and fill the BG layer with color code #4a5ef0.
Step 2
Now open your girl picture and cut out girl’s image from picture with the help of pen tool (P). You can also use Lasso tool (L) or Wand tool (W) as per your convenience.
Step 3
Paste the picture above your background layer. Name this layer ‘girl’.
Step 4
Manage some level of girl layer as below:
Step 5
Take your pen tool (P). Get a basic idea of where the fire is going to be. Keep in mind the dimension and action and make your fire. Take a new layer name it ‘fire’ and select that. Also take new path.
Step 6
Now you need to select a hard mechanical brush (B) with 3px diameter. Pick an orange color and give stroke to your path. To do so, right click on your work path and select stroke path.
Step 7
Erase the parts that are behind the body.
Step 8
Now apply some blending option to give more fire effect. Follow the setting as given below.
Step 9
After these effects you should have something like this.
Step 10
Duplicate your ‘fire’ layer, keep only the outer glow blending option, and remove the other two, i.e. inner shadow and inner glow.
Step 11
Change your blend mode to overlay. After this merge both fire layers (Ctrl + E) together.
Step 12
For more effect make some more paths on other leg by taking a new layer and a new path layer. Name this layer as ‘fire2’ and ‘path 2’ respectively.
Step 13
Repeat Steps 6 to step 11 on your new path- ‘path2’.
Step 14
Repeat Step 5 to step 11 for the Hands too.
Step 15
For some scattering effect take a new layer and brush (B) with 3px diameter and the following settings:
Step 16
Chose color orange and draw some scattering lines as below and apply the same settings as step 8 to Step 10. After merging layers, you can also apply these setting for a better effect.
Step 17
By now you will be having an image something like this.
Step 18
Now when our foreground is ready, we can start working on our background. For my background I added a simple space picture with opacity 67% above background and below our girl’s image.
Step 19
For an added effect I made a few more changes.Copy your Space BG layer (Ctrl +J), keep it over your old layer and bring its opacity to 100%Go to Image> Adjustments> Hue/ Saturation (Ctrl + U), check on the colorize option on bottom right side and do the below mentioned changes.
Step 20
Change the blending mode of the image to Overlay.
Final Image
And here is how the final image will look like.

























Is this really the title? “Lean to Create A Fire Light Effect in Photoshop” or should it be “Learn to Create A Fire Light Effect in Photoshop”. Sort of typographical error? Anyway, another great tutorial from you guys. Thanks.
Hi Manuel,
Thank you for pointing out the typo, it has been fixed now. Appreciate your help.
No worries. You’re welcome :)
Just what it takes to be a cool Slodive community member – Polite and giving out help. As appreciated below by @Rana, I do appreciate this too.
Thanks Joseph. Thanks to my eyes and it noticed the typographical error :)
Adding beam fire effect makes the pictures more attractive. You might have added spars too.
I found this tutorial to be lacking in descriptiveness, but I appreciate the effort.
It looks interesting but the final image is not very realistic. Anyway I’ll try it and maybe I will obtain a better result :)
Very detailed tutorial.Quit useful to the newbies
Final Image is very good and enough detailed tutorial.
Owoww…Awesome tutorials…Thanks i will surely try it with other flavor…
this tutorial is really cool. I tried it and really felt it easy to do..can add few more effects as per our choice:)
very detailed tutorial. lighting effects can make a pic look more beautiful
Its very nice tutorial and the lighting effects looks very beautiful.Its really use full.
Awesome tut. Gonna try it now itself.!!
Amazing and marvelous tutorial and a easy to learn procedure!!
Creating a light effect like sparks is very interesting.. But I don’t know much about Photoshop.. I will try once.
These Photoshop tutorials have been so useful on this website, many thanks.
This is a really great tutorial. I would really try it myself. Thanks for this post.
Wow a great photoshop tutorial………:)
awesome… this is really helpful tutorial for me.. thanks
Nice Photoshop tutorial adding fire light effect add more light to the photos thanks for sharing…
Very useful tutorial. I would definitely try this tutorial and practice to do it best.
Salaxzar i tried this,its very interesting man.
Nice work,its very unique i enjoyed,when i am trying this effect in my Photoshop creation,Thanks a lot admin.
Nice collection of text effects, it would be better if you can provide tutorials and how to’s on the photoshop ,
Wow its really a nice photoshop tutorial and it adds more beauty to the picture.
Nice tutorial. Will give a try for sure.
Thanks for sharing :)
Great tutorial. I will try this. Hope I’ll do it right. Thanks for the share.