SgtM
05-26-2007, 07:10 PM
Jon requested it, so here it is. The fire tutorial. I'll have to get some screenshots up when I get a chance to do this at home. Now, I can't take full credit for this work, I stole it from Bert Monroy. Some of you may remember him from his photoshop tips he did on The Screen Savers a few years ago. I created the wallpaper below using his tutorial.
http://www.thebestcasescenario.com/davew/Desktops/TBCS_BG_19L.jpg
Here's how you do it.
1. Create a new file that's square in shape and set the Background to black.
2. Using White, type in a word you wish to set on fire.
3. Rasterize the text (Layer>Rasterize>Type).
4. Duplicate the layer with the type.
5. The first filter to be applied works only from the left or the right. You want the effect to happen from bottom to top. Rotate the duplicate text layer 90 degrees clockwise (Edit>Transform>Rotate 90 degrees clockwise).
6. Apply the Wind filter from the Left (Filter>Stylize>Wind). Apply it a couple of times to get long streaks.
7. Rotate the layer back to its original upright position (Edit>Transform>Rotate 90 CCW).
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire1.jpg
8. Apply the Gaussian Blur filter (Filter>Blur>Gaussian Blur). Give it just enough to soften the streaks.
9. Create a new layer behind the layer you just blurred and fill it with black.
10. Merge the two layers. Make sure you do not merge the background or the original text layer.
11. Go to the Liquify filter (Filter>Liquify). It should display the currently selected layer (blurred, streaked text) to be modified.
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire2.jpg
12. Using the Warp and Turbulence tools within the Liquify filter, distort the streaks into flames. Use small brush shapes and Warp to pull out additional flames from the edges of the text.
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire3.jpg
13. When you feel you're done, click OK and exit Liquify.
14. Switch the mode of the layer to Screen. This exposes the untouched underlying image where the top layer is black.
15. Go to the Hue/Saturation command (Image>Adjustments>Hue/Saturation). Click the Colorize button to change the hue of the flames and set it to a color that's a warm yellow, about 40 on the Hue bar. Push the Saturation up to 100.
16. Duplicate the layer of the flames. Then go into the Hue/Saturation command, turn off Colorize, and enter a hue change of minus 20. This moves the yellow in the direction of orange.
17. Set the mode of the duplicate to Overlay. This introduces some reds into the flames as seen.
18. Go back to the layer with the original white text and bring it to the front.
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire4.jpg
19. Click the Lock Transparency button in the layer's palette and fill the text with a gradient from yellow to dark brown. You might want to add a Layer Style of Inner Glow with Red for the color and Normal for the mode.
The final image. You can always change and add things as you see fit, just like I did. Playing around with the hue, saturation, and layer modes will produce some really cool effects. I even added a reflection by duplicating the original TBCS text layer. Then I flipped it, and added a gradient layer mask and turned down the opacity. Most importantly, have fun with it.
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire_final.jpg
Here's a link to Bert's site. Browse around, there are some other really cool things he has on there.
http://www.bertmonroy.com/tutorials/text/16_fire.htm
http://www.thebestcasescenario.com/davew/Desktops/TBCS_BG_19L.jpg
Here's how you do it.
1. Create a new file that's square in shape and set the Background to black.
2. Using White, type in a word you wish to set on fire.
3. Rasterize the text (Layer>Rasterize>Type).
4. Duplicate the layer with the type.
5. The first filter to be applied works only from the left or the right. You want the effect to happen from bottom to top. Rotate the duplicate text layer 90 degrees clockwise (Edit>Transform>Rotate 90 degrees clockwise).
6. Apply the Wind filter from the Left (Filter>Stylize>Wind). Apply it a couple of times to get long streaks.
7. Rotate the layer back to its original upright position (Edit>Transform>Rotate 90 CCW).
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire1.jpg
8. Apply the Gaussian Blur filter (Filter>Blur>Gaussian Blur). Give it just enough to soften the streaks.
9. Create a new layer behind the layer you just blurred and fill it with black.
10. Merge the two layers. Make sure you do not merge the background or the original text layer.
11. Go to the Liquify filter (Filter>Liquify). It should display the currently selected layer (blurred, streaked text) to be modified.
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire2.jpg
12. Using the Warp and Turbulence tools within the Liquify filter, distort the streaks into flames. Use small brush shapes and Warp to pull out additional flames from the edges of the text.
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire3.jpg
13. When you feel you're done, click OK and exit Liquify.
14. Switch the mode of the layer to Screen. This exposes the untouched underlying image where the top layer is black.
15. Go to the Hue/Saturation command (Image>Adjustments>Hue/Saturation). Click the Colorize button to change the hue of the flames and set it to a color that's a warm yellow, about 40 on the Hue bar. Push the Saturation up to 100.
16. Duplicate the layer of the flames. Then go into the Hue/Saturation command, turn off Colorize, and enter a hue change of minus 20. This moves the yellow in the direction of orange.
17. Set the mode of the duplicate to Overlay. This introduces some reds into the flames as seen.
18. Go back to the layer with the original white text and bring it to the front.
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire4.jpg
19. Click the Lock Transparency button in the layer's palette and fill the text with a gradient from yellow to dark brown. You might want to add a Layer Style of Inner Glow with Red for the color and Normal for the mode.
The final image. You can always change and add things as you see fit, just like I did. Playing around with the hue, saturation, and layer modes will produce some really cool effects. I even added a reflection by duplicating the original TBCS text layer. Then I flipped it, and added a gradient layer mask and turned down the opacity. Most importantly, have fun with it.
http://i47.photobucket.com/albums/f186/sgtm_usmc/fire%20tut/fire_final.jpg
Here's a link to Bert's site. Browse around, there are some other really cool things he has on there.
http://www.bertmonroy.com/tutorials/text/16_fire.htm