Introduction
01
For this tutorial your going to need a good stock photo lined up. Something with action…and preferably dark (this effect works much better in a dark setting)
02
Open the stock photo, then go to the paths tab and click create new path.
Press “P” on the keyboard to select the pen tool, Get a basic idea of where the fire is going. Keep in mind dimension and action. Swirls do wonders!
03
A. Click to start your path
B. Click your next point, hold and drag to create a bezier spline path, which is necessary to create flowing lines
C. Continue doing this, following the idea of where you want the fire to go.
Dont worry about getting it right the first time as you can change the spline at any time…another little tip – if you press and hold ctrl while using the pen tool you can temporarily access the direct selection tool which will allow you to edit the spline (a big time saver)
04
And eventually…you get something like what i have below. Remember that your only going to use the parts of your path that are in front of the object your path follows…in this case the models arm, and leg. So don’t waste time trying to make the hidden parts look pretty.
05
A. Now you want to select a soft round brush (i used a 5 pixel brush here) and pick an orange color.
B. Make a new layer and name it Fire.
C. Go back to the paths tab and select stroke path with brush.
06
You should immediately see the stroked path.
On mine you’ll see splatters and flairs that weren’t part of the original path. Those give the fire line the illusion that it is moving, and were accomplished by simply grabbing the clone stamp tool – using a spatter brush and cloning/stamping areas of the path at random.
07
Mask/erase the parts of the path that are behind the legs/arms or whatever it is your paths follows.
08
Right click on the Fire layer and select blending options, and use these options/values.
Feel free to play with the settings (that’s how i discovered this technique)
You might end up with something better!
09
Duplicate the Fire layer, and set the layer mode to OVERLAY
Click the eye next to inner shadow and inner glow on the duplicate layer to deactivate them.
10
Now double click on outer glow on the duplicate and change the values to this.
Conclusion
Spend a little time, and you can make something like what i have below…
For a different effect, duplicate the FIRE layer again, and filter>distort>wave.
Play with the opacity levels, and play with the blending modes – particularly OVERLAY.
Good luck!
(55 votes, average: 4.84 out of 5)
Loading ...
Author: Flashflores
20 yr old Texas based digital artist/photo-retoucher. 4 years of Photoshop experience.
Legendary tut flash =)
your too kind
Acceee
this is the simplest craziest tut i have ever seen
PSD!!! plz
sorry, but no PSD for this
The fire is ok…
The text is AWESOME, though. =p
Very KEWL TUT!
T’anks!
Very nice, I use a similar effect for glowing lines and this is a great variation.
It would be better if it show how to do that CRUSHER thing:).
Anyway it’s NICE:).
dude this is great
thanks
10/10
mind telling us how the text was done
i do plan on writing a tutorial on how i did the typography in the near future, stay tuned ;D
Amazing text effect, that would be a better tutorial
greaaaaaaaat …………… but there’s some thing i can’t do … after creating the path how to mark this points ??????????
you need to set your pen tool to paths and not shapes, in photoshop cs3 you find this option on the top menu, hover over the icons for a few seconds so that the descriptions show and you know which one is which.
I too would be very interested in a tutorial on the typography – please make a comment in this thread if you do finish one (I have it set to notify followups via email). Thanks for the hard work, buddy!
its cool but my color wont fill in orange it stays greys or whatever
make sure your working in RBG/CYMK and not grayscale
Thanks a lot for this tut!
Thanks, thanks and thanks for this tutorial
I love this efect o_O
Hey dude who is that chick in the photo, were did u get this photo because i want to use this same photo thanks
this is great!
been trying to find out how it was done! more plz!
and typo is smexy!
NICE 10/10 BEST EVER
Im still new to Photoshop, and need a little help with masking/erasing the lines that go behind the arms and legs
no worries bro, i’ve included a layer mask tutorial below that should help you out…all you gotta do is apply that knowledge to this tut and you should get it
http://www.t-tutorials.com/read-tutorials/29/all-about-layer-mask
awsome and no more words for me.
wow thanx a lot, very easy and beautiful effect
wow!! cool effect with simple action
great work
hi, cool stuff, but can you this tutorial write in german?
sorry, my english is so bad…….
thx…
i use photoshop cs4 (demo)……….
this is a great effect and i will learn to do this self.
please help me or send me links to found this effect to create in german please………….
please, please, please!!!!!!
http://translate.google.com/translate?prev=_t&hl=en&ie=UTF-8&u=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&sl=en&tl=de&history_state0=
lern 2 internet moar
lol BlueRaja……..nothing to do???
“Diese Seite wurde aus Englisch automatisch übersetzt.”
tell me about your problem BlueRaja………aus was?
sorry for my english..
I have a problem, after creating the path select “stroke path with brush” but not working.. clik but nothing happens ..
no sorry.. works!! :p
could anyone tell me how to create this text ……….
i can’t understand how to draw those lines ……..
can anyone explain ……….in detail
*you’re
where do you get the pic from
very nice work
how did you find the image?
Nice, I’d like to know how you made the text – really nice!
Great tutorial and spectacular results. I was unable to remove the path lines that simulate going behind the subject… I tried the pen tool and the eraser, but the path still remains… Any advice will be appreciated.
Make sure you are back on the layers tab, go to the layer that your path is on then erase.
hey great one i can’t do it the same
i can’t do paths just the same way u did to look real
i like this tutorial but can’t do it
STEP 05
-C. Go back to the paths tab and select stroke path with brush.-
Please add this to it that you need to “right click the Path”
I did not know that I could do it because “select” for me means ctrl+click
so to keep others from getting confused like what it did whit me and ended whit a headacke and retrying the same tutorial 5 times
Btw nice tip make a special document “Fireline” and only put the lines in there so you just later need to copy and paste the LAYER STYLE
And awesome tutorial now if finaly works (PS i used 2 a 3 pix soft brushes)
its great but please send me the image you used on my email hamzahsoboh@hotmail.com
you are so great i wish you have more tutorials
obrigada gente!!este tutorial é muito bom!
se alguem estiver afim de me passar algumas dicas de photoshop ficarei muita grata!!
bjoss galera!