Jump to content

[Tutorial]Photoshop Sunset: Warm Golden Sunsets With Gradient Maps


Recommended Posts

When I think of the perfect sunset photo, my mind immediately fills with lots of warm reds, oranges and yellows as the sun gently sets across the water or beyond the hills. Sunsets are one of the most commonly photographed aspects of nature, and yet photos rarely manage to capture their intense beauty. What was once a sky filled with rich, golden hues often ends up looking cooler, less vivid, and ultimately less interesting.


Here's a photo I took one summer evening at the beach:




I like how the sun is getting ready to dip below the horizon as a boat heads out across the lake, but the colors are quite muted and dull. They could definitely use a little help.


Here's how the photo will look after a quick and easy adjustment using a Gradient Map:




Let's get started!


Step 1: Add A "Gradient Map" Adjustment Layer


If you've been following along with our tutorials for a while, you know that in most cases, the very first thing we do is duplicate the Background layer, which allows us to work on the image without harming the original pixel information. In this case though, we're going to be using one of Photoshop's adjustment layers, and one of the great things about adjustment layers is that they allow us to work non-destructively. In other words, we get to work on the image without actually touching it! Photoshop gives us a complete preview of what the image looks like after making our adjustments, whether we're using a Levels or Curves adjustment layer to improve overall image contrast, a Hue/Saturation adjustment layer to colorize an image, or a Threshold adjustment layer to find the lightest and darkest parts of the image, but all of the work is actually being done inside the adjustment layer itself. None of it is being done directly to the image.


We'll save a big discussion about adjustment layers for another tutorial, but for now, just know that nothing we do with the Gradient Map adjustment layer we're about to add will harm the image in any way, which is why there's no need to first duplicate our Background layer.


Before we can do anything with our adjustment layer though, we first need to add it, so click on the New Adjustment Layer icon at the bottom of the Layers palette:




Photoshop Sunset: Clicking on the "New Adjustment Layer" icon.


Then choose Gradient Map from the list of adjustment layers that appears:




Photoshop Sunset: Select "Gradient Map" from the list.

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


This brings up Photoshop's Gradient Map dialog box:




Photoshop Sunset: The Gradient Map dialog box.


Photoshop's Gradient Map feature gets its name from what it does. It allows us to "map", or assign, different colors to different tonal values in the image. We can use a Gradient Map to make all dark areas in an image one color, all light areas a different color, and all mid-tone areas yet another color. We can say "I want all dark areas to be blue", for example, and "I want all light areas to be red, and all mid-tones to be green". I'm just using random examples, of course. You can choose any colors you like! In fact, you can divide the tonal range of an image into a rainbow of colors if you want, and since we're working with gradients (hence the name "Gradient Map"), Photoshop will create smooth transitions between the colors for us.


When the Gradient Map dialog box appears, it will most likely be set to the "Foreground to Background" gradient as we can see above, going from black on the left to white on the right (assuming that your Foreground and Background colors are currently set to the defaults). If we were to map this gradient to our image, we'd instantly convert our image into black and white. In fact, if you look at your image in the document window, you'll see that all the color is now gone (as long as the Preview option is selected in the dialog box):




Photoshop Sunset: The image appears black and white with the default gradient.


Of course, this isn't what we want. We want to add reds, oranges and yellows to our sunset, not convert it to black and white, so the first thing we need to do is edit the gradient. To do that, click directly on the gradient preview area:




Photoshop Sunset: Edit the gradient by clicking directly on the preview area.


This will bring up the Gradient Editor which we'll look at next.


Step 3: Set The Dark Areas In The Image To Red


When Photoshop's Gradient Editor appears, you'll see another gradient preview area in the bottom half of the dialog box. We're going to change the colors of the gradient, starting with the black color on the left. Double-click on the black color stop on the bottom left of the gradient preview area:




Photoshop Sunset: Double-click on the black color stop.


This brings up Photoshop's Color Picker. Choose a nice red color for the dark areas of the image:




Photoshop Sunset: Selecting red from the Color Picker.


You'll see all the dark areas of your image become red in your document window:




Photoshop Sunset: The dark areas of the image are now red.


Click OK to exit out of the Color Picker when you're done, but don't exit out of the Gradient Editor just yet. We still have to change the color for the light areas.

Step 4: Set The Light Areas In The Image To Yellow


Next, we're going to change the color of the light areas in the image. Double-click on the white color stop on the bottom right of the gradient preview area:




Photoshop Sunset: Double-click on the black color stop.


The Color Picker will appear once again. This time, choose a bright yellow for the light areas:




Photoshop Sunset: Selecting a yellow color from the Color Picker.


Click OK to exit out of the Color Picker once you've chosen your color. If we look at our gradient preview area in the Gradient Editor now, we can see that we've changed the gradient from black and white to red and yellow, with Photoshop blending the two colors together for us, giving us a nice orange color in the mid-tones:




Photoshop Sunset: The colors in the gradient have now been changed.


Click OK to exit out of the Gradient Editor at this point, and then click OK to exit out of the Gradient Map dialog box as well. Here's what our image looks like now after editing our gradient:




Photoshop Sunset: The image after editing the colors in the gradient.


Unfortunately, the colors aren't really blending in with the photo all that well, but we're going to fix that using Photoshop's layer blend modes and the Opacity option next!


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


We've added our Gradient Map adjustment layer and successfully edited the colors that are being mapped to our sunset photo using Photoshop's Gradient Editor. The only problem now is that the colors are much too strong. There's two things we can do to fix that, and we're going to be combining both of them to give us complete control over the final result.


First, we need to change the blend mode of the Gradient Map adjustment layer. If we look in our Layers palette, we can see that we now have two layers - the Background layer which contains our photo and the Gradient Map adjustment layer above it. Make sure you have the Gradient Map layer selected, then go up to the blend mode option in the top left corner of the Layers palette, click on the down-pointing arrow to the right of the word "Normal", and select Overlay from the list of blend modes that appears:




Photoshop Sunset: Change the blend mode of the Gradient Map adjustment layer to "Overlay".


The Overlay blend mode is part of the Contrast group of blend modes, and one of it primary purposes is to boost the contrast in an image, making light areas lighter and dark areas darker. If we look at our image now, we can see that the contrast has definitely been increased. The reds, oranges and yellows from our gradient are blending in better with the photo at this point, but the colors are still much too intense:




Photoshop Sunset: The image after changing the blend mode of the Gradient Map layer to "Overlay".

Step 6: Lower The Opacity Of The Gradient Map Layer


To reduce the intensity of the colors so it looks more like a sunset and less like a nuclear explosion, all we need to do is lower the opacity of the Gradient Map layer. The Opacity option is located at the top of the Layers palette, directly to the right of the blend mode option. I'm going to lower my opacity all the way down to 40%. You may need to set yours to a different value depending on your image:




Photoshop Sunset: Lower the opacity of the Gradient Map layer to reduce the color intensity.


Once you've lowered the opacity of the adjustment layer to fine-tune the result, you're done! Here's my original image once again for comparison:




Photoshop Sunset: The original image once again.


And here is our final "warm, golden sunset" result:




Photoshop Sunset: The final result.


And there we have it!


Credits: Steve Patterson

Link to comment
Share on other sites

  • 3 months later...
  • 3 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Posts

    • First of all you need to understand that there is no ultimate guide "how to", server sources has some similar things but it also has some differences that you will be hard to adapt without skills. Saying skills I mean not only java skills, the most required ones is understanding lineage 2 core processes task-scheduling and client-server networking  communication.   You need to: -learn some core information about Java language -learn some lessons about java programming to understand what is java classes, packages, imports etc. -learn how to edit java source code with some IDE (one of them eclipse) -learn how to compile java source code (with ant for example)   Then for the best way you need to get most popular sources form thread above and try to integrate that scripts like for native, I mean as I can see that mostly provided scripts are for acis, so take acis sources and ty to integrate or find something directly for mobius etc.   Doing all this you will need to understand three things First - How player communicates with server What is action bypasses (when player clicks some link in HTML) and where your server handles it (find RequestBypassToServer packet and learn how its working) What is user/voice/admin commands (when player writes some in chat with "." or "/" or "//") and where your server handles it (find VoiceCommandHandler and learn how its working)   Second - How server doing core logic If addon has some logic that not depends on direct user action it will mostly required some scheduled task (some logic that will be runs periodically), so you need to  find some ThreadPoolManager and Runnable usages and understand how its working Maybe you will need some data storage, so you will need to find how server working with database (try to find how server executes SQL requests, SELECT, INSERT, UPDATE)   Third - How server communicates back to player You need to find how server sends packets to player, find some sendPacket() method and its usages, for example Say2 packet (its when server sends some chat message to client) etc   Unfortunately there is no easy way, some sources will be easier to adapt cuz of similarity between sources some will be harder  
    • I'm starting on this. I know enough to be able to make my website with php, html and css. I also know linux to maintain a server but I don't know anything about java and its compilation.   Can anyone help me learn how to add this type of code to a server? I'm using L2jMobius, but I have no idea or concept of how to start to add codes. Do I need to add it before compiling? Can it be added once the datapack is compiled? How do I know where I should add it?   I would appreciate any kind of information, please!   I wanna to add some codes nex collection, like TvT events, etc:     See you guys and thanks for all the help are in the forum!
    • it says standard here , that is , without protection , it is made from another source code , the goal of my dll is just to kill the game guard , the hwid code is cut out there , since no one uses the old protections on projects - but your answer is clear   ps then choose another option for yourself )
    • remove  DisableGameGuard() from code at all.  compile and send here new dsetup.dll  
    • I shared my dsetup with the HWID system but I can't log in that Error. When I put yours it gave this error.
  • Topics

  • Create New...

AdBlock Extension Detected!

Our website is made possible by displaying online advertisements to our members.

Please disable AdBlock browser extension first, to be able to use our community.

I've Disabled AdBlock