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 Content

DuoTones
DuoTones
- Adobe Photoshop -
Creating Warm Light
Creating Warm Light
- Adobe Photoshop -
Texture Mapping
Texture Mapping
- Adobe Photoshop -
Wrinkle Removal
Wrinkle Removal
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 55 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 58 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 122 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 96 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 29 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 112 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 137 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 163 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 164 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 205 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415