How To Creat Fire Lines In Photoshop CS3 (Tutorial)
Posted on 22. Dec, 2009 by admin in Graphics, Photoshop, Tutorial, Vector
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)
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!
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)
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.
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.
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!
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.
09
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 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….
How To Creat Fire Lines In Photoshop CS3 (Tutorial) | Designs Collage | PhotoShopped
22. Dec, 2009
[...] Continued here: How To Creat Fire Lines In Photoshop CS3 (Tutorial) | Designs Collage [...]
uberVU - social comments
24. Dec, 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…...
cipro dosage
25. Dec, 2009
I added your blog to bookmarks. And i’ll read your articles more often!
J
25. Dec, 2009
This is awesome. If you could also do a tutorial on the words on her back that’d be great.
Twitted by mrpsd
25. Dec, 2009
[...] This post was Twitted by mrpsd [...]
Guenh
26. Dec, 2009
I want to quote your post in my blog. It can?
And you et an account on Twitter?
Twitted by djumaki
28. Dec, 2009
[...] This post was Twitted by djumaki [...]
How To Creat Fire Lines In Photoshop CS3 (Tutorial) | Design Newz
29. Dec, 2009
[...] How To Creat Fire Lines In Photoshop CS3 (Tutorial) [...]
Carl Smart
29. Dec, 2009
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
Irving Lugar
09. Jan, 2010
Round 2 Rashad Thiago needs a KO
Valentine Shipp
14. Jan, 2010
Thank you for the great post!
Add URL tips
15. Jan, 2010
I thought I would leave my first comment, Thank you and I will want to read more from you.
Cherly Donhoe
18. Jan, 2010
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
Judson Bostic
20. Jan, 2010
Thanks very much for putting together this great site.
KarachiCorner Blog
10. Feb, 2010
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…
Shirlene Sorokin
12. Jul, 2010
Great submit, I added ones web site in order to go to again in the future, Great
educational toys
05. Oct, 2010
Thank you……
Thanks ADMIN….
Stunning Typography Tutorials Collection | Designs Collage
04. Dec, 2010
[...] 10] Fire Lines [Tutorial] [...]