Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Quick Flames


Flame effect tutorials abound on the internet, but most of them are quite fiddly, complex, take forever, and/or are ideally optimized for text.  You can, however, break the mould with this simple tutorial that takes under 10 minutes to complete and can be applied to anything.  And hey... the results look pretty darned realistic too!  ;)
 

Step 1: Open up a stock image in Photoshop of any size and/or format.  In this example I have chosen a scene from the rather addictive physics-based mini-game, Truck Dismount.

Step 2: Create a new layer on top of your background stock layer, make it active in the layers palette, rename it 'flames' and, using a soft appropriately-sized tip on the Brush Tool, paint a solid white color over the general area that you want to be on fire. You don't need to spend too long at this stage, as you will be altering this layer greatly in the next step.

Step 3:  Now to add some shape to our fire! Using your favourite smudge tool (mine is Oil Medium wet flow, as found near the bottom of the smudge brush tip list) smudge your fire up and give it a little squiggle as you go. Do this until you get the proper shape. Also, ensure that the smudge strength is set to 75%.  Take your time at this stage and you should eventually end up with something that resembles my image on the left.


Step 4: Time to add a little color! Select Layer > New Adjustment Layer > Color Balance from the main menu and duplicate these settings in the dialog box:


Press OK, and this window should pop up:


Select the Highlights radio button (its towards the bottom of the window, in the Tone Balance section) and, whilst it is selected, push the Red slider to it's highest setting, adding a little Yellow for better color balance.  Repeat this procedure, but the Shadows radio button highlighted instead, and dragging the Yellow all the way to the left. With the midtones, just drag the Red all the way to the right and leave the Yellow alone. You should now have an image resembling my example on the left.

Step 5: We don't, of course, want the whole picture to be red, so we can fix this by holding down CTRL on the keyboard and left-clicking the little thumbnail to the left of the flames layer with the mouse.  This will select everything in the layer.  After doing this, just reverse the selection with Select > Inverse from the main menu, select the adjustment layer in the layers palette, and Edit > Fill your selection with a solid black color. Lose your selection and Viola -  You now have some awesome and easily created fire!

This tutorial was written by Andantonius, if you have any questions or comments feel free to contact him via the BioRUST forums, where you can e-mail or send him a private message.

Have fun setting things on fire!

- Tutorial written by Andantonius

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  Lord-Fjeff (#54444)
Date: Mon Nov 10, 2008. 01:22:22

Post #16 of 16

thank you sooo much... this was extremely helpful :)

Reply to this post


User:  angelkissed (#50435)
Date: Wed May 28, 2008. 18:09:09

Post #15 of 16

cool effect, I will most definitely be using it some time. Thanks!

Reply to this post


User:  Andantonius (#45380)
Date: Sun Oct 14, 2007. 03:53:40

Post #14 of 16

Enabled, just like it's pictured. :)

Reply to this post


User:  siristru (#44804)
Date: Fri Sep 14, 2007. 19:52:18

Post #13 of 16

Box with "Preserve Luminosity" should be enabled or disabled?

Reply to this post


User:  ross_w_thompson (#41670)
Date: Mon May 07, 2007. 01:49:38

Post #12 of 16

This is so quick and simple I don't know how i didn't figure it out myself. excelletnly described method and leaves it open to your own persoanl interpretation.

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Signature Techniques
Signature Techniques
- Adobe Photoshop -
Abstract Grunge In...
Abstract Grunge In...
- Adobe Photoshop -
Anti-Aliasing Inte...
Anti-Aliasing Inte...
- Adobe Photoshop -
The Glamour Effect
The Glamour Effect
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 887 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1052 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1054 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1935 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1832 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14441 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2751 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2772 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3439 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2356 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2499 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2798 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673