11

Example

How do I achieve this effect in colours. I've seen similar effect on Halsey cover art as well. Proficient in CC so hopefully it shouldn't be too hard, just thought I'd ask here first.

14

This is very likely a gradient map, which allows you to map different colors to the luminosity of a given picture.

There's more than one way to apply a gradient map:

  • Select the desired layer, then go to Image → Adjustments → Gradient maps. This is destructive.

  • In your layer palette, click the Fill and adjustments button and select Gradient map. This will create an adjustment layer, which you can put on top of the layers you want to affect. It can also receive a mask to control its effect. This is what I do in the following steps:

As a demonstration I removed all colour data from the picture: B&W cover

Then, I applied a gradient map that gives a rich red to the darks, tapers off to the grayish magenta you see on lighted columns, and I isolated part of the highlights range to get the blue-green. Absolute whites go back to a light magenta tint.

Adding a gradient map

Note that the original picture probably had "real" whites, which were then mapped to a slight gray. This would make it hard to recover the right luminosity for the sake of this demo. Here's how I defined my gradient map:

Gradient map settings

The leftmost colours will replace the blacks, the rightmost will replace the whites.

Here's the result with the gradient map applied at around 50% on my quickly grayed-out source:

Re-coloured example

Keep in mind that ideally, you also do some manual adjustments in the end.

  • Thanks for your response. So when applying this to the fresh image I'm working on, would I have to remove the colour before doing this or do it with the colour? Or perhaps map it to the colourless one and then put the full coloured image underneath afterwards? – Sebastian Oct 26 '16 at 15:15
  • You don't have to discard colours, luckily! I suggest keeping the source as "pure" as possible and working on top of that. For the sake of my demonstration, I needed the original to be gray for the effect to be obvious. At the end of this article about gradients, you can see how a gradient map is applied on a picture that still has its colours, and it helps make the compositing blend together as long as the luminosity is right: bjango.com/articles/gradients – Lalabadie Oct 26 '16 at 20:49
  • @Sebastian I've edited the answer to add the places where it's possible to apply a gradient map. I suggest creating an adjustment layer, as this will allow you to keep your source intact underneath (which is preferable). – Lalabadie Oct 26 '16 at 20:57
4

Here's a quick method to get you started. To get the polished look (like in your example) just spend more time on your masking to get a more mixed selection that will come across as more professional. For reference, I made this example in about 5 minutes.

Step 1: Get your picture!

It's a pier

Step 2: Duplicate your background layer (in case of royal failure) and start selecting the highlights of the image (or whatever pieces you want to turn blue in this instance). Again, this is where you want to spend some serious time to achieve the professional look.

Selecting the image highlights

Step 3: Use the hue/saturation layer adjustment, check 'colourize' and select the hue you want (cyan in this case). I also played around a bit with the saturation to get it to where I wanted it.

colourizing with cyan

Step 4: Select the base layer and use the hue/saturation adjustment layer again. (Don't worry about selecting the inverse since we'll leave this layer under the blue one). This time we're colorizing with red.

Adding red to the pier

Step 5: Add any additional adjustments you would like on the image and save! Here, I added some slight adjustments via 'levels' to darken the image slightly. You may want to play around with other adjustments and blending options to achieve the final look you want.

Pier with colors! yay

I know it's a basic tutorial, but hopefully this answer gives you what you need to get started on your image! Any other questions, feel free to ask away!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.