• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to make LGBT Rainbow Effect for a Black & White Image

New Here ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

I have several images that are all black and white; I'm wanting to turn the entire white portion of each of the images to have rainbow colors stack on top of each other like th LGBT rainbow flag and get rid of the white entirely (while keeping the black potions of the images). Any help would be tremendously appreciated!

TOPICS
Windows

Views

2.4K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Sep 06, 2022 Sep 06, 2022

 @Clay25991967es2o

 

With a black and white image like that, Blend If is the way to go.

 

Arrange the layers as below.

You'll need to enlarge the rainbow graphic which you can do with Free Transform (Ctrl T)

Double click the B&W image to open the Layer Styles panel, and use the Blend If sliders moving them to the left.

Note you can get more control by holding down the Alt(Opt) key and seperating the slider.

image.png

 

 

Votes

Translate

Translate
Adobe
Community Expert ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

Hi Clay!

 

If you could share a visual example with us, we could give you some great tips on how to approach you request. 

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

One more option then I am done.  Unless I think of something else 😉

 

The Sky Replacement tool in the Edit menu does an amazing job of selecting the sky, so I sometimes use it purely for the layer mask it produces.  Turn the Sky Replacement group off, and Alt (Opt) drag either of the layer masks to the rainbow layer above. 

image.png

 

You can Free Transform > Warp the rainbow as below

image.png

I suspect you will use the rainbow colours in a lot of your projects, so you might like to save various rainbow options to the Sky Replacement tool.  You can see that I have done that with some local NZ skies that took my fancy.

image.png

 

You could create new Layer Styles and gradients based on the rainbow, or make them into Smart Objects and save them to a Create Cloud Library.  I particularly like the CC Libraries as it means those assets are available anywhere in the world where you have an internet connection.  

 

OK I am going to do some work before I am in trouble with the missus. 😞

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 06, 2022 Sep 06, 2022

Copy link to clipboard

Copied

Hi Chris! Thank you for reaching out and offering to help - I really appreciate it! I've attached an image of what I'm going for. Really just want to fill in the white areas of the image with the rainbow image. I'm a total novice with photoshop so any advice would be great - thank you all again!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 06, 2022 Sep 06, 2022

Copy link to clipboard

Copied

 @Clay25991967es2o

 

With a black and white image like that, Blend If is the way to go.

 

Arrange the layers as below.

You'll need to enlarge the rainbow graphic which you can do with Free Transform (Ctrl T)

Double click the B&W image to open the Layer Styles panel, and use the Blend If sliders moving them to the left.

Note you can get more control by holding down the Alt(Opt) key and seperating the slider.

image.png

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 08, 2022 Sep 08, 2022

Copy link to clipboard

Copied

LATEST

Thank you so much! I was able to do it!!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

You can't use colorize, or the color blend mode over white.  It just won't show.  So you'll need to select the wite area and use a mask. 

Place the rainbow in a new layer above the B&W image.

Turn the rainbow layer off and Select the white area with the magic wand tool.

Turn the raibow layer back, and give it a layer mask.

 

I am sure you'll know that there is already a rainbow gradient available.  If you open the gradients panel you can use the search bar to find it as gradients are kind of hidden away nowadays.  My green highlight is the add layer mask icon.

Note I have used the radial gradient (my red highlight

image.png

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

Another option, and perhaps a better one, is to place the rainbow layer above the B&W image and use Blend If

Double click the B&W layer to open the Layer Styles panel, and use the This Layer slider moving the right slider to the left.  If you hold down the Alt (Opt) key you can separate the right slider, as shown in my cyan highlight, to get more control over what tonal values will become transparent to reveal the rainbow in the layer beneath it.  You can see that this method has eliminated the slight fringe that shows in the layer mask version.

image.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 30, 2022 Aug 30, 2022

Copy link to clipboard

Copied

Beware that some color modes including Grayscale mode won't allow you to have color gradient. Safe option is to check that Image > Mode is set to RGB before adding gradient.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 31, 2022 Aug 31, 2022

Copy link to clipboard

Copied

Trevor provides some great options for replacing the white portion of an image. I would also like to add an option of using the Select Color Range tool. 

It can be found by going to Select>Color Range

 

Here is adobe's section on it:

Select color ranges in Photoshop (adobe.com)

 

And a great video of it in action to get a very precise cutout/mask:

Precisely Cut Out Hair Using Color Range in Photoshop! - YouTube

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines