Image preview: Create a Fiery Face Explosion

Create a Fiery Face Explosion

Learn how to manipulate images of flame and smoke to create a glowing, intense facial explosion effect.

Read More... 20 comments

Guest Author

This tutorial was written for PSDFAN by Simon Hubbert. You can check out his DeviantArt page for more examples of his work.

If you would like to submit your own article then please get in touch.

Final Image

As always, this is the final image that we’ll be creating:

flamfinal Create a Fiery Face Explosion

If you want access to the downloadable .PSD file for this, and every other tutorial at PSDFAN, then join our members area for just $4.95 per month.

Images Used

The following images were used in the making of this tutorial:

http://www.sxc.hu/photo/85994
http://www.sxc.hu/photo/1189018
http://www.sxc.hu/photo/1063678
http://www.sxc.hu/photo/930455
http://www.sxc.hu/photo/1139999

Step 1

Go to http://www.sxc.hu/photo/85994 and save the image to your computer. Now open up it up in Photoshop.

flam1b Create a Fiery Face Explosion

Go to Image and then Image Size and enter 1400 in the Width box.

flam1 Create a Fiery Face Explosion

Step 2

Duplicate the original layer and go to Image, Adjustments, Hue/Saturation and enter these settings.

flam2 Create a Fiery Face Explosion

Step 3

Go to http://www.sxc.hu/photo/1189018 and copy and paste this image into your document and name this layer fire. You’ll notice that it’s a tiny bit too big for your image so just re-size it so it fits your page.

flam3a Create a Fiery Face Explosion

Set the Layer Style for this layer to Screen. Now press Ctrl/Apple and T and then rotate and move the image so it looks like this. Make sure the start of the flame looks like it is coming out the mouth.

flam3b Create a Fiery Face Explosion

There are a couple of imperfections on the fire image so select the Eraser and use a small, soft edged brush to get rid of these areas.

Before:

flam3c Create a Fiery Face Explosion

flam3d Create a Fiery Face Explosion

After:

flam3e Create a Fiery Face Explosion

flam3f Create a Fiery Face Explosion

Step 4

Grab the Lasso Tool and select this area of the flames.

flam4a Create a Fiery Face Explosion

Now go to Edit, Transform, Warp. Warp the flames so they are in line with the nostrils. Now you can erase part of the flame so it looks like they are coming out the nose.

You might find when you warped it ‘drags’ away some of the flame from the rest of the picture so just select the clone stamp tool to get rid of any small black areas.

flam4b Create a Fiery Face Explosion

flam4c Create a Fiery Face Explosion

flam4d Create a Fiery Face Explosion

Again go to Edit, Transform, Warp and warp it so the flame looks like it’s rising slightly instead of going in a straight line.

flam4e Create a Fiery Face Explosion

Step 5

Now go to http://www.sxc.hu/photo/1063678, copy and paste that image into your document and name the layer Smoke. Again re-size it so it fits your page. Set the Layer Style for this layer to Screen and turn the smoke layer 90 degrees counter clockwise. Now move the smoke so the sharp edge on the right is slightly past the mouth.

flam5a Create a Fiery Face Explosion

flam5b Create a Fiery Face Explosion

With a soft edged brush erase out the smoke that is past the mouth so it looks like the smoke is coming out the mouth.

flam5c Create a Fiery Face Explosion

For the final part of this step go to Image, Adjustments and Desaturate the Smoke layer.

Step 6

Download this image http://www.sxc.hu/photo/930455 and name this layer Smoke 2.

Desaturate this layer and then place this image so the smoke trail starts at the mouth.

flam6 Create a Fiery Face Explosion

Change the layer style to Screen.

Step 7

Next copy and paste this image into your document http://www.sxc.hu/photo/1139999 and name it Spray. Again re-size it so it fits your page and set the Layer Style to Screen. Now we want to erase the big water droplet and the smaller one on the right.

flam7a Create a Fiery Face Explosion

Grab a large soft edged brush and erase those parts out. Put this image into the middle of the picture so the spray is coming out the mouth. I then used the Clone Stamp tool quickly with a large, soft edged brush to add a bit more spray.

This is how your image should be looking like so far.

flam7b Create a Fiery Face Explosion

Step 8

Add a new layer, name it Light and fill the image with the colour black. Go to Filter, Render and Lens Flare and use these settings.

flam8a Create a Fiery Face Explosion

flam8b Create a Fiery Face Explosion

Now erase most of this layer with a large, soft edged brush leaving only the brightest part of the flare.

flam8c Create a Fiery Face Explosion

Move the flare so it is in the mouth. This is what your image should look like.

flam8d Create a Fiery Face Explosion

flam8e Create a Fiery Face Explosion

Set the Layer Style to Colour Dodge.

flam8f Create a Fiery Face Explosion

Step 9

This step will add a little bit more ‘pazzaz’ to the fire and smoke.

Add another new layer, press D on your keyboard to reset your colour palette and then go to Filter, Render, Clouds. Now set the Layer Style for this layer to Overlay and grab a large, soft edged eraser and erase over the face.

Step 10

Again add a new layer on top of everything and select a large, soft edged brush and brush over this area of the face in the colour black.

flam10a Create a Fiery Face Explosion

Before:

flam10b Create a Fiery Face Explosion

After:

flam10c Create a Fiery Face Explosion

Step 11

On your background copy layer select the Lasso Tool and select this area of the face. This selection does not have to be neat and tidy!

flam11a Create a Fiery Face Explosion

flam11b Create a Fiery Face Explosion

Now copy and paste this selection (Ctrl/Apple + C to copy and then press Ctrl/Apple + V to paste) so you have a new layer with what you selected. Name this layer Heat Simmer and then go to Filter, Distort, Ripple and enter 150 in the dialog box. This will create a nice heat simmer effect.

flam11c Create a Fiery Face Explosion

flam11d Create a Fiery Face Explosion

And We’re Done!

That’s the tutorial finished! I hope you’ve enjoyed it and learnt something useful from this.

flamfinal Create a Fiery Face Explosion

If you want to view the full sized final image, then click here:

FULL SIZED FINAL IMAGE.

Don’t forget! If you want access to the downloadable .PSD file for this, and every other tutorial at PSDFAN, then join our members area for just $4.95 per month.

About the Author: Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

20 Awesome Comments: Leave Your Comment

  1. User GravatarSerkan 4th July 2009

    Nice Tutorial. Thnx!

  2. User GravatarTom 4th July 2009

    Thanks for commenting Serkan. And cheers for Simon for a great tutorial :)

  3. T-Law 5th July 2009

    Nice tutorial Tom, thanks.

  4. agilius 5th July 2009

    I like tutorials like this one! Nice job with it ;) This kind of effect will work great with posters but even with some websites. Thanks!

  5. User GravatarTom 5th July 2009

    Thanks guys, I agree that this effect would look cool on a poster, anyone up to the challenge? ;)

  6. NINJA_49 5th July 2009

    Good tut :) Im glad))))

  7. User GravatarfavSHARE 5th July 2009

    This article has been shared on favSHARE.net.

  8. RUGRLN 7th July 2009

    This is a wicked tutorial! Really nice efect…

  9. User GravatarSamuel burns Landscape Photography 11th July 2009

    sweet.

  10. Alex 30th July 2009

    Great tutorial because it explains everything in detail unlike some which just presume you know everything :)

  11. User Gravatarhari chura 29th August 2009

    hi
    its very nice work
    good job
    i like its, great tutorial.

  12. User GravatarDecArt 3rd September 2009

    Cool, man!! I like it! :)

  13. Rk Rajib 14th September 2009

    you r very genius……………………

  14. kosai 17th September 2009

    verygood

  15. User Gravatarkishore 18th September 2009

    i like this site

  16. PVRK Prasad 30th September 2009

    An useful lession to the upcoming creators

  17. jo jo 5th October 2009

    wow it’s so cool,

  18. Anders 9th October 2009

    Nice. But the last picture is missing :(

  19. User GravatarMaidstone Web Designer 14th December 2009

    Very cool tutorial, thank you very much

  20. nerew 16th January 2010

    wou.. that was nice.. thanks!!! i better check the other tricks…

Leave a Comment: