Lottie files: How to modify color?

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
soulbrother
Posts: 545
Joined: Tue Apr 08, 2008 7:01 pm
Location: München
Contact:

How to change color of Lottie files, as the color tool does not work with those?
THANKS!!!
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

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,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
soulbrother
Posts: 545
Joined: Tue Apr 08, 2008 7:01 pm
Location: München
Contact:

Super, it works well with my lottiefiles in the components!
Many thanks !
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

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
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
soulbrother
Posts: 545
Joined: Tue Apr 08, 2008 7:01 pm
Location: München
Contact:

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 !
Post Reply