Creating a Backlit Portrait pt.2

Spectacular Color Toning for a Backlit Portrait in Photoshop

Picking up in Photoshop where the lighting setup for this backlit, lounge-style portrait left off, this tutorial takes the natural flare and warm backlight already present in the straight-out-of-camera shot and pushes them further with color grading, a set of photographed color blur textures, and a final pass of grain sized specifically for the web.

Toning Down Saturation for an Editorial Base Look

Everything that follows is easier to judge once the starting point is a little less saturated than the camera delivered it.

1. Lower Overall Saturation Slightly

   Add a Hue/Saturation adjustment layer and pull the overall saturation down a small amount, giving the image an editorial, slightly desaturated base to build the rest of the color work on top of.

Deep color work applied to highlights and shadows tends to look strange or overdone if the base image is already highly saturated, so pulling saturation back first keeps the later color grading from feeling excessive.

Shifting Shadows and Highlights With Levels Output

The split between warm highlights and cool shadows is built in a single Levels layer, using the sliders most people skip.

2. Adjust the Blue Channel’s Output Levels

   Add a Levels adjustment layer, switch to the Blue channel, and adjust the output levels — not the input levels — bringing blue into the shadows and yellow (blue’s opposite) into the highlights.

Why Output Levels Instead of Input Levels

Adjusting a channel’s input levels changes contrast and can introduce unwanted color shifts or banding. Adjusting output levels instead compresses the channel’s brightest and darkest values toward a chosen point without the same contrast side effects, which is a cleaner way to tint shadows and highlights in opposite directions.

Warming the Overall Image With the Red Channel

A touch of red keeps the warm end of that split from reading as purely yellow.

3. Adjust the Red Channel and Overall Brightness

   Switch to the Red channel and nudge its levels to add warmth rather than a purely yellow cast, then switch back to the combined RGB channel and brighten the image slightly overall.

A backlit subject with a shallow depth of field and good shadow detail is a particularly good candidate for this kind of warm-and-cool color grading, since those three conditions — backlight, shallow depth of field, and visible shadow detail — play especially well with a contrasting warm highlight and cool shadow palette.

Loading Color Blur Textures Into a Stack

The most interesting color in this edit does not come from an adjustment layer at all — it comes from other photographs.

4. Load Color Blur Images Into a Stack

   Go to File > Scripts > Load Files Into Stack, browse to a set of photographed color blur textures — out-of-focus, colored light photographed with a shallow depth of field — and load them all in as separate layers.

5. Group and Move Them Onto Your Portrait

   Shift-click the loaded layers, group them with Cmd/Ctrl + G, then drag the entire group over into the portrait document.

Why Photographed Color Blurs Beat Pushing Curves

Dragging a Curves adjustment layer to push color around technically works, but it degrades the image by manipulating the same limited pixel data that’s already there. A photographed color blur is actual new photographic information — real light captured through a lens — so blending it in adds genuine detail and color rather than just redistributing an existing histogram.

Blending and Adjusting Color Blurs With Screen Mode

Screen mode is what lets a whole photograph contribute only its light to the image underneath.

6. Set Each Color Blur Layer to Screen

   Change each color blur layer’s blend mode from Normal to Screen, which makes dark areas of the layer disappear entirely while keeping and adding its lighter, colored areas.

7. Adjust Levels and Saturation to Taste

   Use Levels on each color blur layer to darken or lighten it (since darker areas vanish under Screen mode, pulling levels down effectively shrinks how much of the layer shows), and use Hue/Saturation to dial its color intensity up or down.

Masking and Combining Multiple Color Blur Layers

With several blurs stacked, masking decides which parts of the frame each one is allowed to touch.

8. Mask Each Layer to Control Where It Shows

   Add a layer mask to any color blur layer that needs to be restricted to a specific area, and paint black to hide it where it isn’t wanted — over the face, for instance, if a particular blur reads too strongly there.

9. Combine Several Blurs and Blend Modes

   Layer multiple color blur textures together, trying different blend modes beyond just Screen — Lighten, Soft Light, and Color Dodge each produce a different intensity of effect — and freely transform, flip, or resize any of them to fit the composition better.

Since these are just ordinary layers, there’s no fixed formula here — combining a few that add warmth and interest around the hair and shoulders, while masking away anything that competes with the face, is mostly a matter of experimentation until the combination feels right.

Scaling Down Before Adding Grain

Grain is the last step, and it only works if the image is already at the size it will actually be viewed.

10. Create a Stamp Visible Layer and Duplicate to a New Document

    Press Shift + Option/Alt + Cmd/Ctrl + N for a new layer, then Shift + Option/Alt + Cmd/Ctrl + E to stamp everything visible onto it. Right-click and choose Duplicate Layer, sending it to a new document so the original file stays untouched.

11. Resize the Duplicate to Final Display Size

    Go to Image > Image Size on the new document and set the width to match the image’s actual display size on the page — 730 pixels wide, for example.

Why Grain Has to Be Added at Final Size

Adding grain to a large, full-resolution image and then scaling it down for the web shrinks that grain right along with everything else, often to the point where it’s barely visible anymore. Resizing to final display size first and adding grain afterward means the grain is actually sized correctly for how the image will be viewed.

Adding Grain With a 50% Gray Noise Layer

A gray layer set to Soft Light gives you grain you can dial back at any point rather than baking it into the pixels.

12. Fill a New Layer With 50% Gray

    Create a new layer, press Shift + Delete, and fill it with 50% gray.

13. Apply the Add Noise Filter

    Go to Filter > Noise > Add Noise, choosing either Gaussian or Uniform distribution, and keep the amount modest since too much noise adds unwanted contrast. Leave Monochromatic unchecked for a bit of color noise, which can look more natural than pure black-and-white grain.

14. Set the Noise Layer to Soft Light and Lower Opacity

    Change the noise layer’s blend mode to Soft Light, then lower its opacity — press V and a number key for a quick opacity shortcut — to somewhere around 20 to 40% depending on how strong the grain should read.

15. Desaturate the Grain if It’s Too Colorful

    If the color noise looks too strong, press Cmd/Ctrl + U and pull the saturation down on the noise layer without removing it entirely.

Saving for Web at the Right Size

One last export setting keeps the file small without undoing any of the work above.

16. Save for Web at a Reasonable Quality

    Go to File > Save for Web, choose JPEG, and select a quality setting like 60 to 70%, which keeps file size small without a noticeable loss in visual quality once the image is already scaled to its final display size.

Why This Approach Works

The color grading here leans on a genuinely different source of information than a typical curves-based color grade: real photographed blur textures blended in Screen mode, rather than pixels stretched and redistributed from the original image’s own limited data. Screen mode is what makes that possible, since it discards a layer’s dark tones entirely and adds only its lighter, colored information on top of the photo underneath, which means multiple color blurs can be stacked without muddying the image the way repeated Curves pushes eventually would. The warm-highlight, cool-shadow split built earlier with Levels output adjustments works especially well with a backlit, shallow-depth-of-field subject, since that kind of lighting already has the tonal separation a two-tone color grade needs to read clearly. And treating grain as a final-size-only step, rather than something applied to the full-resolution master file, is what keeps that texture actually visible once the image reaches its intended display size on the web.

Final Thoughts

This is a workflow built for experimentation as much as precision — the color blur textures in particular reward just trying different blend modes, opacities, and masks until something clicks, rather than following one fixed recipe. The more disciplined steps, like adjusting output levels instead of input levels and adding grain only after scaling to final size, are the parts worth remembering exactly, while the color blur layering is meant to be played with freely on whatever image you’re working on.

Quick Reference: Keys, Menus and Settings

• Tone the imageHue/Saturation down a little; Levels: Blue channel Output Levels, Red slightly left, RGB left to brighten
• Load the blursFile > Scripts > Load Files Into Stack, then Cmd/Ctrl + G to group
• Blend the blursScreen; Cmd/Ctrl + L Levels, Cmd/Ctrl + U Hue/Saturation, Cmd/Ctrl + M Curves
• Copy at web sizeShift + Alt/Option + Cmd/Ctrl + N, then + E; right-click > Duplicate Layer to a new document; Image > Image Size 730 px
• Make grainShift + Delete > 50% Gray; Filter > Noise > Add Noise, Monochromatic off; Soft Light
• Set grain strengthV, then 3 for 30% opacity; Cmd/Ctrl + U to desaturate the noise
• Save for the webShift + Alt/Option + Cmd/Ctrl + S (Save for Web), JPEG, Quality 60 to 70