Clipping Mask and Live Paint

Indeed, Ton.

Ah, Ton, I overlooked that possibility.

As you may remember, in mid/late September when the advice appeared to click the blue Post button at the OP and avoid the grey ones at all the replies, very soon those grey buttons also switched to blue.

Monika, Ton, coldbby,

This thread seems to present a temporal paradox, which coincides (temporarily) with this forumwide one that I have looked into quite recently,

https://community.adobe.com/t5/community-feedback/happy-new-year-2020-2021-%E6%98%8E%E3%81%91%E3%81%BE%E3%81%97%E3%81%A6%E3%81%8A%E3%82%81%E3%81%A7%E3%81%A8%E3%81%86%E3%81%94%E3%81%96%E3%81%84%E3%81%BE%E3%81%992020-2021/td-p/10826597

May I ask all of yous whether you can remember the exact order of the posts in this thread?

For my part you are welcome, coldbby.

Jacob_Bugge and Monika_Gause, I'm learning Illustrator with your helpful answers and advices. Thanks a lot. 🙂

coldbby,

As I (mis)understand it now, how about just doing this?

1) Place the PNG;

2) With the Grid Tool create a grid with the same size and with numbers of dividers that are one less than the coloured squares (Horizontal and Vertical), then set the desired Stroke weight;

3) Select both PNG and Grid, then click the PNG once more, then Align (Horizontal and Vertical), then Ctrl/Cmd+G to Group.

This will give you a Group with the squarely coloured PNG and the surrounnding/dividing lines on top.

The size of the Group will be one Stroke Weight larger than the PNG in both Width and Height (you can (temporarily) use Use Preview Bound in the General Preferences to align with the pixel grid (X and Y values at the corners being whole/integer point/pixel values) to get it right on the Artboard/for export (or to get the Artboard right).

Thanks a lot for helping on this day. Very appreciated. Actually if I give an example, you can easily understand what I want to do.

Step 1: I placed a png image to artboard. There are red, blue, green and orange squares on this image. Every colored square's size is 50x50 px.

Step 2: Then I draw a square, created a 2 x 2 grid.

Now, is there a way to paint this 4 grids (automatically) according to background image? I didn't find a way for this.

Step 1: https://drive.google.com/open?id=1hrA8n8lF2_jfVDxJ_l2111IxnK6MmV7y

Step 2: https://drive.google.com/open?id=1wY7eXU-F0IdpBunsr3OOVQejMNx1_xqF

Step 3: https://drive.google.com/open?id=1cN3aQhYNgfiyCv6EG8M9khCP0TZIKe9v

Thank you again.

Happy New Year, Monika.

I trust that you also find everything much more quiet now than a few hours ago.

Please show what you want to do.

coldbby,

I wonder whether this introduction to Opacity Masks and how they differ from Clipping Masks can be of use:

An Opacity Mask can do as a Clipping Mask, and the opposite, and anything in between, and then some. And unlike a Clipping Mask it is all about appearance, and less demanding with regard to structure/composition, hence often easier to work with when both kinds might be used, an important part being that it is often easier to create a Group than a Compound Path.

You can use a single independent path or a Group or a Compound Path for an Opacity Mask. Fundamentally, you use the grayscale value of the masking object(s), white/black being fully transparent/opaque or opposite. You use ticking/unticking Invert Mask to control the colour behaviour and ticking/unticking Clip to control the clipping/non clipping behaviour.

A Clipping Mask needs a single path as the Clipping Path; it can be a Compound Path.

And a Happy New Year to you, too.