21 July 2010

How to Create a Stunning Fire Effect In Photoshop

Hello every one here. How are you after so long. Well I am back to bring you all new tutorial which I just learned through. Showing a realistic, fire effect in photoshop is a bit tough, but in this tutorial we will learn how to use photoshop to render realistic flames and create a dramatic artwork in few simple and easy steps.
Lets begin with the final result of this tutorial, so we will get an idea about what we are going to create next.

Step 1
Create a new document. In layer panel create a new layer, ‘Layer 1’ and fill it with any color. Right click on ‘Layer 1’ and select blending options. Apply gradient effect with the settings as shown below.
After applying gradient effect the result will be like this.

Step 2
All some flower and you can download it here image. Rename the layer as ‘Flower’ and position it above ‘Layer 1’.
Note: if you can use your own flower also much more creative you are.
Using blending options apply white color to the Flower image as shown below. apply the 'Outer glow' and 'Inner glow' effects to the flower image using blending options. Keep the settings as shown below.
The result will look like this.

Step 3 Right click on ‘Flower’ layer and choose ‘Duplicate layer’ to make a copy of flower layer. Apply Gaussian blur effect, (filter &go to blur then gaussian blur) to this layer. Keep the radius as 5.7 pixel. Next, move the ‘Flower copy’ layer below ‘Flower’ laye.

Step 4
Now comes the fun part, applying flames effect to the flower image! Using smudge tool spread the edges of the leaves.

See image for your understanding
After smudge this blur layer get these 2 flowers on here result.

Step 5 For the background flame effect, take any fire image which is suitable for your flower image. Here I have used fire flame to make it as a shadow and smoke behind the flowers. Download here is the fire flame image. Rename the layer as ‘Flame’. Using smudge tool spread the edges of the flames, repeat this process until you see the following result.

Then move the ‘Flame’ layer below ‘Flower copy’ layer. Change the layer style to 'Lighten' and set the opacity to 20%.

The result be like this.

Step 6 Now we are coming very close to the ultimate burning flower effect. Take any fire image and cut the flames from it and keep this ‘Flames’ layer below ‘Flower copy’ layer. Move those cut flames to the suitable area of the flower image and blend the flames with flower image using smudge tool. Please see below images to understand this process better. Repeat step 6 for all the areas of flower image where you want the flames to come out.

Step 7 this is the final step. Well go back to our first flower which is on the top of the copy layer. Just right click on that layer and give it as a Gradient overlay in white color

There you go, a stunning fire effect is ready! Hope you enjoyed this tutorial.


  1. creative touch.. I Love it! Thanks for sharing

  2. Anonymous22/7/10 02:09


  3. Anonymous22/7/10 09:55


  4. Thanks Anthony. Good to hear from you and welcome back

  5. very niche. thank you for sharing

  6. Anonymous26/7/10 14:45


  7. Hello, I'm here...
    good luck 4u

  8. wow..a nice tips. Thanks
    please visit my blog Indonesian Rhapsody

  9. Wow, thanks for sharing this. Very useful.

  10. Your mostly welcome Inforhub.;):-*

  11. Nice Blog Keep it up Thanks For Help too............

  12. Really love this post....Thanks for sharing

  13. autistic helper31/7/10 06:25

    Thanks I think I'm a try this. There's so much to learn from you.

  14. Anonymous31/7/10 18:40

    This is surly awesome piece of graphics.thanks a lot for sharing the tips with us.

  15. Hi, I´m Felipe from "The It Things" (www.itthings.net), your blog is very cool and you have a lot of useful information!

  16. Very detail information. Thanks for sharing.:X

  17. very creative... I can't wait to get Photoshop :) keep up the great work and thanks for sharing.

  18. Thanks Felipe you gave me a nice comment:x

  19. Thanks to share....I'll try it!!:)

  20. Amazing...........
    Very helpful :)

  21. cool, got new ways to update my pages

  22. woow this is i wan't. thank's for share your tutor.
    let try it.

  23. Wao! this is a great tutor for helping us for making a lot of designs and i realy like seeing this, understanding easily through pictures... Once again thanks......

  24. Thanks my friend without your support i might not go on. Thank you very much. I do have many tutorial here please stay tune

  25. Anonymous20/1/12 08:05

    Great Job, but why don't you create a solid flower shape instead of creating a hard one. Because you can get the same result at the end, as it looks all white. I think the second last step image is nicer than the final one.