Email: requests@whiteshaarks.com USA: (551) 226-9552 | AUS: +61 410-530-666 | India: +91-172-5097527 | Office Hours & Directions
HOME
SERVICES
PACKAGES
CLIENTS
BLOG

fire lines photoshop tutorial

by Ranju Chaudhary on Sep.01, 2010, under tutorials

Introduction

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

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 in mind dimension and action. Swirls do wonders!
Tutorial Image

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 createflowing 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 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)
Tutorial Image

04

And eventually…you 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 follows…in this case the models arm, and leg. So don’t waste time trying to make the hidden parts look pretty.
Tutorial Image

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.
C. Go back to the paths tab and select stroke path with brush.
Tutorial Image

06

You should immediately see the stroked path.
On mine you’ll see splatters and flairs that weren’t 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 paths follows.

08

Right click on the Fire layer and select blending options, and use these options/values.

Feel free to play with the settings (that’s how i discovered this technique)

You might end up with something better!
Tutorial Image

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.

Tutorial Image

10

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

Conclusion

Spend a little time, and you can make something like what i have below…
Tutorial Image
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.

:Fire, Lines, Photoshop, tutorials

Leave a Reply

You must be logged in to post a comment.

RSS feed for this post (comments) · TrackBack URI
  • Howdy. Welcome to White Shaarks - Imagination is your future!

    Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the RSS feed. See ya around!

  • Recent Posts

    • Extremely Creative Advertisements That Makes You Look Twice
    • Creative and Unusual Product Packaging Designs
    • Bright Night Photography That Can Refresh Your Mood
    • Seven Great iPhone Apps Graphic Designers Would Never Want To Miss
    • “Dream”
    • Samsung Launches New NX Lens Series for 2011
    • Create Simple, Yet Elegant Abstract Spectrum Lines in Photoshop
    • Beautiful Flash Websites
    • Exceptionally Beautiful HDR Photos Of Airports In Asia
    • Picturesque & Stunning Underwater Wallpapers
  • Browse by tags

    android apple Australia outsourcing company design facebook Flash Google inspiration iPad iphone iphone apps IT lifehacker mashable Microsoft Mobile 2.0 motivational wallpapers photography Photo manipulation Photoshop resources SEO social media Today's Motivational Wallpaper trending tutorials twitter US outsourcing company wallpaper Wallpapers
  • Categories

    • Gadgets
    • Graphic Design
    • inspiration
    • Latest Web Technologies
    • Photo manipulation
    • photography
    • resources
    • Today's Motivational Wallpaper
    • Top Gadgets
    • Trends
    • tutorials
    • Wallpapers
    • What's Happening?
  • Meta

    • Log in
    • Valid XHTML

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Visit our friends!

A few highly recommended friends...

  • Website design and development

Archives

All entries, chronologically...

  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
Take a look at our Services
Creative Services
Website Design
Banner Design
Graphic Design
User Experience Design
Flash and Multimedia
Landing Page Design
Logo Design
E-mail Design
Corporate Identity Packages
Micro-site Development
Intro Movies
Video Editing
Development Services
Web 2.0 Solutions
Web 2.0 Design
Web 2.0 Development
Wordpress
Social Media Solutions
Facebook Applications
iPhone Applications
AJAX
Flash & Actionscript
CMS
E-Commerce Tweaking
E-Learning
PHP
Python
ASP.NET
Java
XHTML/CSS
Blog   |   Services  |  Request a Quote  |   Contact Us  |  About Us 
Portions of this content are © 2007-2010 by individual whiteshaarks.com