CodeCrunch - http://www.codecrunch.com
Photoshop Man Of Fire Part II
http://www.codecrunch.com/articles/25/1/Photoshop-Man-Of-Fire-Part-II.html
By Cory Crampton
Published on 04/27/2006
 
We last left off by adding some color and a guassian blur to our photoshop \'fire man\'. In the next few steps we\'ll be adding some layers to offer some depth and life to our fire.

Adding depth to our Fire
Now that we have our fire base, we need to add some depth and color variation to it. This will make our fire look more realistic. This can be achieved in many ways (layering - saturations etc...), but we'll approach it the fastest by using some lighting techniques.
  • You should have your guassian blurred image open, and only two layers at this point - a background - and layer 1. What you need to do now is make a copy of layer 1 by pressing Ctrl+J or by selecting Layer > Duplicate Layer. Now you should have a layer called Layer 1 copy.
  • Select layer 1 copy s your working layer. Then click on Filter > Render > Lighting Effects. We want to apply a 2 oclock spotlight, with an intensity of 32 and the widest focus (100). You can copy the rest of my settings from the image below.


  • On the next page we'll be using the same layer to construct our flames with the liquify filter. If you want to mess with it in advance, you'll be able to see where we are headed. We're almost there! But read on to learn how to add bone structure and a more solid presence back to your man.

Time for Photoshop Flames
Now we need to manipulate our image to create some realistic flames. We'll use the liquify tool in different brush sizes to manually add our effects. You should have your image open, and working with Layer 1 still for this part of the tutorial.
  • Click on Filter > Liquify to open the liquify tool. Your initial brush settings you want larger, and then you'll gradually get smaller as we adjust tje fine details of the image. Here's what mine looks like , along with my initial settings. I started with a brush size of 37, then went down to the 25 you see below :



If you really wanted to, you could be done. However, I suggest going smaller in size with the brush to work out the small details. Remember, you don't want to downstroke your fire, or upstroke the inside of the arms too much. This will cause a bleed of black into his arms.

You could fiddle with your layer by copying it, adjusting the saturation and the opacity to bring in some more reds etc.. If you want to add more structure to your man, you can read the last page of this tutorial to learn what I came up with to do just that.

Photoshop Fire Man Conclusion
If you would like to add more structure to your man, and make him look a bit more realistic, we can do that by working with the background layer. (Almost forgot we had one didn't you?)
  • Copy your background layer by making it the working layer, and pressing Ctrl+J. You should now have a layer called Background Copy 2 (or 1 depending on which steps you followed.)
  • Click on Layer > Arrange > Bring to Front to make background layer copy 2 your working layer. Your image should be back to this by now :

  • Next select Layer > Layer Style > Blending Options. Slide your layer Opacity all the way over to 5 or 6. (Or wherever you like it best) Merge your layers - and this is what we get in the end :



As you can see, this Photoshop project is fun and can vary quite a bit depending on small settings. Here is what my second attempt came out as, using minor setting changes. It's a little bit different :



If you enjoyed this Photoshop tutorial, be sure and check out some of our other areas. While not a strict Photoshop based site, I think you'll find some other good webmaster tutorials you can use.