
Have every post delivered to your inbox and get access to hundreds of useful design freebies.
As always, this is the final image that we’ll be creating:
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
Go to http://www.sxc.hu/photo/85994 and save the image to your computer. Now open up it up in Photoshop.
Go to Image and then Image Size and enter 1400 in the Width box.
Duplicate the original layer and go to Image, Adjustments, Hue/Saturation and enter these settings.
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.
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.
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:
After:
Grab the Lasso Tool and select this area of the flames.
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.
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.
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.
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.
For the final part of this step go to Image, Adjustments and Desaturate the Smoke layer.
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.
Change the layer style to Screen.
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.
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.
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.
Now erase most of this layer with a large, soft edged brush leaving only the brightest part of the flare.
Move the flare so it is in the mouth. This is what your image should look like.
Set the Layer Style to Colour Dodge.
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.
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.
Before:
After:
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!
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.
That’s the tutorial finished! I hope you’ve enjoyed it and learnt something useful from this.
If you want to view the full sized final image, then click here:
is a talented graphic designer from the UK. Feel free to check out his DeviantArt portfolio
Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.
Nice Tutorial. Thnx!
Thanks for commenting Serkan. And cheers for Simon for a great tutorial
Nice tutorial Tom, thanks.
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!
Thanks guys, I agree that this effect would look cool on a poster, anyone up to the challenge?
Good tut
Im glad))))
This article has been shared on favSHARE.net.
This is a wicked tutorial! Really nice efect…
sweet.
Great tutorial because it explains everything in detail unlike some which just presume you know everything
hi
its very nice work
good job
i like its, great tutorial.
Cool, man!! I like it!
you r very genius……………………
verygood
i like this site
An useful lession to the upcoming creators
wow it’s so cool,
Nice. But the last picture is missing
Very cool tutorial, thank you very much
wou.. that was nice.. thanks!!! i better check the other tricks…
very very !!! good^^!
thank’s
awesome effect using photoshop with helping techniques.
This is an awesome tutorial. Thank you so much!
My picture: http://hypermanic.deviantart.com/art/Breathing-Fire-160922317
nice work…………
wou.. that was amazing design.. (+.+) congratz!!
hello i need help. how to i make the images blend together? i decrease the opacity, but seems the the brightness diminishes, which i don’t want to happen. anyone pls? thank you!
It looks so real….
I like this tutorial thanks for the info.
it’s very very nice………
Good nice creativity
Nice Tutorial
nice tut
BUT in the last image link it says “ERROR!. NO SUCH PHOTO”
thanx
very nice..!! thanxx..
Oh great, photoshop tips and your real or impressed me.
I enjoyed your article,
Thanks for sharing
it’s as simple as…really enjoin..tutoriaL..? owi
Last picture’s link isn’t working
, hope it can be fixed
Thanks man amazing tutorial
however the link for http://www.sxc.hu/photo/1139999 isn’t working. Hopefully this can be fixed for future artists who wish to do this manipulation.
v good
Great tutorial! Only I tried to download the water droplet photo and it came up as not existing….do you know any good alternatives?
I would recommend sxc.hu or deviantart
derp…. “Incomplete” and therefore should be “Deleted”
Very cool dude! I’ve learnt many useful tricks. Do you know flame painter app? It’s a handy tool for a composition like this.