Converting a greyscale image to a single solid colour with Photoshop, while preserving transparency


I have a grey scale image, with transparency. How can I convert this to one solid specific color, and preserve its edges/transparency?

As an example of what I'm trying to achieve:

11/9/2018 12:57:00 PM

Accepted Answer

If I understand your question correctly:

First, make sure that you are in RGB mode. (image > mode)

Right-click the layer you want to convert to a solid color, and click blending options.

In this window, go to the color overlay tab on the left, and in the right pane choose a color.

Looks like this. (image from here)

enter image description here

Is that what you were looking for?

12/8/2014 10:02:00 PM

Select All and Copy (cmd/ctrl+A, then cmd/ctrl+C) and then create a new fill layer (Layer > New Fill Layer > Solid Color). Click ok on the first dialogue box and then select a color. Now your layer panel should look like this:

enter image description here

Now alt-Click on the Layer Mask of your fill layer (the white box next to the layer thumbnail). Now you can directly edit the layer mask: Just Paste the b/w-image you copied before in the now empty, white workspace (cmd/ctrl+V) and invert the “colors” by pressing cmd/ctrl+I.

enter image description here

You can leave the layer mask mode simply by clicking anywhere in the layers panel. Now you just have to delete your original black and white layer and you’re done.

enter image description here