Selective colour overlays based on location of overlapping shapes?

[dzgnr89]

I have a set of red squares. Now I want to make coloured splattered above them and want a result that wherever that coloured splatters occur, the set of small red coloured squares changes accordingly. In the example seen, those colour splatters are green and dark purple.

Now I want the result to be like this.

1. Wherever that green rectangle overlaps those small red squares, the colour of those squares should turn green.
2. Wherever that dark purple rectangle overlaps those small red squares, the colour of those squares should turn dark purple.
3. The original dark purple and green rectangles must remain invisible.

Right now, I have set the transparency mode of both the large rectangles to 'screen'. I think I am getting closer to the trick but want the final method to execute this requirement of mine.

Please help. I'm using Illustrator CC 2018 on Windows 10-64 bit.

[Danny Whitehead.]

arjun2  wrote

1. Wherever that green rectangle overlaps those small red squares, the colour of those squares should turn green.
2. Wherever that dark purple rectangle overlaps those small red squares, the colour of those squares should turn dark purple.
3. The original dark purple and green rectangles must remain invisible.

The way I interpret that, the red squares would become invisible, as they'd be the same colour as the large squares on top of them. Presuming that's not what you want, and without knowing exactly what you do want, I think the first thing to try is playing around with blending modes to see if you can achieve it that way. If you can't, it will be a case of creating duplicates of the red squares, colouring them how you want them, and making a clipping mask with the large rectangle.

Also, I'd recommend working in RGB mode when using blending modes, unless you really need to control what goes on what printing plate (keeping text pure black for instance).

[Monika Gause]

I don't think I understand what should happen there.

Can you please show the before state and then simulate the after state by just recoloring the objects?

[dzgnr89]

https://forums.adobe.com/people/Monika+Gause  wrote

I don't think I understand what should happen there.

Can you please show the before state and then simulate the after state by just recoloring the objects?

Okay, here we go. The green large rectangles are movable. I haven't done any clipping mask thing.  I have only changed the blending mode of overlapping green rectangles.

I want the red small squares to be coloured of any colour of my choice. This is just a hit and trial method I'm using right now but they get yellow coloured which I don't want.

Secondly I want the overlapping large rectangles to be invisible. They should not be visible at all. Or whatever overlapping shape I'm using should not be visible to achieve this selective partial colouring of the squares below.

Eventually I'm going to build an artwork that will have many of such small squares, probably upto 200-300. Creating clipping masks would be very tedious.

Here's the before and after progress. Please note that all objects are easily moveable, and not grouped at all.

[Danny Whitehead.]

One thing you could try...

1) Select all the red squares.

2) Object > Compound Path > Make.

3) Colour them with colour you want them be end up.

4) Select the small squares and the large rectangles, and Group them.

5) Effect > Pathfinder > Intersect.

[dzgnr89]

https://forums.adobe.com/people/Danny+Whitehead.  wrote

One thing you could try...

1) Select all the red squares.

2) Object > Compound Path > Make.

3) Colour them with colour you want them be end up.

4) Select the small squares and the large rectangles, and Group them.

5) Effect > Pathfinder > Intersect.

I get this error. And nothing gets done after that.

[tromboniator]

1. Make and arrange red rectangles.

2. Make and arrange green rectangles.

3. Select green rectangles. Object > Compound Path > Make.

4. Select red rectangles that intersect the green.

5. Copy/Paste in Front. Keep selected.

6. Object > Compound Path > Make. Keep selected.

7. Re-color yellow. Keep selected.

8. Add green compound path to selection.

9. Object > Clipping Mask > Make

[Monika Gause]

The rectangles need to be a compound path.

The other path is just a path. Color: none

Then target the layer and add a new fill to the layer that has the desired color for the intersection

Apply Effect > Pathfinder > Intersect to the fill.

Can't post images at the moment, but here is a file: Dropbox - intersect.ai

[Danny Whitehead.]

You've missed at least one step.