airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.54k stars 2.87k forks source link

Bodymovin not rendering colors of shape objects #2451

Open 0jinny opened 3 years ago

0jinny commented 3 years ago

Hi, I have a problem rendering colors of shape objects.

I imported an .ai file and I created shape objects for it.

And I applied hue/saturation and transform-scale effect on it.

But the color rendered is not what I expected.

Check what I got below.

What I expected: Click here (.mp4 file)

What I got from bodymovin extension: Click here (.mp4 file) Click here (.html file) (I exported this with a demo version, so I attached a HTML file also)

https://github.com/airbnb/lottie-web/issues/1495 -> This seemed a similar issue so I did everything on this thread but I'm still struggling with this issue.

Below is the environment I'm using

I'm trying to solve this issue but couldn't find any.

Thanks!

bodymovin commented 3 years ago

hi, can you share the .aep?

0jinny commented 3 years ago

Hi, meanwhile I found out Lottie doesn't support the hue/saturation effect.

When it comes to the problem I've posted earlier, I solved it as I changed hue/saturation to fill object.

What if I want to make objects change their color with gradation like this below? Click here (.mp4 file)

Is it possible to make it just using the fill object effect?

Thank you

JonnyTsunamiii commented 2 years ago

I need this answered as well.