Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


How to mask out lower layers?

Participant ,
Mar 19, 2021 Mar 19, 2021

Copy link to clipboard

Copied

Hi there,

I'm having a very basic problem. I have 3 shape layers (circles) in the same spot with three different sizes. All have 60% transparency to show the base layer. The middle and top circle are losing transparency because of the circles underneath.

How can I make the big circles look like they're cut out in the middle? Sorry for the awkward wording, I can't think today.

 

Screenshot 2021-03-19 172242.jpg

TOPICS
How to

Views

100

Likes

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

Adobe Community Professional , Mar 25, 2021 Mar 25, 2021
You need a copy of each of your animated circles with 100% transparency. I would add matte to the layer names and tie to the size of each of the disks to their original using a simple pickwhip expression from the Layers and Links column. Turn off the matte copies and move them to the bottom of the stack. Add Set matte to the five-mile disk, set it to use the one mile matte layer as the source and invert the matte. Duplicate Set Matt and set the copy to use the three-mile matte layer as the sourc...

Likes

Translate

Translate
Adobe Community Professional ,
Mar 19, 2021 Mar 19, 2021

Copy link to clipboard

Copied

Select the Layer that you want to have the Cutout Effect applied. Apply Effects>Channel>Set Matte to this layer. Change the Set Matte's "Take Matte from Layer" seelction to the appropriate Shape Layer. To the immediate right of this Menu, select the appropriate Option for Source|Masks|Effects&Masks. You will most likely want to disable the Visibility Icon (eyeball) for the Shape Layer that you've used as a matte. HTH


Motion Graphics Brand Guidelines & Motion Graphics Responsive Design Solutions
Development | Consulting | Training

Likes

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
Participant ,
Mar 21, 2021 Mar 21, 2021

Copy link to clipboard

Copied

Roland, thank you so much for your answer.

 

That doesn't seem to work the way I intended. I attached a video to show you what I mean.

I want these 3 circles to expand without the first and second circle to darken due to the underlaying 2 circles expanding.

Hope this makes sense.

Likes

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
Adobe Community Professional ,
Mar 21, 2021 Mar 21, 2021

Copy link to clipboard

Copied

I'm sorry but I don't quite understand the issue you have. Your latest video shows you animating all three circles. If you don't want the first two cricles then why don't you disable them; which is an easy thing to do. So ... I'm thinking that either you're not explaining your issue clearly or I'm just not able to understand your issue. Perhaps you can use your last video to better explain what you currently have and what you want to achieve.


Motion Graphics Brand Guidelines & Motion Graphics Responsive Design Solutions
Development | Consulting | Training

Likes

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
Participant ,
Mar 21, 2021 Mar 21, 2021

Copy link to clipboard

Copied

Sorry for not explaining it properly.

 

All I want is for each circle to maintain its color and transparency.

As soon as the second circle opens up, the small one becomes darker and less transparent. This increases even more when the third circle opens which also affects the transparency of the second one. I don't want that.

 

I'm open to all kinds of suggestions. If I can mask out the inner part of the second and third circle and only show the outer ring that goes beyond the smaller ones, that's fine.

If I can completely cut out the inner parts of circle 2 and 3 to only show the outer ring, that's fine as well.

Just don't know how to get there as I'm new to AE.

 

Likes

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
Adobe Community Professional ,
Mar 22, 2021 Mar 22, 2021

Copy link to clipboard

Copied

Using the previous circle as a Matte/Track Matte is what you should be looking for. Your issue is with the opacity values adding up with each subsequent circle that animates on. What you want is for each subsequent circle to be transparent where the previous circle exists and this is where the previous circle's Alpha Channel is to be used as a Matte (as a transparent area) for the subsequent circle that animates on.

You can use the Track Matte, Timeline Feature or the Set Matte Effect - which to use depends on the way you've set up the Circles - is each circle on an independent layer or are you using a single Shape Layer with multiple Contents? For such an effect, it's best to have each circle on its own layer.

FWIW, you're doing an effect which is akin to Visual Effects/Compositing and for such effects, having your elements as independent layers provides for more leeway when you require absolute coordination/control over Alpha Channels. HTH


Motion Graphics Brand Guidelines & Motion Graphics Responsive Design Solutions
Development | Consulting | Training

Likes

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
New Here ,
Mar 22, 2021 Mar 22, 2021

Copy link to clipboard

Copied

Yes, each circle is an independent shape layer (1 mile, 3 mile and 5 mile radius).

I tried adding track mattes in the layer settings but got nowhere.

Do I have to set them up as adjust layers?

Likes

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
Participant ,
Mar 22, 2021 Mar 22, 2021

Copy link to clipboard

Copied

Sorry, used my work account. But yes, each circle is an independent shape layer.

Likes

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
Adobe Community Professional ,
Mar 22, 2021 Mar 22, 2021

Copy link to clipboard

Copied

Track Mattes should work. If you showed how your layers are currently set up in the Timeline, someone will be able to provide you with a solution. It's also helpful if you explained why it doesn't work instead of plainly stating it doesn't work - what is the result you're getting will be useful, as a starting point. HTH


Motion Graphics Brand Guidelines & Motion Graphics Responsive Design Solutions
Development | Consulting | Training

Likes

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
New Here ,
Mar 25, 2021 Mar 25, 2021

Copy link to clipboard

Copied

Roland, thanks again for your input. You're right, it's tough to help without knowing how it looks.

I uploaded a video here which hopefully explains how I structured it.

 

 

Likes

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
Adobe Community Professional ,
Mar 25, 2021 Mar 25, 2021

Copy link to clipboard

Copied

LATEST

You need a copy of each of your animated circles with 100% transparency. I would add matte to the layer names and tie to the size of each of the disks to their original using a simple pickwhip expression from the Layers and Links column. Turn off the matte copies and move them to the bottom of the stack. Add Set matte to the five-mile disk, set it to use the one mile matte layer as the source and invert the matte. Duplicate Set Matt and set the copy to use the three-mile matte layer as the source. Add set matte to the two-mile layer and set it to use the one mile matte as the source. Set the one, three and five-mile layer transparency to 60%, tie all the layers to a null with parenting, and animate the size of each disk. The three and five-mile layers will now be doughnut-shaped as they grow and you won't have overlapping transparency. The comp would look like this:

doughnuts.png

You are seeing all the modified properties of the layers. 

 

Another option would be to use strokes instead of fills and animate the width of the stroke so each layer was a doughnut. You could also use copies of the disks on the shape layers and merge paths to create your doughnut shapes. You just can't do it without creating doughnuts. 

Stroke option.png

I have not animated anything here. You'll have to animate both the size and the stroke width. 

 

That should get you started.

Likes

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