How to Create a Stunning Fire Effect In Photoshop

Tuesday, July 20, 2010

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.

27 comments:

deasy said...

creative touch.. I Love it! Thanks for sharing

July 21, 2010 at 8:19 AM
sugaryspyce said...

THIS IS COOL! I'M GONNA TRY THIS...THANKS!

July 21, 2010 at 12:09 PM
freedownloading said...

You're most welcome

July 21, 2010 at 7:04 PM
rekoyunasril said...

cool....

July 21, 2010 at 7:55 PM
freedownloading said...

Thanks Anthony. Good to hear from you and welcome back

July 22, 2010 at 1:38 AM
nasir said...

very niche. thank you for sharing

July 24, 2010 at 3:34 AM
freedownloading said...

Welocme Nasir :D:-*

July 25, 2010 at 8:07 PM
Anonymous said...

Lol...:)):)):)):)):)):))

July 26, 2010 at 12:45 AM
mochi mysweety said...

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

July 26, 2010 at 7:29 PM
freedownloading said...

Thanks Mochi Mysweety

July 26, 2010 at 7:41 PM
Indonesian Rhapsody said...

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

July 26, 2010 at 11:45 PM
freedownloading said...

Sure :-*

July 26, 2010 at 11:52 PM
INFORHUB said...

Wow, thanks for sharing this. Very useful.

July 27, 2010 at 2:04 AM
freedownloading said...

Your mostly welcome Inforhub.;):-*

July 27, 2010 at 2:13 AM
Ankit (hacker) said...

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

July 28, 2010 at 8:53 PM
freedownloading said...

Thank you very much:D

July 28, 2010 at 8:57 PM
Let's get in Yogya said...

Really love this post....Thanks for sharing

July 29, 2010 at 7:47 PM
Walter said...

thx 4 the tip

July 30, 2010 at 7:49 AM
autistic helper said...

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

July 30, 2010 at 4:25 PM
Anonymous said...

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

July 31, 2010 at 4:40 AM
The it things said...

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

August 2, 2010 at 10:27 PM
Bonnie Wabbit said...

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

August 2, 2010 at 11:14 PM
freedownloading said...

Thanks Felipe you gave me a nice comment:x

August 2, 2010 at 11:23 PM
DerekD said...

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

August 4, 2010 at 2:09 AM
jason kasher said...

cool, got new ways to update my pages

August 5, 2010 at 8:06 PM
Iyus said...

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

August 18, 2010 at 12:28 AM
freedownloading said...

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

February 13, 2011 at 12:25 AM

Post a Comment

សមាជិកអ្នកអាន