Como editar cores de animação com o Lottie JSON Editor e o Visual Studio Code

Uma das coisas que tornam as animações Lottie incríveis (e existem muitas delas!) é que elas são formatos de arquivo baseados em JSON. Isso significa que alterar certos recursos — como a cor — é tão fácil quanto editar o texto.

Mas como isso funciona, exatamente?

Neste tutorial, mostraremos como editar cores de animações Lottie com o Lottie JSON Editor ou o Visual Studio Code.

Para editar cores em arquivos Lottie JSON, primeiro você precisa entender como eles funcionam. Um arquivo JSON é um arquivo que armazena informações em um formato baseado na sintaxe JavaScript (uma linguagem de programação).

Se você abrir um arquivo Lottie JSON, o que verá é um monte de códigos. Mas, dentro desses códigos, você encontrará informações sobre a animação Lottie, incluindo seus dados de cores.

Arraste e solte seu arquivo JSON no Lottie JSON Editor. O código JSON será formatado automaticamente, facilitando muito a leitura.

Se preferir instale o plug-in LottieFiles para Visual Studio Code.