Skip to main content
B
Bec24795051f7o7
Participant
March 31, 2023
Question

Lottie Files: Auto Trace Rendered Animation

  • March 31, 2023
  • 2 replies
  • 930 views

Hello there,

 

 I was wondering if anyone had any advice or input at getting an animation completed by the extension Lottiefiles.

 

I am working from a mov file that I have auto traced.

 

There are no effects being used and there are no track mattes. Simply two auto traced layers with fills. Something I would have thought wouldn't have been too complex and quite easy for Lottie to render.

 

However, my render is stuck at 100%, I'm at a slight loss at what more I can do in order to get this animation across the line.

 

If you have any input or guidance I would greatly appreciate the support.

 

This topic has been closed for replies.

2 replies

Mylenium
Mylenium
Legend
March 31, 2023

Good luck with that. Point-level animation is a pain in the posterior to deal with in HTML canvas/ SVG. Aside from the already meantioned procedures it would probably simply be better to rebuzild whatever you have there in animate so it can be handled more elegantly, possibly using simple object transforms even.

 

Mylenium

D
David Arbor
Inspiring
March 31, 2023

If you want to render a vector animation, you need to move those masks to solid layers or convert them to shape paths and get rid of the MOVs. It looks like you're still trying to render video from your timeline.

B
Bec24795051f7o7Author
Participant
March 31, 2023

Awesome thanks for the feedback.

There are no MOV's in this file anymore. Apologies, it's an auto traced layer I should have renamed before posting.

 

How do I convert the masks into a shape?

D
David Arbor
Inspiring
March 31, 2023

Ah, thanks for that second screenshot. First, as an FYI, lots of keyframes could make for poor performance, but in this case, I think the issue is the Difference blend mode on the masks. Here's a list of all supported features in Lottie and you'll see that only Add and Subtract are supported on all platforms. So unfortunately, moving these masks to a Shape Layer won't help. https://github.com/airbnb/lottie/blob/master/supported-features.md

 

Is it possible to preserve the animation by deleting some masks and using only Add and Subtract blend modes? That might be a tall order, but short of doing that or recreating the animation, I don't have any other suggestions without seeing what you're actually working on.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices