Realistic Fire & Flame Effects | Photoshop Tutorial
Figuration: Tutorial
Description
In this quick tutorial I'll show you how to create realistic fire effects in Photoshop.
Visit our website: http://www.graphicsgeeks.net
Watch our photoshop tutorials playlist: https://goo.gl/DpfR9Z
We start off with a daylight shot. This is important, as we'll need a well exposed image as a starting point.
First let's turn this into a nighttime scene. Add a levels adjustment layer and move the center slider to the right to create some contrast. Then lower the output levels until our scene is almost pitch black.
Create a new folder and inside it add a curves adjustment layer. Move the right handle all the way to the left until it reaches the edge of our histogram. Now add a photo filter adjustment layer, select the custom color option, turn density right up to 100% and make sure that preserve luminosity is enabled.
Lastly we're going to set the light color to the exact color of a candle flame. To do this change the RGB value to Red 255, Green 147 and blue 41, and then hit OK.
Now that we have our fire light it's time to paint into our original scene. Select the folder and then click the add mask button, while holding down the ALT or Option key. This creates a mask that hides all of our fire light.
Next with the folder mask selected, use a soft white brush and start painting the fire light into your scene. It's best to use a low flow setting like 25% for this, so you can build up gradually. Take your time as you're painting and try to think carefully how your light will affect the scene. Some areas of your scene will receive a lot more light than others.
I'm happy with my lighting now, so let's start adding some fire effects. First the fire itself. I place a flame image that has a pure black background into my scene. The to get rid of the black background I change the blending mode to screen.
After some careful positioning I get it in just the right place. Things are looking quite cool already. However, there's a lot more we can do to make this even realistic.
First-off I'm going to add some smoke. I do this in exactly the same way as I did the fire, except this time it's important for me to lower the opacity so that the smoke doesn't look too bright.
Next I add in some sparks, the same way I did the fire. These look pretty cool. I can just imagine the atmosphere now, as the fire crackles away.
I'm not completely satisfied though. There's still a dimension that's lacking here. A fire emits a lot of heat, creating hot air that distorts the background behind it. Therefore I'm going to want to recreate this.
I duplicate my background and then with the top copy selected I go to Filter...Filter Gallery. Under the distort section I select the glass filter and then choose the canvass texture. The slider settings are completely up to you and will basically depend on your scene. Finally press OK to apply the filter.
Unfortunately this has applied our heat distortion effect to the entire scene. Instead we want to paint this effect on. To fix this select your upper background copy and click to add a new mask with the ALT or Option key held down. Next paint in the distortion area, just like we did with the fire light earlier. While you're doing this remember that hot air travels upwards and sometimes, if there's a light breeze, diagonally as well.
Things are looking pretty realistic now, but I'm not completely happy with the color grading. Firstly some of our reds have become over-exposed. To fix this add a curves adjustment layer, and select the red channel. Move the right handle down, until you see the red colors looking just right.
Another problem is that we have a bit too much black in our background. This takes a lot of interest away from our scene, so we're going to want to lift that up a bit. Change back to the RGB channel and lift up the left handle. You can also make some other tweaks as necessary.
You can see that this has really enhanced the look of our scene. I'm really happy with this now!
That's it for this tutorial. If enjoyed it subscribe and hit the like button - and I'll see you next time!
Stock Photography (Shutterstock License):
http://www.shutterstock.com/pic.mhtml?id=263889995
http://www.shutterstock.com/pic.mhtml?id=236011747
http://www.shutterstock.com/pic.mhtml?id=228379243
http://www.shutterstock.com/pic.mhtml?id=183931349
Visit our website: http://www.graphicsgeeks.net
Watch our photoshop tutorials playlist: https://goo.gl/DpfR9Z
We start off with a daylight shot. This is important, as we'll need a well exposed image as a starting point.
First let's turn this into a nighttime scene. Add a levels adjustment layer and move the center slider to the right to create some contrast. Then lower the output levels until our scene is almost pitch black.
Create a new folder and inside it add a curves adjustment layer. Move the right handle all the way to the left until it reaches the edge of our histogram. Now add a photo filter adjustment layer, select the custom color option, turn density right up to 100% and make sure that preserve luminosity is enabled.
Lastly we're going to set the light color to the exact color of a candle flame. To do this change the RGB value to Red 255, Green 147 and blue 41, and then hit OK.
Now that we have our fire light it's time to paint into our original scene. Select the folder and then click the add mask button, while holding down the ALT or Option key. This creates a mask that hides all of our fire light.
Next with the folder mask selected, use a soft white brush and start painting the fire light into your scene. It's best to use a low flow setting like 25% for this, so you can build up gradually. Take your time as you're painting and try to think carefully how your light will affect the scene. Some areas of your scene will receive a lot more light than others.
I'm happy with my lighting now, so let's start adding some fire effects. First the fire itself. I place a flame image that has a pure black background into my scene. The to get rid of the black background I change the blending mode to screen.
After some careful positioning I get it in just the right place. Things are looking quite cool already. However, there's a lot more we can do to make this even realistic.
First-off I'm going to add some smoke. I do this in exactly the same way as I did the fire, except this time it's important for me to lower the opacity so that the smoke doesn't look too bright.
Next I add in some sparks, the same way I did the fire. These look pretty cool. I can just imagine the atmosphere now, as the fire crackles away.
I'm not completely satisfied though. There's still a dimension that's lacking here. A fire emits a lot of heat, creating hot air that distorts the background behind it. Therefore I'm going to want to recreate this.
I duplicate my background and then with the top copy selected I go to Filter...Filter Gallery. Under the distort section I select the glass filter and then choose the canvass texture. The slider settings are completely up to you and will basically depend on your scene. Finally press OK to apply the filter.
Unfortunately this has applied our heat distortion effect to the entire scene. Instead we want to paint this effect on. To fix this select your upper background copy and click to add a new mask with the ALT or Option key held down. Next paint in the distortion area, just like we did with the fire light earlier. While you're doing this remember that hot air travels upwards and sometimes, if there's a light breeze, diagonally as well.
Things are looking pretty realistic now, but I'm not completely happy with the color grading. Firstly some of our reds have become over-exposed. To fix this add a curves adjustment layer, and select the red channel. Move the right handle down, until you see the red colors looking just right.
Another problem is that we have a bit too much black in our background. This takes a lot of interest away from our scene, so we're going to want to lift that up a bit. Change back to the RGB channel and lift up the left handle. You can also make some other tweaks as necessary.
You can see that this has really enhanced the look of our scene. I'm really happy with this now!
That's it for this tutorial. If enjoyed it subscribe and hit the like button - and I'll see you next time!
Stock Photography (Shutterstock License):
http://www.shutterstock.com/pic.mhtml?id=263889995
http://www.shutterstock.com/pic.mhtml?id=236011747
http://www.shutterstock.com/pic.mhtml?id=228379243
http://www.shutterstock.com/pic.mhtml?id=183931349
Metadata
Video ID | 297 | Youtube URL | Realistic Fire & Flame Effects | Photoshop Tutorial |
---|---|
Captions Available | Yes |
Captions Downloadable | Yes |
Playlists | |
Duration | 00:04:24 |
Definition | hd |
Keywords | |
License | youtube |
Embeddable | Yes |
Views | 15843 |
Likes | 267 |
Dislikes | 2 |
Favourites | 0 |
Comments | 21 |
Created | 2017-05-04 1:00:44 PM |
Updated | 2017-05-04 1:13:39 PM |
Profiles
Profile 1
Purpose | Tutorial (why) |
---|---|
Content | |
Participants | nameless (f) model, nameless (m) model, Photoshop (m) geek |
Form | Tutorial (how) |
Time | |
Place |
Profile 2
Purpose | Tutorial |
---|---|
Content | Portrait, Scene |
Participants | nameless (f) model, nameless (m) model, Photoshop (m) geek |
Form | Tutorial (how) |
Time | Real time |
Place | Desktop |
Profile 4
Purpose | |
---|---|
Content | Portrait |
Participants | |
Form | |
Time | |
Place |