of 18
8/6/2019 Fire Lines V29photoshop0
1/18
Fire Lines V2
88December 22, 2008 in Tutorials by Flashflores
Author: Flashflores
20 yr old Texas based digital artist/photo-retoucher. 4 years of Photoshop experience.
This tutorial will teach you how to create creative and stylish fire lines in 10 easy steps!
01
http://anothera.net/v2/tutorials/fire-lineshttp://anothera.net/v2/tutorials/fire-lines#addhttp://anothera.net/v2/category/tutorialshttp://www.anothera.net/v2/profile?user=Flashfloreshttp://anothera.net/v2/author/flashflores/http://anothera.net/v2/tutorials/fire-lines#addhttp://anothera.net/v2/category/tutorialshttp://www.anothera.net/v2/profile?user=Flashfloreshttp://anothera.net/v2/author/flashflores/http://anothera.net/v2/tutorials/fire-lines8/6/2019 Fire Lines V29photoshop0
2/18
For this tutorial your going to need a good stock photo lined up. Something with actionand
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
8/6/2019 Fire Lines V29photoshop0
3/18
in mind dimension and action. Swirls do wonders!
03
A. Click to start your pathB. Click your next point, hold and drag to create a bezier spline path, which is necessary to
create flowing linesC. 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 timeanother
little tip - if you press and hold ctrl while using the pen tool you can temporarily access the direct
8/6/2019 Fire Lines V29photoshop0
4/18
selection tool which will allow you to edit the spline (a big time saver)
04
And eventuallyyou 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 followsin this case the
8/6/2019 Fire Lines V29photoshop0
5/18
models arm, and leg. So dont 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.
8/6/2019 Fire Lines V29photoshop0
6/18
C. Go back to the paths tab and select stroke path with brush.
06
You should immediately see the stroked path.On mine youll see splatters and flairs that werent 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 pathsfollows.
08
Right click on the Fire layer and select blending options, and use these options/values.
8/6/2019 Fire Lines V29photoshop0
7/18
Feel free to play with the settings (thats how i discovered this technique)
8/6/2019 Fire Lines V29photoshop0
8/18
You might end up with something better!
8/6/2019 Fire Lines V29photoshop0
9/18
8/6/2019 Fire Lines V29photoshop0
10/18
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.
8/6/2019 Fire Lines V29photoshop0
11/18
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!
8/6/2019 Fire Lines V29photoshop0
12/18
Spread the Word!
(32 votes, average: 4.91 out of 5)
Loading ...
88 Responses to Fire Lines V2
Older Comments
1.
sriganesh
4-4-2009
its great and simple and clean. but hoe to make the text. i cant get it. any how the stepsare very short and its not boring
2.
twistertwin
10-4-2009
Okay i tried following your instructions step by step and didnt even turn out close to
what yours look like..
http://anothera.net/v2/tutorials/fire-lines/comment-page-1#commentshttp://www.animhut.com/http://technorati.com/faves?add=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lineshttp://www.stumbleupon.com/submit?url=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&title=Fire%20Lines%20V2http://www.designfloat.com/submit.php?url=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&title=Fire%20Lines%20V2http://www.google.com/bookmarks/mark?op=edit&bkmk=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&title=Fire%20Lines%20V2http://www.mixx.com/submit?page_url=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&title=Fire%20Lines%20V2http://www.facebook.com/share.php?u=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&t=Fire%20Lines%20V2http://del.icio.us/post?url=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&title=Fire%20Lines%20V2http://sphinn.com/submit.php?url=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&title=Fire%20Lines%20V2http://digg.com/submit?phase=2&url=http%3A%2F%2Fanothera.net%2Fv2%2Ftutorials%2Ffire-lines&title=Fire%20Lines%20V2http://anothera.net/v2/tutorials/fire-lines/comment-page-1#commentshttp://www.animhut.com/8/6/2019 Fire Lines V29photoshop0
13/18
3.
Arsaln Attari
11-4-2009
how can we write the text i mean 3D Effect.?
4.
Precision
11-4-2009
twistertwin:
i added two steps to that
1) add duplicate original layer again and place it above the 2nd one.2) using the clone stamp tool, copy segments of all three layers in different parts and
distances from the original. itll give you the sparks and flame effect.
enjoy.
5.
bizee09
13-4-2009
wheres the stock photo??
6.
Jay
8/6/2019 Fire Lines V29photoshop0
14/18
26-4-2009
I am only unsure about one step.07
Mask/erase the parts of the path that are behind the legs/arms or whatever it is your paths
follows.
Are you saying apply a layer mask and erase?
I am still a rookie and would love the help in this/
7.
isaac
26-4-2009
yes, erase the parts of the path that are behind the subject
8.
CL
29-4-2009
Could you add a link to the stock photo?
9.
bunnyy
3-5-2009
Smashig !jst AWSOMe!!!!
8/6/2019 Fire Lines V29photoshop0
15/18
10.
abdulaziz
5-5-2009
u r the best
11.
sajantk
6-5-2009
good job
thnks,,,,,,,,,,,,,,,
12.
12-5-2009
13.
BiBZ
17-5-2009
YOOO ..BOI
8/6/2019 Fire Lines V29photoshop0
16/18
14.
karthik
22-5-2009
wonder ful effect which totally different and understandable tutorial for any one i did
like u
15.
madhan
3-6-2009
simply its awesome friend
16.
Tarkan
12-6-2009
can you give the psd please ?
Older Comments
Add Your Comment
http://anothera.net/v2/tutorials/fire-lines/comment-page-1#commentshttp://anothera.net/v2/tutorials/fire-lines/comment-page-1#comments8/6/2019 Fire Lines V29photoshop0
17/18
Name
Email (not published)
URL (optional)
Add Comment!
Notify me of followup comments via e-mail
Support Us
Advertise Here
Users
Register| Log in
Popular
Fire Lines V2
Ice Age Disaster
Mystical Moonlight Effect
Actions to Awesome Abstract Artworks
Neshas
http://buysellads.com/buy/detail/2064http://anothera.net/v2/wp-login.php?action=registerhttp://anothera.net/v2/wp-login.php?_wpnonce=76f6cbed8chttp://anothera.net/v2/tutorials/fire-lineshttp://anothera.net/v2/tutorials/ice-age-disasterhttp://anothera.net/v2/tutorials/mystical-moonlight-effecthttp://anothera.net/v2/tutorials/actions-to-awesome-abstract-artworkshttp://anothera.net/v2/artists/neshashttp://buysellads.com/buy/detail/2064http://anothera.net/v2/wp-login.php?action=registerhttp://anothera.net/v2/wp-login.php?_wpnonce=76f6cbed8chttp://anothera.net/v2/tutorials/fire-lineshttp://anothera.net/v2/tutorials/ice-age-disasterhttp://anothera.net/v2/tutorials/mystical-moonlight-effecthttp://anothera.net/v2/tutorials/actions-to-awesome-abstract-artworkshttp://anothera.net/v2/artists/neshas8/6/2019 Fire Lines V29photoshop0
18/18
Skpzeenho
Colored Blocks
Juan Gmez
Tehb
Tsumariru
Tags
creativecontemporaryshadowsart packBlendingillusionart sitespixelartsweb studiosLogo and LogotypesDesign ArtVectorspattergraphic designpen toolcinema 4dphotoshop tutorialLightingAbstractdigitalgraphics artIllustratorGraphicArtvideo tutorial
DesignmanipulationtutorialPhotoshop
http://anothera.net/v2/artists/skpzeenhohttp://anothera.net/v2/tutorials/colored-blockshttp://anothera.net/v2/artists/juan-gomezhttp://anothera.net/v2/artists/tehhttp://anothera.net/v2/artists/tsumariruhttp://anothera.net/v2/tag/creativehttp://anothera.net/v2/tag/contemporaryhttp://anothera.net/v2/tag/shadowshttp://anothera.net/v2/tag/shadowshttp://anothera.net/v2/tag/art-packhttp://anothera.net/v2/tag/blendinghttp://anothera.net/v2/tag/illusionhttp://anothera.net/v2/tag/art-siteshttp://anothera.net/v2/tag/art-siteshttp://anothera.net/v2/tag/pixelhttp://anothera.net/v2/tag/artshttp://anothera.net/v2/tag/web-studioshttp://anothera.net/v2/tag/logo-and-logotypeshttp://anothera.net/v2/tag/logo-and-logotypeshttp://anothera.net/v2/tag/design-arthttp://anothera.net/v2/tag/design-arthttp://anothera.net/v2/tag/vectorhttp://anothera.net/v2/tag/spatterhttp://anothera.net/v2/tag/spatterhttp://anothera.net/v2/tag/graphic-designhttp://anothera.net/v2/tag/pen-toolhttp://anothera.net/v2/tag/cinema-4dhttp://anothera.net/v2/tag/cinema-4dhttp://anothera.net/v2/tag/photoshop-tutorialhttp://anothera.net/v2/tag/photoshop-tutorialhttp://anothera.net/v2/tag/lightinghttp://anothera.net/v2/tag/abstracthttp://anothera.net/v2/tag/abstracthttp://anothera.net/v2/tag/digitalhttp://anothera.net/v2/tag/digitalhttp://anothera.net/v2/tag/graphics-arthttp://anothera.net/v2/tag/illustratorhttp://anothera.net/v2/tag/illustratorhttp://anothera.net/v2/tag/graphichttp://anothera.net/v2/tag/arthttp://anothera.net/v2/tag/arthttp://anothera.net/v2/tag/video-tutorialhttp://anothera.net/v2/tag/designhttp://anothera.net/v2/tag/manipulationhttp://anothera.net/v2/tag/manipulationhttp://anothera.net/v2/tag/manipulationhttp://anothera.net/v2/tag/tutorialhttp://anothera.net/v2/tag/photoshophttp://anothera.net/v2/tag/photoshophttp://anothera.net/v2/artists/skpzeenhohttp://anothera.net/v2/tutorials/colored-blockshttp://anothera.net/v2/artists/juan-gomezhttp://anothera.net/v2/artists/tehhttp://anothera.net/v2/artists/tsumariruhttp://anothera.net/v2/tag/creativehttp://anothera.net/v2/tag/contemporaryhttp://anothera.net/v2/tag/shadowshttp://anothera.net/v2/tag/art-packhttp://anothera.net/v2/tag/blendinghttp://anothera.net/v2/tag/illusionhttp://anothera.net/v2/tag/art-siteshttp://anothera.net/v2/tag/pixelhttp://anothera.net/v2/tag/artshttp://anothera.net/v2/tag/web-studioshttp://anothera.net/v2/tag/logo-and-logotypeshttp://anothera.net/v2/tag/design-arthttp://anothera.net/v2/tag/vectorhttp://anothera.net/v2/tag/spatterhttp://anothera.net/v2/tag/graphic-designhttp://anothera.net/v2/tag/pen-toolhttp://anothera.net/v2/tag/cinema-4dhttp://anothera.net/v2/tag/photoshop-tutorialhttp://anothera.net/v2/tag/lightinghttp://anothera.net/v2/tag/abstracthttp://anothera.net/v2/tag/digitalhttp://anothera.net/v2/tag/graphics-arthttp://anothera.net/v2/tag/illustratorhttp://anothera.net/v2/tag/graphichttp://anothera.net/v2/tag/arthttp://anothera.net/v2/tag/video-tutorialhttp://anothera.net/v2/tag/designhttp://anothera.net/v2/tag/manipulationhttp://anothera.net/v2/tag/tutorialhttp://anothera.net/v2/tag/photoshop