Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

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. 19: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 Content

Abstract Wireframes
Abstract Wireframes
- Adobe Photoshop -
Quick Barcodes
Quick Barcodes
- Adobe Photoshop -
Custom Shapes
Custom Shapes
- Adobe Photoshop -
Layer Masks
Layer Masks
- 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, 54 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 56 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 116 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 94 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 27 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 111 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, 162 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 163 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