Welcome, Guest

Please login or register

TUTORIALS SUBMENU

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

Related Links

Fire Effects


Step 1 - New Document
Make a new document. Fill it with black. Then make a new layer, and type out (or whatever) you want to set on fire in white.



Step 2 - Windy
Go to Image > Rotate Canvas > 90° CCW. Then go to Filter > Stylize > Wind. Keep the default settings, and repeat it two-three times, depending on what size it's on. (Ctrl+F)



Step 3 - Keep Going
If you use your imagination, it looks like fire.... Just kidding. Go to Filter > Blur > Gaussian Blur. Enter an amount until you can't see the pointy tips. I chose 2px.



Step 4 - Color
Go to Layers > Flatten Layers. Now you should only have one layer. Then go to Image > Adjust > Hue/Saturation (Ctrl+U). Check the 'colorize' box. Set the saturation to 100, and hue slider to whatever colour you want. For Orange, I chose 30.



Step 5 - More Color
Duplicate this layer. Then go back into the Hue/Saturation window. This time, we're going to choose the outer flame colour. Once again, check 'colorize,' Set the saturation to 100, and the hue to whatever you want. For Red, I chose 0. Then set the layer blending mode to 'Colour Dodge.'



Step 6 - Keep Going...
Okay, it's starting to look like fire... go to Layer > Flatten Image. Then, select your Smudge Tool. Smudge the fire starting with the colour part, zigzag your way up to mimic the way fire rises. When you're happy, select a smaller brush and more pressure. Then drag the white part up too.





<

Step 7 - Almost Done
Now, create a new layer (). Select your Type Tool and type out what you had earlier.



Step 8 - A Bit More...
Now, make a new layer (). Then Ctrl+Click the Type layer. Good. Now grab the Brush Tool. Press 'D' then 'X' to reset colors. Finally, set the opacity to about 50%. Brush a white highlight on the bottom of the text, to give it some appearance of being consumed by the fire, or being white-hot. ;)

You're done! Remember that you can fool around with the colours to make some psychedelic fires.

- Tutorial written by Systemdark

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

Last 5 User Comments

User:  LiTD (#51008)
Date: Fri Jun 20, 2008. 20:06:43

Post #20 of 20

Fantabulous..long time since last post, but I do have a question...What would it take to animate the fire? I tried the animated fire tutorial, but the text rolled with it and that looked very odd..hehe

You do fantastic work. I appreciate your creativity and talent. You make our websites come ALIVE!!! I will remember to give you credit for such awesome work, when our website is finish with its complete overhaul.

Reply to this post


User:  coffinspire (#47220)
Date: Wed Jan 09, 2008. 05:44:12

Post #19 of 20

nice tutorial. leaves a lot of room for variation and experimentation.

Reply to this post


User:  DennyCrane (#46666)
Date: Mon Dec 10, 2007. 17:09:34

Post #18 of 20

Thanks thats saved me a lot of time! Nice tut.!!

Reply to this post


User:  Tamlin (#46137)
Date: Thu Nov 15, 2007. 20:54:39

Post #17 of 20

Quote from timmayp;46133:
How do you get the background to not change with the hue/saturation.


You need to be sure that your background is pure black (#000000 or 0,0,0 in RGB). If it has even the slightest hint of colour, the Hue/Saturation adjustment will change it. Also, make sure you don't move the Lightness slider.

Reply to this post


User:  timmayp (#46133)
Date: Thu Nov 15, 2007. 16:18:14

Post #16 of 20

Tut was great, I only had one issue. How do you get the background to not change with the hue/saturation. All you guys have a solid, straight black bg and I can't get mine to do that :(

Reply to this post


--- View Entire Thread ---
Featured Tutorialsmore

Wrinkle Removal
Wrinkle Removal
- Adobe Photoshop -
Layer Masks
Layer Masks
- Adobe Photoshop -
'Out Of Bounds' Im...
'Out Of Bounds' Im...
- Adobe Photoshop -
Artistic Color Iso...
Artistic Color Iso...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links

Special Options
Printer Friendly Version
Forum Threads

 Link Pop Up
Author: Rtouch
Posted: Aug 28th, 12:59pm
Activity: 5 replies, 0 views
Tips and Tricks on how to speed up rendering
Author: heartscool
Posted: Aug 21st, 6:42am
Activity: 0 replies, 0 views
Hello
Author: goingtothedogs
Posted: Aug 17th, 5:42pm
Activity: 3 replies, 0 views
3ds,zbruh,texturing help
Author: heartscool
Posted: Aug 16th, 5:06am
Activity: 0 replies, 0 views
3dsMax-autocad question
Author: heartscool
Posted: Aug 03rd, 7:02pm
Activity: 0 replies, 0 views
Car texturing
Author: heartscool
Posted: Aug 02nd, 5:28am
Activity: 0 replies, 0 views
 Hi Everyone!! :)
Author: StarMania
Posted: Jul 31st, 5:30pm
Activity: 3 replies, 0 views
Fire text effect in 3ds max
Author: heartscool
Posted: Jul 24th, 1:56pm
Activity: 0 replies, 0 views
Where did everyone go!?!
Author: LemonTree
Posted: Jul 22nd, 12:15am
Activity: 6 replies, 0 views
Protecting Email Addresses from Spammers in HTML
Author: LemonTree
Posted: Jul 22nd, 12:13am
Activity: 0 replies, 0 views
3ds max wireframe render ?
Author: heartscool
Posted: Jul 20th, 2:51pm
Activity: 0 replies, 0 views
Site issue
Author: Jormi_Boced
Posted: Jul 07th, 8:40pm
Activity: 11 replies, 0 views
Forum Threads

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