Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Why does the shape behind another shape show when fading in via opacity?

New Here ,
Jun 09, 2023 Jun 09, 2023

Hi all. So I'm using a lot of vector graphics from Illustrator that have been imported into my timeline in After Effects. I am fading in images by key framing the opacity from 0% to 100%, usually by linking the opactiy keyframes to a single control such as a null object. This normally works fine but when I have two layers that are on top of each other, I can see the layer behind the one in front, if they are rasterized. If they are not rasterized, it works as normal. However, they need to be rasterized because I'm exporting my videos in 4k.

 

So for example, I have a layer of a podium and a layer of a guy thats behind it. If I put the keyframes at exactly the same place on both layers, while its fading in, I can see the guy behind the podium where he should be covered by the podium the whole time its fading. I have tried to pre-compose the two layers and it works until I rasterize the layers, and then it does the same thing again. I am not a professional in after effects by any means so its possible that there is something that I am missing, but it seems odd that it only does this with rasterized vectors. I have also tried converting into shape layers and it does the same thing.

 

Also, I know the guy is messed up behind the podium, I got him from an Adobe Stock character set, however, thats the point. I shouldn't be able to see anything behind the podium. I attached screenshots as well as an export of the issue. This happens to multiple of my Illustrator files and their fade ins, not just this guy and the podium, but this one is a good example.

 

Comp 1 (0-02-02-23).pngComp 1 (0-02-03-10).pngScreenshot 2023-06-09 at 11.26.43 AM.pngScreenshot 2023-06-09 at 11.30.27 AM.pngScreenshot 2023-06-09 at 11.31.22 AM.png

TOPICS
Error or problem
546
Translate
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
Community Expert ,
Jun 09, 2023 Jun 09, 2023

You have turned on Collapse Transformations. There are two layers in the Nested Comp, and turning on CT makes the opacity change affect both layers individually instead of the group. That is why you can see through the top podium layer.

 

Turn it off, and the problem should go away. The Nested comp "Male_Politician_Happy" is scaled down, so there will be no quality loss. 

Translate
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 ,
Jun 09, 2023 Jun 09, 2023

Ah okay! My only issue with this method is that if I'm scaling up a comp, then the quality is pretty poor. Would I need to go into each comp, scale the vectors pretty large, and then scale down the comp? For example:

 

Screenshot 2023-06-09 at 4.32.16 PM.pngScreenshot 2023-06-09 at 4.32.03 PM.png

Translate
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
Community Expert ,
Jun 09, 2023 Jun 09, 2023
LATEST

If you need to scale up a comp, then all the layers in Illustrator, the Podium, and the Actor, must be on the same layer. Collapse Transformations treats each layer individually so all layers will move, rotate, and fade independently. If you want to fade the composite image, all the parts must be on one layer. 

 

The only other option is to create your original artwork at the size it needs to be when the object (the Politician) is in the Hero position. Then any scaling for animation will be a scale-down, not a scale-up. 

 

If your artwork is locked in, you could convert the Politician and the Podium to shape layers, then copy and paste the shapes for the podium in the Politician layer, get rid of any empty layers, then drop that nested comp in the main comp, collapse transformations, and the opacity would behave as expected. 

Translate
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