Animate paint colour into b&w image

What I am trying to achieve is this effect:


A full screen b&w image has paint strokes or blobs dropped into it that reveal the underlying colour.


I have searched all over but can only see After Effect tutorials on how to do this. I have the b&w image on 1 layer and the colour version on the layer below. I have tried masking different parts of the b&w image but whatever combination of mask (add, intersect etc.) I cannot create the build-up effect - the masks interfere with each other.


Rather than have a fairly rigid set of objects that reveal the colour I'd ideally like this to happen at random, in a paint brush style, until the whole image is revealed. I could skip the b&w bit and just reveal the colour image.


Any tips?

Thanks.

iMac (24-inch, M1, 2021, 2 ports)

Posted on Jul 25, 2022 9:52 AM

Reply
Question marked as Top-ranking reply

Posted on Jul 25, 2022 1:15 PM

Create all of your "paint strokes" inside a single group.


Clone the paint stroke group.


To the B&W image, add an Image Mask and put the Clone in as the source. Invert the Mask.


If you want to put the color image on top of the B&W image, you could add the Image Mask to the Color layer and put the Clone as the source without inverting the mask — the color layer will "paint on" the B&W layer. Instead of the B&W image under the color image, you can simply use a color solid for a color background, or no background at all.


HTH


Similar questions

2 replies
Question marked as Top-ranking reply

Jul 25, 2022 1:15 PM in response to melodeonman

Create all of your "paint strokes" inside a single group.


Clone the paint stroke group.


To the B&W image, add an Image Mask and put the Clone in as the source. Invert the Mask.


If you want to put the color image on top of the B&W image, you could add the Image Mask to the Color layer and put the Clone as the source without inverting the mask — the color layer will "paint on" the B&W layer. Instead of the B&W image under the color image, you can simply use a color solid for a color background, or no background at all.


HTH


Jul 26, 2022 4:03 AM in response to melodeonman

Thanks very much. I woke up sort of thinking about this as a solution, but finally got it working. One of my mistakes was that, instead of creating a separate b&w image externally, I just cloned the colour image and de-saturated it on the layer. Somehwo this was interfering with the effect.


I'm not sure why the paint stroke layer needed to be cloned - I tried it with just the one, original layer and it worked. Having got the principle working I then managed to achieve the animation that I wanted by using a splatter replicator as the image source. It all works perfectly and lets me play around separately with the various effects on the 'brush strokes' layer.


Thanks again.

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

Animate paint colour into b&w image

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.