Photoshop Essentials.com - Tutorials and training for Adobe Photoshop.

Non-Destructive Infrared Glow Effect In Photoshop

Written by Steve Patterson. In this Photoshop tutorial, we’ll learn how to quickly and easily add a dream-like infrared glow effect to an image, and we’ll do it non-destructively using Smart Filters and adjustment layers so that when we’re done, our effect will remain fully editable and we won’t have damaged a single pixel in the original image. For best results with this tutorial, I recommend using Photoshop CS6 (which is the version I’ll be using).

Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!

Here’s the photo I’ll be starting with:

The original photo. Image licensed from Fotolia by Photoshop Essentials.com
The original image.

And here’s what the final infrared glow effect will look like, with a hint of the original color brought back in (which we’ll do at the end of the tutorial):

The final infrared glow effect in Photoshop. Image © 2012 Photoshop Essentials.com.
The final effect.

Let’s get started!

Step 1: Add A Black & White Adjustment Layer

We’re going to apply the infrared effect and the glow effect to the image separately, so let’s start with the infrared effect which we can quickly add using a simple preset found in the Black & White image adjustment. In the Adjustments panel, click on the Black & White icon (third icon from the left, middle row):

Clicking the Black & White icon in the Adjustments panel in Photoshop CS6. Image © 2012 Photoshop Essentials.com.
Clicking the Black & White icon in the Adjustments panel.

This will add a Black & White adjustment layer (named “Black & White 1″) above the image in the Layers panel:

The Layers panel showing the Black & White adjustment layer. Image © 2012 Photoshop Essentials.com.
The Layers panel showing the Black & White adjustment layer.

Your photo will instantly be converted from color to black & white in the document window:

The image after adding the Black & White adjustment layer. Image © 2012 Photoshop Essentials.com.
The image after adding the adjustment layer.

Step 2: Select The Infrared Preset

The controls and options for the Black & White adjustment appear in the Properties panel (new in Photoshop CS6). Near the top of the panel is the Preset option which is initially set to Default. Click on the word Default and select Infrared from the list of presets that appears:

Choosing the Infrared preset for the Black & White adjustment layer. Image © 2012 Photoshop Essentials.com.
Changing the Preset option from Default to Infrared.

This will instantly give your image more of an infrared look to it. In my case, though, it’s made most of the trees and grass too bright, causing them to lose much of their detail:

The image after adding the Black & White adjustment layer. Image © 2012 Photoshop Essentials.com.
The image after changing the preset to Infrared.

To fix that, since the trees and grass contain yellow and green, all I need to do is drag the Yellows and Greens sliders in the Properties panel towards the left to decrease the brightness in those areas. You can fine-tune the brightness of any area in your photo to your liking simply by dragging the appropriate color slider left or right (based on the original colors in the image):

Dragging the color siders for the Black & White adjustment layer. Image © 2012 Photoshop Essentials.com.
Dragging the color sliders to increase or decrease brightness in specific areas.

Here’s what my image looks like after fine-tuning it with the color sliders:

The infrared image. Image © 2012 Photoshop Essentials.com.
The detail in the trees and grass has been restored.

Step 3: Select The Background Layer

Now, let’s work on adding our glow effect. Click on the Background layer in the Layers panel to select it:

Selecting the Background layer in the Layers panel. Image © 2012 Photoshop Essentials.com.
Selecting the Background layer.

Step 4: Convert It Into A Smart Object

Right-click (Win) / Control-click (Mac) directly on the Background layer in the Layers panel and choose Convert to Smart Object from the menu that appears:

Choosing the Convert to Smart Object option. Image © 2012 Photoshop Essentials.com.
Choose “Convert to Smart Object”.

This converts the Background layer into a Smart Object which means (among other things) that we can now apply filters to it non-destructively (filters applied to Smart Objects are known as Smart Filters). You’ll see a small icon in the lower right corner of the layer’s thumbnail telling us it’s now a Smart Object:

The Background layer has been converted into a Smart Object. Image © 2012 Photoshop Essentials.com.
A Smart Object icon appears in the thumbnail.

Step 5: Reset Your Foreground And Background Colors To Black And White

In a moment, we’re going to apply Photoshop’s Diffuse Glow filter to the Smart Object to add our glow effect, but the Diffuse Glow filter uses our current Foreground and Background colors as the colors for the glow, which means that before we apply the filter, we first need to make sure our Foreground and Background colors are set to their defaults (black for the Foreground color, white for the Background color). The easiest way to do this is to reset them by pressing the letter D (for “Defaults”) on the keyboard. You can see the current Foreground and Background colors in the color swatches near the bottom of the Tools panel. The upper left swatch (the Foreground color) should be black and the lower right (Background color) swatch should be white:

The Foreground and Background color swatches in the Tools panel. Image © 2012 Photoshop Essentials.com.
Press “D” on your keyboard to reset the Foreground (left) and Background (right) colors to their defaults.

Step 6: Apply The Diffuse Glow Filter

With our Foreground and Background colors reset, we can apply the Diffuse Glow filter. In previous versions of Photoshop, we could select Diffuse Glow directly from the Filter menu, but Adobe cleaned up the Filter menu in CS6 and now many of the filters (Diffuse Glow being one of them) can only be accessed through the Filter Gallery. Go up to the Filter menu in the Menu Bar along the top of the screen and choose Filter Gallery:

Selecting the Filter Gallery from the Filter menu in Photoshop CS6. Image © 2012 Photoshop Essentials.com.
Go to Filter > Filter Gallery.

When the large Filter Gallery appears on your screen, use the middle column to navigate to the Distort category, then select the Diffuse Glow filter:

Selecting Diffuse Glow from the Distort filter category. Image © 2012 Photoshop Essentials.com.
Choosing the Diffuse Glow filter from the Distort category.

Before we start adjusting the glow, let’s first make sure we can see the entire image in the preview area on the left. Right-click (Win) / Control-click (Mac) anywhere inside the preview area and choose Fit in View from the menu that appears:

Selecting the Fit in View option in the Filter Gallery. Image © 2012 Photoshop Essentials.com.
Right-click (Win) / Control-click (Mac) in the preview area and choose Fit in View.

Photoshop will zoom the image so it fits nicely within the preview area boundaries:

The Filter Gallery in Photoshop CS6. Image © 2012 Photoshop Essentials.com.
The image now fits inside the preview area.

One thing you’ll notice is that even though we just finished converting the photo to black and white, it appears in full color again in the preview area of the Filter Gallery. That’s because the black and white effect is contained entirely within our Black & White adjustment layer, and we’re applying the filter only to the Smart Object below it, so all we see in the preview area is the contents of the Smart Object (which holds the full color version of the photo). The Filter Gallery has no idea that there’s a Black & White adjustment layer sitting above the Smart Object, but when we’re done with the Diffuse Glow filter and close out of the Filter Gallery, we’ll go back to seeing the infrared black and white version of the image in the document window.

At the top of the right column in the Filter Gallery are the three slider controls for the Diffuse Glow filter. Drag the top Graininess slider right or left to increase or decrease the amount of film grain the image, or drag the slider down to 0 to turn the grain effect off if you don’t like it. The actual glow effect is controlled by the other two sliders. The Glow Amount slider controls the strength and intensity of the glow, while the Clear Amount slider controls the tonal range that’s affected by the glow. Dragging the slider further to the right will limit the glow effect to just the lighter areas of the image, while dragging it to the left will add in the darker areas as well. There’s no preset recipe here for the values to use for each option. It will depend entirely on your image and on your own personal taste, so just keep an eye on the preview area as you drag each slider until you’re happy with the results:

The Graininess, Glow Amount and Clear Amount sliders for the Diffuse Glow filter. Image © 2012 Photoshop Essentials.com.
Use the Glow Amount and Clear Amount sliders to control the look of the glow. Add grain with the Graininess slider.

If you want to compare the glow effect with the original image, click on the Diffuse Glow filter’s visibility icon (the eyeball) below the three sliders. Click it once to hide the filter effects and view the original image in the preview area, then click it again to turn the filter back on

The Diffuse Glow filter visibility icon in the Filter Gallery. Image © 2012 Photoshop Essentials.com.
The filter visibility icon below the sliders.

When you’re done, click OK in the top right corner of the Filter Gallery to close out of it and apply the Diffuse Glow filter as a Smart Filter to the Smart Object. Now that we’re no longer in the Filter Gallery, we again see the effects of the Black & White adjustment layer, now combined with the glow effect from the Diffuse Glow filter:

The image after applying the Diffuse Glow filter. Image © 2012 Photoshop Essentials.com.
The image after applying the Diffuse Glow filter.

Step 7: Lower The Opacity Of the Smart Filter If Needed

You may not need this step with your image, but in my case, the Diffuse Glow filter has blown out the detail in the sky, as well as some detail in the water. A simple solution to the problem is to lower the opacity of the Diffuse Glow filter to bring back some of the missing detail, and since we applied it as a Smart Filter, lowering the opacity is easy!

If we look in the Layers panel, we can see the Filter Gallery listed as a Smart Filter below the Smart Object. We can access blending options for the Smart Filter by double-clicking on the small Blending Options icon to the right of the filter’s name:

The Blending Options icon for the Smart Filter in the Layers panel. Image © 2012 Photoshop Essentials.com.
Double-clicking the Blending Options icon.

This opens the Blending Options dialog box where we can change the blend mode or the opacity (or both) of the filter. I’m going to leave the blend mode set to Normal, but I’ll use the Opacity option to lower the opacity down to 75%:

The Blending Options for the Smart Filter in Photoshop CS6. Image © 2012 Photoshop Essentials.com.
Lowering the Filter Gallery’s opacity.

This allows some of the Smart Object’s original contents to show through the filter effects, restoring some detail in the sky and water:

The image after lowering the opacity of the Filter Gallery. Image © 2012 Photoshop Essentials.com.
The image after lowering the opacity of the Smart Filter.

If you need to go back and make changes to the Diffuse Glow settings at this point, once again it’s easy thanks to Smart Filters. Simply double-click on the Filter Gallery in the Layers panel. This will re-open the Filter Gallery to the Diffuse Glow settings where you can make any changes you need. Click OK when you’re done to once again close out of the gallery and you’ll see your changes instantly updated in the document window. You can do this as many times as you want because Smart Filters are non-destructive so no permanent changes are ever made to the image:

Re-opening the Filter Gallery Smart Filter from the Layers panel. Image © 2012 Photoshop Essentials.com.
We can double-click on any Smart Filter in the list to re-open its dialog box and make any changes we need.

Step 8: Select The Black & White Adjustment Layer

Let’s finish things off by bringing back just a hint of the photo’s original colors. First, click on the Black & White adjustment layer in the Layers panel to select it:

Selecting the Black & White adjustment layer in the Layers panel. Image © 2012 Photoshop Essentials.com.
Selecting the Black & White adjustment layer.

Step 9: Lower The Opacity To 90%

In the upper right of the Layers panel is the Opacity option. Simply lower the adjustment layer’s opacity down to around 90%:

Lowering the adjustment layer's opacity in the Layers panel. Image © 2012 Photoshop Essentials.com.
Lowering the layer opacity to 90%.

This allows some of the colors from the Smart Object below the adjustment layer to show through, giving us our final result:

The final infrared glow effect in Photoshop. Image © 2012 Photoshop Essentials.com.
The final result.

And there we have it! That’s how to create a quick, non-destructive infrared glow effect using adjustment layers and Smart Filters in Photoshop CS6! Check out our Photo Effects section for more great Photoshop effects tutorials, or see below for other tutorials you may be interested in!

Download our tutorials as print-ready PDFs! Learning Photoshop has never been easier!

You May Also Like...