|
|
|
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
| 
|
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: 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 ---
|

|
|
 |
TrentonCS Author: ahstanford Posted: Nov 06th, 7:40pm Activity: 3 replies, 28 views
|  | Html 5 Author: ahstanford Posted: Nov 05th, 1:32pm Activity: 5 replies, 90 views
|  | What are your favorite websites? Author: ahstanford Posted: Nov 05th, 12:51am Activity: 0 replies, 47 views
|  | What do you do for a living? Author: ahstanford Posted: Nov 04th, 11:04pm Activity: 0 replies, 46 views
|  | What is your favorite Subway sandwich? Author: ahstanford Posted: Nov 04th, 11:02pm Activity: 4 replies, 90 views
|  | Windows 7 Author: ahstanford Posted: Nov 04th, 10:59pm Activity: 0 replies, 50 views
|  | Google Wave Author: ahstanford Posted: Nov 04th, 10:52pm Activity: 0 replies, 60 views
|  | University Project Author: Gjbphp Posted: Nov 03rd, 8:59pm Activity: 1 replies, 91 views
|  | Hello BioRust! Author: ahstanford Posted: Nov 02nd, 5:39pm Activity: 4 replies, 88 views
|  | Illustrator cs4 - Convert outlines/graphics to ... Author: izidrew Posted: Oct 29th, 3:48pm Activity: 3 replies, 264 views
|  | Hello BioRust!! Author: MOST Posted: Oct 29th, 12:52am Activity: 4 replies, 144 views
|  | Hey! newbie Author: prelimiting Posted: Oct 28th, 11:51pm Activity: 1 replies, 114 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|