Mude as cores de uma animação Lottie

Dê suas próprias cores à animação. Abra no Libre, selecione as formas e edite preenchimentos ou traços. O arquivo Lottie atualizado pode ser baixado de graça.

Mudar cores de Lottie

Edição e exportação gratuitas. Não precisa de conta.

O editor e a documentação estão em inglês.

Personalize as cores

  1. Importe seu arquivo

    Abra o Studio e clique em Import. Escolha Lottie JSON ou dotLottie e confira se a animação importada está correta.

  2. Encontre a forma

    Selecione no quadro ou em Layers. Expanda os grupos para chegar a uma forma específica.

  3. Escolha uma cor

    Abra o controle de preenchimento ou traço em Properties e defina a cor. Em um gradiente, edite os pontos de cor correspondentes. Se a cor for animada, confira também seus quadros-chave.

  4. Confira e baixe

    Reproduza a animação inteira para verificar se a cor antiga não volta depois. Clique em Export, confira a prévia de Lottie e baixe o resultado.

Quais cores podem ser alteradas

  • Esse processo edita preenchimentos e traços vetoriais. Cores que fazem parte dos pixels de uma imagem incorporada precisam ser alteradas na própria imagem.
  • Não há uma paleta global para substituir uma cor no arquivo inteiro. Edite as formas correspondentes e confira seus quadros-chave.

Quer experimentar primeiro? Abra o exemplo editável Success.