Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

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 ---
Featured Tutorialsmore

StarBurst Effects
StarBurst Effects
- Adobe Photoshop -
Thermoptic Camoufl...
Thermoptic Camoufl...
- Adobe Photoshop -
Rotated Characters
Rotated Characters
- Adobe Illustrator -
Photo Frames
Photo Frames
- Adobe Illustrator -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links

Special Options
Printer Friendly Version
Forum Threads

I know somebody has the answer.
Author: vlystad
Posted: Mar 17th, 9:18pm
Activity: 1 replies, 96 views
Star fields at high res
Author: Ultramol
Posted: Mar 17th, 2:08pm
Activity: 3 replies, 142 views
New Sheriff Wanted
Author: skates1
Posted: Mar 06th, 7:49pm
Activity: 0 replies, 257 views
Graphics and artwork remixing/collaborating web...
Author: artremaster
Posted: Mar 04th, 6:21am
Activity: 0 replies, 285 views
grafpedia(.com)
Author: tichnak
Posted: Mar 02nd, 10:54pm
Activity: 3 replies, 341 views
Hockey?
Author: stiney51
Posted: Mar 02nd, 2:39pm
Activity: 3 replies, 299 views
I am Back Guys!
Author: LaFleureRouge
Posted: Feb 27th, 6:09pm
Activity: 9 replies, 376 views
Banknote Design
Author: tichnak
Posted: Feb 27th, 4:50pm
Activity: 0 replies, 332 views
New Design & Font System!
Author: Man1c M0g
Posted: Feb 27th, 10:26am
Activity: 1 replies, 372 views
Domain Developers Fund
Author: tichnak
Posted: Feb 24th, 11:23pm
Activity: 7 replies, 417 views
WIP - AlexStanford.com
Author: ahstanford
Posted: Feb 24th, 2:37pm
Activity: 5 replies, 307 views
How do you make good repeating-image patterns?
Author: Mars
Posted: Feb 17th, 7:38pm
Activity: 1 replies, 500 views
Forum Threads

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