How do I recreate this color overlay layer effect in Photoshop?

I would like to use the overlay effect used on the screenshot(s) below.

enter image description here

I’ve tried experimenting with several Blending modes but keep missing the mark. I’m sure this has a very easy answer but I’m having trouble recreating the effect on my own.

Here are a few more images for further context:

How do I recreate this color overlay layer effect in Photoshop?
How do I recreate this color overlay layer effect in Photoshop?
How do I recreate this color overlay layer effect in Photoshop?
How do I recreate this color overlay layer effect in Photoshop?
enter image description here

Thanks in advance for your help.

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

Create a new layer and fill it with any color you want. Move this layer below the image you want to manipulate and set the layer Blend Mode of the image layer to Multiply. You can then modify the opacity of the image layer if you want, but it isn’t necessary.

It may also help to desaturate or grayscale the image layer.

Method 2

Original image

How do I recreate this color overlay layer effect in Photoshop?


Luminosity blend

Add a layer for your color and put it under your image.

Then use the blending mode “Luminosity” on that image. You can change the background color you want without changing the main picture.

How do I recreate this color overlay layer effect in Photoshop?

Color blend

Select your image layer, and go in the menu “Image”, then select “Adjustment” and then “Desaturate.”

Add a new layer with a color on top of that image and set it to the blending mode “Color.”

How do I recreate this color overlay layer effect in Photoshop?

To add a more dramatic effect, you put the color image on top of these 2 layers and use the “Overlay” blending mode at 60% transparency. It will create an Instagram style filter effect.

How do I recreate this color overlay layer effect in Photoshop?

Another way (useful for Pantone and Spot printing)

Use the color mode “Duotone.”

First set your image to grayscale mode, then Duotone mode in the menu “image/mode.” Make sure to keep an original color version of your image!

Then in the Duotone menu, you can choose 1-2-3-4 colors and mix them together. The Duotone with 2 colors can be nice to add contrast. You can also play with the curves for each color to add more saturation or less wherever you want. You can use Pantones or CMYK or RGB color mixes.

If you need to keep this to print in spot colors or Pantone, you can save the image in EPS and leave it in Duotone mode. If you need it for web you can change the mode back to RGB. There’s a slight color change that may happen but nothing dramatic.

How do I recreate this color overlay layer effect in Photoshop?

Method 3

i think best-way is use Hue/Saturation.

You can play with Hue/Saturation (ctrl/cmd + B or image menu -> adjustments->Hue/Saturation )

important!!! don’t miss check colorize don't missing check colorize

Method 4

I guess in 1, 2, 3, 5 and 6 Photo Filters (Adjustments –> Photo Filters) are used and for 4 Filter Sketch Chrome is used (Filters –> sketch –> Chrome)

Method 5

There is a lot of ways to achieve this. Here is my solution:

-Ctrl+U, Saturation: -100 and Lightness: +50

-Create a new solid color layer and set it to Multiply

-Done

Method 6

You can also try a DUOTONE.

Here’s a quick example:
enter image description here

This will also give you better control over the black levels without affecting the color rather than just using blending tricks.

Method 7

There are two basic ways to create this effect in Photoshop.

Method 1: Add a solid color layer (Layer > New Fill Layer > Solid Color...) in the color you want, and change its Blend Mode to “Color” or “Hue” — experiment to see which works best for the particular image.

Method 2: Add a Black and White Adjustment Layer, check the “Tint” checkbox and adjust the color to your preference. The advantage of this method is that you can now adjust the relative brightness of the colors in the original image using the sliders in the Black & White properties dialog.

enter image description here

Method 8

For this type of Effect you can also run a command
Image menu — Image Adjustment — Photo Filter to an image.
Select any color you want to run on an Image with this Photo Filter command very easy with great effects.


All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x