Fire & Smoke tutorial for screenshot art (Photoshop)

Dowly · 01-12-12, 08:55 PM

Hai!!!

I remember learning this method years ago from ScreenShotArt (ScreenShotWorld these days),
but it seems the tutorial has vanished and is not available anymore, so I decided
to do a remake of it.

The first post will be about making fire, the smoke bit is quite similar to this
one, but I'll go over that too tomorrow.

Right then.

1. Choose the Chalk 17px brush (should be there by default) and add scattering and spacing via the brush settings panel. I used 65% spacing with 325% scattering.

2. Pick a appropriate color to use as the base for the fire and using the brush we set up, draw the basic shape of the fire. (doesn't have to be perfect, you can add to it later on)

3. Take out the smudge tool and choose a soft round brush (strength = 35% worked fine for me). Start smudging the fire to give it a wispy shape, try to follow the flow of the structure. (smaller brush = more detail)

4. Start adding more layers on top of the base and smudge in small amounts of different colors to give the fire more texture and detail. IIRC, I use total of 6 different colors + some black to give back some details in the center area.

This took around 4 minutes to do, it doesn't look very pretty...

But you can always use layer blend modes to spice it up.

That pretty much covers the fire, not much more to it. Just make the basic
shape with the customized brush, smudge it and start blending other colors in.

I'll get the smoke tutorial out tomorrow at some point.

Dowly · 01-13-12, 01:28 PM

Le Smóke (I'm sure that's french)

1. Firstly you want to make a helper line, from the source of the smoke to the end. Tends to make it easier in the long run.

2. Using the same brush we used with fire, choose the first color for the smoke. This will be the overall color or the base color of the smoke. As the background is quite light in my shot, I go with almost black.

3. Brush in the smoke all along the helper line, sort of a side to side method have worked the best for me when applying the first color, the shape is more random that way. Also, the smaller the brush the better, but don't go too small, think I used 8-10 here. Also, make the center of the smoke thicker, so you can't see through it.

4. Next, take out the smudge tool and smudge the smoke, I used the same settings as with the fire. We'll smudge the first color twice, the first time we just make it smoother and remove all the sharpness caused by the brush (blur filter might work here too)...

... and the second time, I like to make the smoke look a bit like a feather, pushing the smoke outwards with short fast strokes. Gives it a nice wispy look.

5. For the first color, now we just need to duplicate the layer, pop it beneath the original and give it gaussian blur, in this case I went with 15.

6. The last thing to do with smoke is what we did with fire: add different shades of grey to it on new layers and smudge them in. I used 2 new layers, the first being only slightly lighter shade, with larger brush I added just a little bit of it in few spots, the second color was much lighter shade which I applied with smaller (5-7) brush all along the top of the smoke to simulate light coming from above.

That's it for the smoke, really. Experiment around and with some time spent it can be made to look very nice.

Here's the finished tutorial shot with added layer blending (color dodge @ 60% for fire and screenshot). Total time was around 11 minutes on this.

Schroeder · 01-13-12, 05:21 PM

Shouldn't that be a British or a French plane.

Dowly · 01-13-12, 05:28 PM

Quote:

Originally Posted by Schroeder

Shouldn't that be a British or a French plane.

In perfect world, yes. In not so, that's my DR1 after accidentally "attacking" three
Sopwith Camels thinking they were the rest of my flight.. they weren't.

krashkart · 02-10-12, 10:42 PM

Thanks Dowly. I'm saving this for future reference.

Herr-Berbunch · 02-22-12, 08:14 AM

I don't think I need the tutorial, most of my aircraft already have this flame and smoke feature.

Thanks

I'll see if I can find some free time to play with this this afternoon.

Gargamel · 03-14-12, 09:23 PM

Nice post downy.

Tyvm. May come in handy some day.

krashkart · 03-15-12, 07:00 AM

Quote:

Originally Posted by Herr-Berbunch

I don't think I need the tutorial, most of my aircraft already have this flame and smoke feature.

It helps to evade the enemy once in awhile.

Like I should be one to talk...

01-12-12, 08:55 PM	#1
Dowly Lucky Jack Join Date: Apr 2005 Location: Finland Posts: 25,005 Downloads: 32 Uploads: 0	Fire & Smoke tutorial for screenshot art (Photoshop) Hai!!! I remember learning this method years ago from ScreenShotArt (ScreenShotWorld these days), but it seems the tutorial has vanished and is not available anymore, so I decided to do a remake of it. The first post will be about making fire, the smoke bit is quite similar to this one, but I'll go over that too tomorrow. Right then. 1. Choose the Chalk 17px brush (should be there by default) and add scattering and spacing via the brush settings panel. I used 65% spacing with 325% scattering. 2. Pick a appropriate color to use as the base for the fire and using the brush we set up, draw the basic shape of the fire. (doesn't have to be perfect, you can add to it later on) 3. Take out the smudge tool and choose a soft round brush (strength = 35% worked fine for me). Start smudging the fire to give it a wispy shape, try to follow the flow of the structure. (smaller brush = more detail) 4. Start adding more layers on top of the base and smudge in small amounts of different colors to give the fire more texture and detail. IIRC, I use total of 6 different colors + some black to give back some details in the center area. This took around 4 minutes to do, it doesn't look very pretty... But you can always use layer blend modes to spice it up. That pretty much covers the fire, not much more to it. Just make the basic shape with the customized brush, smudge it and start blending other colors in. I'll get the smoke tutorial out tomorrow at some point.

01-13-12, 05:21 PM	#3
Schroeder Navy Seal Join Date: Apr 2008 Location: Banana Republic of Germany Posts: 6,170 Downloads: 62 Uploads: 0	Shouldn't that be a British or a French plane. __________________ Putting Germ back into Germany.

02-10-12, 10:42 PM	#5
krashkart Navy Seal Join Date: Jan 2010 Posts: 5,292 Downloads: 100 Uploads: 0	Thanks Dowly. I'm saving this for future reference. __________________ sent from my fingertips using a cheap keyboard

02-22-12, 08:14 AM	#6
Herr-Berbunch Kaiser Bill's batman Join Date: May 2010 Location: AN72 Posts: 13,203 Downloads: 76 Uploads: 0	I don't think I need the tutorial, most of my aircraft already have this flame and smoke feature. Thanks I'll see if I can find some free time to play with this this afternoon. __________________

03-14-12, 09:23 PM	#7
Gargamel Lucky Sailor Join Date: Oct 2010 Location: Rome Posts: 4,272 Downloads: 81 Uploads: 0	Nice post downy. Tyvm. May come in handy some day. __________________ Luck is a residue of Design.

01-13-12, 01:28 PM	#2
Dowly Lucky Jack Join Date: Apr 2005 Location: Finland Posts: 25,005 Downloads: 32 Uploads: 0	Le Smóke (I'm sure that's french) 1. Firstly you want to make a helper line, from the source of the smoke to the end. Tends to make it easier in the long run. 2. Using the same brush we used with fire, choose the first color for the smoke. This will be the overall color or the base color of the smoke. As the background is quite light in my shot, I go with almost black. 3. Brush in the smoke all along the helper line, sort of a side to side method have worked the best for me when applying the first color, the shape is more random that way. Also, the smaller the brush the better, but don't go too small, think I used 8-10 here. Also, make the center of the smoke thicker, so you can't see through it. 4. Next, take out the smudge tool and smudge the smoke, I used the same settings as with the fire. We'll smudge the first color twice, the first time we just make it smoother and remove all the sharpness caused by the brush (blur filter might work here too)... ... and the second time, I like to make the smoke look a bit like a feather, pushing the smoke outwards with short fast strokes. Gives it a nice wispy look. 5. For the first color, now we just need to duplicate the layer, pop it beneath the original and give it gaussian blur, in this case I went with 15. 6. The last thing to do with smoke is what we did with fire: add different shades of grey to it on new layers and smudge them in. I used 2 new layers, the first being only slightly lighter shade, with larger brush I added just a little bit of it in few spots, the second color was much lighter shade which I applied with smaller (5-7) brush all along the top of the smoke to simulate light coming from above. That's it for the smoke, really. Experiment around and with some time spent it can be made to look very nice. Here's the finished tutorial shot with added layer blending (color dodge @ 60% for fire and screenshot). Total time was around 11 minutes on this.