Page 1 of 1

Lottie files: How to modify color?

Posted: Mon Aug 22, 2022 3:07 pm
by soulbrother
How to change color of Lottie files, as the color tool does not work with those?
THANKS!!!

Re: Lottie files: How to modify color?

Posted: Mon Aug 22, 2022 11:24 pm
by Hopki
Hi,
Go to https://lottiefiles.com/editor.
Upload your Lottie file.
Select the Layer whose colour you want to modify from the left panel.
Choose a colour from the Colors panel
Export as Lottie JSON.
Regards,

Re: Lottie files: How to modify color?

Posted: Tue Aug 23, 2022 7:22 am
by soulbrother
Super, it works well with my lottiefiles in the components!
Many thanks !

Re: Lottie files: How to modify color?

Posted: Sat Sep 03, 2022 5:06 am
by Tony
Hi,

I've been looking into the option regarding applying colours to a Lottie file in Pano2VR dynamically.

Here's a little sample I came up with https://rebrand.ly/lottiecolor

It requires the Lottie file to have the names of the elements set as a class as in this example, ie .speaker, .wave1, .wave2. Then you can create the classes in a Code Element and change them dynamically using variables and a logic block in the CSS Classes section of the element's Advanced properties.

Note: you need Adobe After Effects to modify the Lottie file :-)

Tony

Re: Lottie files: How to modify color?

Posted: Sat Sep 03, 2022 5:33 pm
by soulbrother
Tony wrote: Sat Sep 03, 2022 5:06 am ...Then you can create the classes in a Code Element and change them dynamically using variables and a logic block in the CSS Classes section of the element's Advanced properties.
Wow, a smart solution!
Good idea!
Tony wrote: Sat Sep 03, 2022 5:06 am Note: you need Adobe After Effects to modify the Lottie file :-)
Such a powerful tool for such a tiny something ;-)

Thanks Tony !