How To Creat Fire Lines In Photoshop CS3 (Tutorial)

December 22, 2009

Graphics, Photoshop, Tutorial, Vector

main

In this tutorial we will teach you how to create creative and stylish fire lines in 10 easy steps using Photo Shop cs3. Using these techniques you can create awesome illustrations and different techno effects. Hope u like it….

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)

1

01

Open the stock photo, then go to the paths tab and click create new path (A) . 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!

2

02

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

3

03

And eventually…you get something like what i have below….now remember that your only going to use the parts of ur path that aren’t behind the object your pathing along….in this case the models arms, and legs. So dont worry about making the hidden parts pretty.

4

04

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 (I have mine named The Amazing Shoelace)

C. Go back to the paths tab and select stroke path with brush.

5

05

You should immediately see the stroked path. On mine you’ll see parts that weren’t originally pathed that are now there. Those give the fire the illusion that it is moving, and were accomplished by simply grabbing the clone stamp tool – using a spatter brush and cloning/stamping.

06

Erase the parts behind the legs/arms or whatever it is your paths follows.

07

Right click on the FIRE layer and select blending options. Use these options/values for the exact product i got…but your free to play with them, (thats how i discovered this technique) you might end up with something better!

6

08

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.

7

09

Now double click on outer glow on the duplicate and change the values to this.

8

Conclusion

Spend a little time, and you can make something like what i have below…

9

For added coolness, duplicate the FIRE layer again, and filter>distort>wave….play with the opacity levels, and play with the blending modes, particularly OVERLAY. Enjoy….

, , , ,

18 Responses to “How To Creat Fire Lines In Photoshop CS3 (Tutorial)”

  1. cipro dosage Says:

    I added your blog to bookmarks. And i’ll read your articles more often!

  2. J Says:

    This is awesome. If you could also do a tutorial on the words on her back that’d be great.

  3. Guenh Says:

    I want to quote your post in my blog. It can?
    And you et an account on Twitter?

  4. Carl Smart Says:

    Great tutorial, I have added this to my favorites in twitter. It’s a very simple but effective way of jazzing up a picture. I look forward to more of your tutorials.

    Thanks

  5. Irving Lugar Says:

    Round 2 Rashad Thiago needs a KO

  6. Valentine Shipp Says:

    Thank you for the great post!

  7. Add URL tips Says:

    I thought I would leave my first comment, Thank you and I will want to read more from you.

  8. Cherly Donhoe Says:

    Hi Guys ! Let see this, i found it minuts ago, it’s totally crazy, an online free flash web editor that permits you to create a website for free with no programming skills ! create a free flash website

  9. Judson Bostic Says:

    Thanks very much for putting together this great site.

  10. KarachiCorner Blog Says:

    today i try this. but fire effect are not same as your effect.. :(
    i don’t know wht was the problem.. but i thing.. some thing.. is missing…

    can u explain in more detail….
    Thanks…

  11. Shirlene Sorokin Says:

    Great submit, I added ones web site in order to go to again in the future, Great

Trackbacks/Pingbacks

  1. How To Creat Fire Lines In Photoshop CS3 (Tutorial) | Designs Collage | PhotoShopped - December 22, 2009

    [...] Continued here: How To Creat Fire Lines In Photoshop CS3 (Tutorial) | Designs Collage [...]

  2. uberVU - social comments - December 24, 2009

    Social comments and analytics for this post…

    This post was mentioned on Friendfeed by der Webworker: How To Creat Fire Lines In Photoshop CS3 (Tutorial) – http://www.designscollage.com/2009…...

  3. Twitted by mrpsd - December 25, 2009

    [...] This post was Twitted by mrpsd [...]

  4. Twitted by djumaki - December 28, 2009

    [...] This post was Twitted by djumaki [...]

  5. How To Creat Fire Lines In Photoshop CS3 (Tutorial) | Design Newz - December 29, 2009

    [...] How To Creat Fire Lines In Photoshop CS3 (Tutorial) [...]

  6. educational toys - October 5, 2010

    Thank you……

    Thanks ADMIN….

  7. Stunning Typography Tutorials Collection | Designs Collage - December 4, 2010

    [...] 10] Fire Lines [Tutorial] [...]

Leave a Reply