Ok…let’s start!
Open this image in photoshop, then save the file as “fire_map.psd” and close it. We will use this PSD later as displacement map.
Now create a new document 1280 by 1024px.
Fill the background with the black then type “Burning” using a nice bold font. Here i used “bebas“.
Then download this texture and place it inside our PSD. Resize it (“Edit > Free Transform”) if you want. Move the texture above the text layer.
Now create a clipping mask. To do this hold down Alt (Windows) or Option (Mac OS), move the pointer over the line in the layers panel dividing the text layer and the texture layer and click.
Double click the “burning” layer to open the layer style dialog box. Use these settings for the style “bevel and emboss”. The result is pretty cool.
Now place the image of the fire as background. So simply place it below all the other layers and resize it with the free transform tool (“Edit > Free Transform”)
Ok, it’s time to rasterize the text layer. Select the layer “burning” and from the menu bar choose “Layer > Rasterize > Type”.
Then select this new layer rasterized and again from the menu bar choose “Filter > Distort -> Displace” and use the settings on the screenshot, then select ”fire_map.psd” as displacement map.
Select again the layer “burning” and switch from normal to “linear burn” in the blending mode options on the layers panel.
Place the smoke image inside our PSD and change its blending mode from “normal” to “substract”.
You can play a bit with the smoke. You can apply a “motion blur” filter (“Filter -> Blur -> Motion blur).
Now do the same with another image of the smoke and place it in another position. Decrease the opacity on the layers panel if you like.
Create a new layer on the top of the layers panel. Use “Filter > Render > Clouds” and change its blending mode from “normal” to “overlay”
Time to place the flames. Move this image on the PSDs. Change the blending mode from “normal” to “screen” and adjust the image in the position you like.
Duplicate the flames (“cmd + j” or “ctrl +j”) and move this layer above the last letters of the word “burning” and use the warp tool (“Edit >Transform > Warp”) to change the aspect a bit.
See the screenshots below.
Last step. On the layers panel, above everything add a “black and white” adjustment layer.
Copy these settings and change the blending mode from “normal” to “hard light”.
Add also a “Brightness/Contrast” adjustment layer with these settings
And…we are done!!!
Here you can see the final result and here you can dowload the PSD. Enjoy ;)
DISCLAIMER: The images displayed here are copyrighted by their respective owners and used just to create this tutorial\exercise without any commercial purpose.
Comments
Pings & Trackbacks
Copyright 2013 - Blog of Francesco Mugnai - Be happy :)
If you see something here that has not been properly attributed or you would like removed, please
contact me.
The saint
Noir
Schumacher, Michael
Birds
Remember Charlie C.
The TV-man
Nick Jacholson
Vincent 1887
...
Jaime Martínez - 19/04/11 -
thanks! very nice tutorial
dashaft - 21/04/11 -
Amazing tutorial! very nice and useful
Mike - 22/04/11 -
i think the PSD download link is wrong…? can you check it?
Francesco Mugnai - 23/04/11 -
Thank you for feedback guys!
Francesco Mugnai - 25/04/11 -
Test2
Marian Fusek - 25/04/11 -
all cool in here
Francesco Mugnai - 25/04/11 -
I'm testing this new comment system but i'm not sure
Marian Fusek - 25/04/11 -
Well I got a notification that you responded. The landing page is your blog. Not the facebook status. If that helps. So far it sounds for me like the thing you wanted.
Arsdfydft - 26/04/11 -
amazing ^^
Nw259 - 27/04/11 -
i’m pretty sure the PSD download link is wrong
Francesco Mugnai - 27/04/11 -
Now it’s fixed :)
Nw259 - 27/04/11 -
Thank you! This is so amazing by the way. This is what I’ve got done so far. I just don’t know how to make the words a little more legible. Any suggestions? Thanks a ton.
Psd - 30/04/11 -
nope, link still bad.
Mary Johnson - 03/05/11 -
Great tutorial but something that CodeMyConcept taught me was the importance of legibility.
Is there any way to fix that?
http://codemyconcept.com/
Virussky 1 - 15/05/11 -
I can’t still download it.
Flat_alex619 - 11/08/11 -
Dhait
i’m a guest!!!! - 13/08/11 -
Hey, good tutorial, but i have cs3 (photoshop cs3) and i dont have some of the tools…. so….. where can i downlod your version??? (i have PC that may be the problem, i dunno)
i’m a guest!!!! - 13/08/11 -
Hey, good tutorial, but i have cs3 (photoshop cs3) and i dont have some of the tools…. so….. where can i downlod your version??? (i have PC that may be the problem, i dunno)
i’m a guest!!!! - 13/08/11 -
Hey, good tutorial, but i have cs3 (photoshop cs3) and i dont have some of the tools…. so….. where can i downlod your version??? (i have PC that may be the problem, i dunno)
Jims Daniel - 17/08/11 -
You can create text effects at http://www.addeffects.net without installed software
Jims Daniel - 17/08/11 -
You can create text effects at http://www.addeffects.net without installed software
FEDDSZ - 31/08/11 -
ma réalisation :
http://s3.noelshack.com/upload/19840222329345_copie_de_texteflamme.jpg
FEDDSZ - 31/08/11 -
ma réalisation :
http://s3.noelshack.com/upload/19840222329345_copie_de_texteflamme.jpg
FEDDSZ - 31/08/11 -
ma réalisation :
http://s3.noelshack.com/upload/19840222329345_copie_de_texteflamme.jpg
qdesign - 02/09/11 -
my picture’:
http://i146.photobucket.com/albums/r252/marcje0/FIRE-LETTERS.jpg
izcohatl - 14/11/11 -
was fun ! ! , here is my picture
http://www.facebook.com/photo.php?fbid=288914181131372&set=a.204898636199594.46446.182065821816209&type=1&theater
Riyaz Lantra - 07/09/11 -
wats the fire_map.psd?
Mr Mortenson - 06/10/11 -
You will need to create your own displacement map using the channels panel. check out this page on displacement maps. it is a simple process. http://www.scribd.com/doc/4301/Photoshop-Tutorial-Displacement-Maps
Lavawalrus - 12/11/11 -
Having problems with the subtraction on the smoke. The white turns solid black, and the smoke turns into the same as the fire….. maybe i did something wrong..
leather ipad case - 12/01/12 -
Now that’s what I call hot! Awesome tutorial, I never thought that this kind of effect is not that hard. Thank you so much for posting in your blog. Looking forward for another awesome tutorial from you.
mostafa - 18/01/12 -
its good
Dennis - 13/05/12 -
Hi there when i clicked on subtract on the flames part, my image becomes like a black and white, positive and negative colour looking instead of the flames without it’s background itself, and the flames went missing instead, what should i do?
Stanka Poizlova - 29/10/12 -
Please, where can I find that text efect?
Stanka Poizlova - 30/10/12 -
Which font is it?
Stanka Poizlova - 30/10/12 -
Which font is it?
Dragos Muntean - 03/11/12 -
nice tutorial
Dragos Muntean - 03/11/12 -
nice tutorial
Joash Villarba - 15/11/12 -
nice
Joash Villarba - 15/11/12 -
nice
Morgan Mbulo - 08/12/12 -
I luv this…
Morgan Mbulo - 08/12/12 -
I luv this…
Sakthi Vel - 21/01/13 -
nice
Sakthi Vel - 21/01/13 -
nice
Matteo Er Danno Iannarelli - 22/03/13 -
fantastico, ma alcuni passaggi non sono molto chiari.