g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Folklore and Mythology
Women's Fashion
Holiday/Seasonal Cooking
Hiking & Backpacking
New Age
Weight Loss

All times in EST

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Creating Fire in Photoshop

In the previous two PhotoshopR tutorials, we have created several variations of a flame graphic by using transform tools such as the Liquify filter, Distort, Warp, Skew and Puppet Warp tools. You can use this transformation technique in other projects that might require fire or flames. For example, we can add a fire to a wood pile by placing several flames side by side.

For simplicity, we will use only the basic flame_start group as our starting point for each flame in our fire. However, you may wish to also use one or more of your flame variations as your starting point.

  1. Open your candle flame stock image file into Photoshop.

  2. Start a project file at 72 dpi, 500 x 500 pixles.

  3. Add a graphic image of a pile of wood and place the wood at the bottom of the image.

    Go back to your candle flame stock image file. Again, we will start with our basic flame_start group. Turn off the visibility of all but this group.

  4. Open the group folder and turn off the visibility for the bg layer.

  5. From the Menubar, click Select All and then Edit Copy Merge. We now have a copy of our basic candle flame.

  6. Go back to your new project image. Rename Layer 1 to "bg" and add a dark color.

  7. On a new layer named flame_1, paste our candle flame copy into this new project.

  8. Use the Free Transform tool to resize this flame to a size in proportion to the wood pile.

  9. Make several duplicates of this layer, naming each layer in sequence (flame_1, flame_2 etc).

  10. Use the Move tool to position the flames along a horizontal line about 2 inches above the wood pile. Turn off the visibility of all flame layers except the flame_1 layer.

  11. For the flame_1 layer, use the Transform tools (Warp, Distort, etc) or the Liquify Filter tools (Forward Warp, Twirl, etc) to respace the flame and it's glow.

    Drag the flame into position just above the wood pile.

  12. Repeat these steps for each flame layer.

When positioning the flames side-by-side, overlap the flames slightly. You may also wish to place a few flames behind the wood pile to give the appearance of depth. Also, don't forget to position some warn glow below the wood.

Try this technique to add fire to several objects.

Burning text
Fire halo around a silhouette
Fill an object shape with a yellow-orange gradient and add fire to the edges

← Back

Join us in the Flash forum.

Add Creating+Fire+in+Photoshop to Twitter Add Creating+Fire+in+Photoshop to Facebook Add Creating+Fire+in+Photoshop to MySpace Add Creating+Fire+in+Photoshop to Del.icio.us Digg Creating+Fire+in+Photoshop Add Creating+Fire+in+Photoshop to Yahoo My Web Add Creating+Fire+in+Photoshop to Google Bookmarks Add Creating+Fire+in+Photoshop to Stumbleupon Add Creating+Fire+in+Photoshop to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Tangled Heart with Illustrator

Saving SVG Files in Illustrator for Silhouette

Piecing the Mygrafico Logo Text for Animation

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor