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



  1. Girl Image
  2. Space Image

Step 1

Open a new document with size 1600px x 1200px size and fill the BG layer with color code #4a5ef0.

plain BG

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.

bring your picture

Step 3

Paste the picture above your background layer. Name this layer ‘girl’.

mask your character

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.

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

stroke path

Step 7

Erase the parts that are behind the body.

erase path

Step 8

Now apply some blending option to give more fire effect. Follow the setting as given below.

inner shadow

outer glow

inner glow

Step 9

After these effects you should have something like this.

present status

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

repeat step

Step 14

Repeat Step 5 to step 11 for the Hands too.

repeat step

Step 15

For some scattering effect take a new layer and brush (B) with 3px diameter and the following settings:

create brush

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.

inner glow

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.


Download PSD


Sharing is Caring
  • Manuel Garcia

    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.

    • http://slodive.com/ Sunalini Rana

      Hi Manuel,

      Thank you for pointing out the typo, it has been fixed now. Appreciate your help.

      • Manuel Garcia

        No worries. You’re welcome :)

    • http://victoriapod.com Joseph

      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.

      • Manuel Garcia

        Thanks Joseph. Thanks to my eyes and it noticed the typographical error :)

  • http://www.navapavan.com Pavan Somu

    Adding beam fire effect makes the pictures more attractive. You might have added spars too.

  • Tqen

    I found this tutorial to be lacking in descriptiveness, but I appreciate the effort.

  • http://www.psd-dude.com John

    It looks interesting but the final image is not very realistic. Anyway I’ll try it and maybe I will obtain a better result :)

  • http://www.crackingzilla.net SirDarknight

    Very detailed tutorial.Quit useful to the newbies

  • http://softwarewanted.blogspot.com/ Faheem Mustafa

    Final Image is very good and enough detailed tutorial.

  • http://linuxthebest.com Sinbad Konick

    Owoww…Awesome tutorials…Thanks i will surely try it with other flavor…

  • http://learnjavawith.us sneha

    this tutorial is really cool. I tried it and really felt it easy to do..can add few more effects as per our choice:)

  • http://stylishwebdesigner.com/ Loveish Kalsi

    very detailed tutorial. lighting effects can make a pic look more beautiful

  • davinder singh

    Its very nice tutorial and the lighting effects looks very beautiful.Its really use full.

  • Pradeep

    Awesome tut. Gonna try it now itself.!!

  • jin

    Amazing and marvelous tutorial and a easy to learn procedure!!

  • http://www.jaffablog.com Lavi

    Creating a light effect like sparks is very interesting.. But I don’t know much about Photoshop.. I will try once.

  • http://www.blogged.jimdo.com Ben Stuart

    These Photoshop tutorials have been so useful on this website, many thanks.

  • Jai

    This is a really great tutorial. I would really try it myself. Thanks for this post.

  • Prabha

    Wow a great photoshop tutorial………:)

  • http://logicclub.com Anwar Hussain

    awesome… this is really helpful tutorial for me.. thanks

  • Prabha

    Nice Photoshop tutorial adding fire light effect add more light to the photos thanks for sharing…

  • Salaxzar

    Very useful tutorial. I would definitely try this tutorial and practice to do it best.

    • Kamal

      Salaxzar i tried this,its very interesting man.

  • Kamal

    Nice work,its very unique i enjoyed,when i am trying this effect in my Photoshop creation,Thanks a lot admin.

  • http://knowaboutindia.com Mac

    Nice collection of text effects, it would be better if you can provide tutorials and how to’s on the photoshop ,

  • Bhring Nath Prasad

    Wow its really a nice photoshop tutorial and it adds more beauty to the picture.

  • http://www.top5things.com Tarun Jaitely

    Nice tutorial. Will give a try for sure.
    Thanks for sharing :)

  • https://www.facebook.com/nikhil.sharma.982845 Nikhil Sharma

    Great tutorial. I will try this. Hope I’ll do it right. Thanks for the share.

  • http://www.facebook.com/moiicoco moii

    Nice trick. It is indeed hard and takes time to finish but it’s still worth it.

  • Kuldeep

    It’s really a nice step by step photoshop tutorial. Thanks for this great share.

  • Bhring Nath Prasad

    Really nice these tutorial could help me a lot to make a creative and unique imagese to show my friend and shared with them.