Color Mixing Question

[tenpo]

Hi everybody,

How do I create color mixing like attached image in Photoshop 2020?

For example, first I create the yellow circle, next I create blue circle.

How do I make so that the intersection of these two circles become the mixing of these two colors, which is green?

Please tell me step-by-step.

Please advance and explain.

Thank you

 

[IamSam]

In order to get what your example shows done in Photoshop, you have to cheat it! LOL!!

I will explain later! Right now, I'm off to bed!

Stroke on, harder!


Stroke off, easier!

 

[IamSam]

What level of skill do you have with Ps?

Here's another method using advanced blending options in a layer style. Relies heavily on the BG color being white! This mimics CMYK or in this case, CY make the additive color Green.

Not at all like your example. Is this suitable for your needs?



Add in the Magenta, and you have the full CMYK

 

[IamSam]

Using the Ellipse Tool, you can create an Additive Color Wheel in Ps by using the blending mode 'Screen" with RGB but only on a black background............



But the method will not work with Blue and Yellow.

 

[IamSam]

Here's the cheat!

Open a new document. The larger the better. This one is 2500px x 2000px

Set the first or bottom layer to a background color, I used an off white. This technique works on any color background.

Create a new layer. Using the Ellipse Tool, create an ellipse/circle. Choose Green for it's color.
Position it in the center. (Note: You can convert this to a Smart Object to store multiple colors that can be changed with a single click!)


Create a new layer above the Green Circle layer and repeat the process of creating a new ellipse/circle. Choose Yellow for it's color.
Position it to the left. (Note: You can convert this to a Smart Object to store multiple colors that can be changed with a single click!)


Create a new layer above the Yellow circle layer and repeat the process of creating a new ellipse/circle. Choose Blue for it's color.
Position it to the right. (Note: You can convert this to a Smart Object to store multiple colors that can be changed with a single click!)


When done, hold down the shift key and click/highlight the Yellow and Blue circle layers, then hit Cmd/Cntrl + G to group these two layers.
Name the group "Blue & Yellow Ellipse/Circles".

We have to hide the top and bottom of the Green circle. We do this by making a selection and then placing a layer mask on the Grouped layer.

Now hold the Cmd/Cntrl key and click on the Blue Circle layers thumbnail to make a selection, then hold the Shift + Cmd/Cntrl keys together and click on the Yellow Circle layers thumbnail.
Your selection should look like this.......


Then hit the Shift + I (for Invert) key to invert the selection.
Should look like this....


Now add a layer mask to the Green Circle layer.
It should look like this.


With the Blue and Yellow layers turned off, the Green layer should look like this.....


Hit Cmd/Cntrl + D to deselect. Turn the Blue and Yellow layers back on!

Now we have to create a selection of the area where the Blue and Yellow circles intersect.

Select/Highlight the group layer named "Blue & Yellow Ellipse/Circles".

Hold down the Cmd/Cntrl key and click on the Blue Circle layers thumbnail to make a selection, then hold the Shift + Opt/Alt + Cmd/Cntrl keys together and click on the Yellow Circle layers thumbnail.
The selection should look like this.....


Add a layer mask to the grouped layer named "Blue & Yellow Ellipse/Circles"
Hit Cmd/Cntrl + D to deselect if needed.
It should now look like this.....Done!


All of the colors are editable by double clicking any of the Ellipse/Circle (Shape) layers!
(Note: Or.......you can use Smart Objects on the ellipse layers to store multiple colors that can be changed with a single click!)

If you want a stroke............that's another tutorial.

 

[tenpo]

I don't understand. Could you show me Gif animation to explain these step-by-step?

 

[IamSam]

I don't understand.

What do you not understand?

 

[tenpo]

I don't know how to say it, you're telling me to make these one-by-one/manually. Please correct me if I am wrong, your method will have to guess what is the color combine from a two color on its intersection. What I want is automatically color mixing on its intersection.

 

[IamSam]

Please correct me if I am wrong, your method will have to guess what is the color combine from a two color on its intersection.

Well, yes and no. There's no guessing with an online color wheel............you will always get the color mix correct!!!


OK............
I figured it out! It only works for these two colors on a white background!



Make a Blue (R:0 G:0 B:255) Ellipse/Circle
On a new layer above the Blue layer, make a Yellow Ellipse/Circle (R:255 G:255 B:0)
Offset their positions.

Select/Highlight the Yellow layer.
Double click the Yellow Ellipse layer to open a layer style.
Tick off "Red" under advanced Blending.
Click OK.

 

[IamSam]

Just for the sake of discovery, you can also use the Brush Tool set to "screen". Works on any background color.

It ONLY works for RGB, it will NOT work for BY (Blue and Yellow).