Fire Lines Tutorial - photoshop

Written by: Flash

This tutorial will teach you how to create creative and stylish fire lines in 10 easy steps.

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 (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!

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

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

07

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

08

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!

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 added coolness, duplicate the FIRE layer again, and filter>distort>wave....play with the opacity levels, and play with the blending modes, particularily OVERLAY.
Good luck!

Click here for the forum's version of this tutorial so you can post comments, share your result, and get help/answers if you're stuck

Copyright © 2007 Anothera.net. All Rights Reserved.
This tutorial rightfully belongs to the owner(s) of http://www.anothera.net and may not be reproduced, sold and/or re-distributed without the explicit written consent of the original author.

Read more!

Share This Post

Search Engine Optimization and Important Keywords for Graphic Design Website

Content - Write great content using your most important keywords prominently throughout your website. Visitors who read the great content will link to your website and recommend it to others. Content is the most significant factor in search engine optimization.

Keyword planning – If your keywords are not suitable to your website there will be no search engine optimization. Always go for those keywords which are relevant to your website other cause you will get irrelevant traffic. Always do keyword planning on both the search engines and directories to determine the best set of keywords and keyword phrases your target audience uses.
Design, Styles,shapes, tools, brushes, graphic, programs, Adobe, illustrator, updated, tutorials, tips ,tricks , web2.0, web-design, seo, vector , clip art, line, art ,gallery, pictures, resources, paint shop pro, painter, photopaint, fireworks, download, filter factory, photoshop filters, free, plug-ins, filter, flash, macromedia, fonts, cgi, web design guidelines, color selection guide, free downloads, image collections, image viewers, sound libraries and editors, validation, web tools
I hope this list can give you some thoughts of which key words you can choose for your Graphic design website

Read more!

Share This Post

Graphic Design "EVERYTHING"

Graphic design is the process of communicating visually using text and/or images to present information, or promote a message. Graphic design practice embraces a range of cognitive and aesthetic skills and crafts, including typography, image development and page layout. Graphic design is applied in communication design and fine art. Like other forms of communication, graphic design often refers to both the process (designing) by which the communication is created, and the products (designs) such as creative solutions, imagery and multimedia compositions. Graphic design was traditionally applied to static printed media, such as books, magazines and brochures.

Since the advent of personal computers graphic design has been utilized in electronic media - often referred to as interactive design, or multimedia design. Now We're using it In Photo manipulation , web design , on street advertising almost every thing that takes the eye.

Most common software used in this are Adobe Photoshop, Illustrator, Dreamwaver, Flash, Fireworks and more . Read more!

Share This Post