Photoshop Warm Golden Sunsets Tutorial

Warm Golden Sunset Effect With Photoshop

Tired of your sunset photos looking dull and lifeless? Learn how to enhance and restore those warm, golden colors with a Gradient Map adjustment and a layer blend mode in Photoshop! For Photoshop CC and CS6.

Written by Steve Patterson. Sunsets are one of the most widely-photographed aspects of nature. Yet our photos rarely capture their intense beauty. A sky once filled with warm, golden hues often ends up looking cooler, less vibrant, and ultimately less interesting. In this Photoshop tutorial, we'll learn how to easily enhance our sunset photos and restore those warm reds, oranges and yellows. And we'll do it using nothing more than a simple Gradient Map adjustment layer and a layer blend mode!

This version of our Warm, Golden Sunsets tutorial has been updated for Photoshop CC and is fully compatible with Photoshop CS6. If you're using CS5 or earlier, you'll want to follow along with the original version.

Here's the photo I'll be using. I shot this one on a summer evening at the beach. I like the image overall, with the sun setting across the water. But those rich, vibrant colors I remember are looking muted and dull:

The original sunset photo. Image © 2017 Steve Patterson
The original sunset photo. Photo credit: Steve Patterson.

Here's the same image after warming it up and enhancing the colors. As always, I'll be covering each step along the way so you can easily follow along with your own image:

Photoshop warm golden sunset effect.
The enhanced sunset effect.

This tutorial is from our Photo Effects collection. Let's get started!

How To Create Warm Golden Sunsets In Photoshop

Step 1: Add A Gradient Map Adjustment Layer

With our image newly-opened in Photoshop, we see the photo not only in the document window but also in the Layers panel. It's sitting on the Background layer, currently the only layer in the document:

The Layers panel in Photoshop showing the sunset photo on the Background layer
The Layers panel showing the sunset photo on the Background layer.

To enhance the colors in the sunset, we'll use a Gradient Map image adjustment. But applying the adjustment directly to the image would make a permanent change to the original photo. To avoid making any permanent changes, we'll apply the Gradient Map as an adjustment layer. Click on the New Fill or Adjustment Layer icon at the bottom of the Layers panel:

Clicking the New Fill or Adjustment Layer icon in the Layers panel.
Clicking the New Fill or Adjustment Layer icon.

This opens a list of Photoshop's fill and adjustment layers. Choose Gradient Map from the list:

Choosing a Gradient Map adjustment layer.
Choosing a Gradient Map adjustment layer.

If we look again in the Layers panel, we see the new Gradient Map adjustment layer, named "Gradient Map 1", sitting above the image on the Background layer. Since the adjustment layer is separate from the image itself, nothing we do with the Gradient Map will be permanent. The original photo will always remain safe:

The Layers panel now showing the Gradient Map adjustment layer.
The Layers panel showing the Gradient Map adjustment layer.

How A Gradient Map Adjustment Works

Photoshop's Gradient Map adjustment gets its name from what it does. It lets us map, or assign, different colors of a gradient to different tonal or brightness values in the image. For example, we can use a Gradient Map to assign one color to the darker areas (the shadows) and another color to the lighter areas (the highlights). Or we can take it a step further and map a third color to the midtones in between. In fact, if we wanted, we could map the entire tonal range of an image to a rainbow of colors! And since we're working with gradients, Photoshop creates smooth transitions between the colors we've chosen.

By default, the Gradient Map uses your current Foreground and Background colors as the colors for the gradient. If your Foreground and Background colors are set to their defaults, with your Foreground color being black and the Background color being white, you'll see your image temporarily mapped to black and white. This is pretty much the opposite of what we want for our sunset, so we'll see how to edit the gradient colors in a moment:

The image with the default Foreground to Background gradient map aplied.
The image mapped to the default black to white gradient.

Step 2: Click On The Preview Bar To Edit The Gradient

The options for the Gradient Map adjustment layer are found in Photoshop's Properties panel. The horizontal preview bar shows us the current gradient colors. To edit the colors, click on the preview bar:

Clicking on the gradient preview bar in the Properties panel
Clicking the gradient preview bar in the Properties panel.

Step 3: Change The Gradient Color On The Left To Red

Clicking the preview bar opens the Gradient Editor. In the bottom half of the Gradient Editor is a larger gradient preview bar. Below each side of the preview bar is a little square with an arrow above it. These are called color stops. We use these color stops to edit the gradient colors. Let's start by editing the color on the left. This is the color that will be mapped to the darkest tones in the image. Double-click on the black color stop below the far left of the gradient:

Editing the color on the left of the gradient in the Gradient Editor.
Double-clicking on the black color stop.

This opens Photoshop's Color Picker where we can select a different color. Choose a bright, saturated red. If you want to use the same shade of red that I'm using, look for the R, G and B values in the lower center of the Color Picker. "R" stands for Red, "G" is for Green, and "B" is for Blue. Set the R value to 240, the G value to 15 and the B value also to 15. Click OK when you're done to close out of the Color Picker:

Choosing red for the left side of the gradient.
Selecting a bright red from the Color Picker.

We still have to change the color for the lightest tones, so don't close out of the Gradient Editor just yet. If we look at our image, we see the darker tones now appearing as various shades of red rather than black. You may think that bright red is an odd choice for the darkest tones in the image. But don't worry, it will darken up nicely when we change the blend mode of the Gradient Map adjustment layer in a few moments:

The image after changing black in the gradient to red.
The image after mapping the darkest tones to red.

Step 4: Change The Gradient Color On The Right To Yellow

Next, let's change the color that's mapped to the lightest tones in the image. Still in the Gradient Editor, double-click on the white color stop below the right side of the gradient:

Double-clicking on the white color stop in the Gradient Editor
Double-clicking on the white color stop.

This once again opens the Color Picker. This time, choose a bright, saturated yellow. To use the same shade of yellow that I'm using, set the R value to 245, the G value to 220 and the B value to 10. Click OK when you're done to close out of the Color Picker:

Choosing yellow for the right side of the gradient.
Choosing yellow for the right side of the gradient.

If we look in the preview bar of the Gradient Editor, we see that we now have a gradient that transitions from red on the left to yellow on the right. And, because Photoshop blends the two colors together, we also have a nice orange in the midtones:

The Gradient Editor showing the new red to yellow gradient.
Our new red to yellow gradient (with orange in the middle).

We're done editing the gradient, so click OK to close the Gradient Editor. Here's what my image looks like at this point, with the darkest tones mapped to red, the lightest tones mapped to yellow, and the midtones mapped to orange. Of course, the colors are not blending in with the photo the way they should be, so we'll fix that next:

The image mapped to the red, orange and yellow gradient.
The image mapped to the red, orange and yellow gradient.

Step 5: Change The Blend Mode Of The Gradient Map To Overlay

All we need to do now is blend the gradient colors in with the photo. We can do that by changing the blend mode of the Gradient Map adjustment layer. You'll find the Blend Mode option in the upper left of the Layers panel. By default, the blend mode is set to Normal. Click on the word "Normal" and change the blend mode to Overlay:

Changing the blend mode of the Gradient Map adjustment layer to Overlay
Changing the blend mode of the Gradient Map adjustment layer to Overlay.

Photoshop's Overlay blend mode boosts the overall contrast in an image, making light areas lighter and dark areas darker. It also increases color saturation. After changing the blend mode to Overlay, the reds, oranges and yellows from our gradient now blend more naturally with the photo. The reds are now much darker, the yellows are much lighter, and a deep, saturated orange warms the areas in between:

The image after changing the blend mode of the Gradient Map layer to Overlay.
The image after changing the blend mode of the Gradient Map layer to Overlay.

Step 6: Lower The Opacity Of The Gradient Map Layer

The only problem remaining is that the gradient colors are looking too intense. Let's reduce their intensity so that the photo looks more like a sunset and less like the end of the world. All we need to do is lower the opacity of the Gradient Map adjustment layer. You'll find the Opacity option in the upper right of the Layers panel, directly across from the Blend Mode option. Keep an eye on your image as you lower the opacity to find the setting that works best. I'll lower mine down to 50%:

Lowering the opacity of the adjustment layer.
Lowering the opacity of the adjustment layer.

Before And After

And with that, we're done! To compare the enhanced version of your sunset with the original photo, turn the Gradient Map adjustment layer off by clicking its visibility icon in the Layers panel:

Clicking the visibility icon for the Gradient Map adjustment layer.
Clicking the visibility icon for the adjustment layer.

With the adjustment layer off, the effects of the Gradient Map are hidden and the original photo reappears:

The original sunset photo for comparison
The original sunset photo with its dull, muted colors.

To view your enhanced version, turn the Gradient Map adjustment layer back on by clicking once again on its visibility icon (the empty box where the eyeball appeared). And here, after lowering the opacity to reduce the intensity of the colors, is my final "warm, golden sunset" result:

The final enhanced sunset effect in Photoshop
The enhanced sunset photo.