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-lines

8/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#comments

8/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/neshas

8/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