Farben einer Lottie-Animation ändern

Passe eine Animation an deine Farben an. Öffne sie in Libre, wähle die Grafik und bearbeite Füllungen oder Konturen. Die aktualisierte Lottie-Datei kannst du kostenlos herunterladen.

Lottie-Farben ändern

Bearbeitung und Export sind kostenlos. Kein Konto nötig.

Editor und Dokumentation sind auf Englisch.

Die Animation umfärben

  1. Datei importieren

    Öffne Studio und wähle Import. Wähle Lottie JSON oder dotLottie und prüfe, ob die importierte Animation richtig aussieht.

  2. Form auswählen

    Wähle die Form auf der Zeichenfläche oder in Layers. Klappe Gruppen auf, um einzelne Formen zu erreichen.

  3. Farbe festlegen

    Öffne in Properties die Füllung oder Kontur und stelle die gewünschte Farbe ein. Bei Verläufen bearbeitest du die jeweiligen Farbstopps. Prüfe bei animierten Farben auch die Keyframes.

  4. Prüfen und herunterladen

    Spiele die ganze Animation ab, damit die alte Farbe später nicht wieder auftaucht. Wähle Export, prüfe die Lottie-Vorschau und lade das Ergebnis herunter.

Welche Farben lassen sich ändern?

  • Dieser Ablauf bearbeitet Vektorfüllungen und Konturen. Farben in den Pixeln eines eingebetteten Bildes musst du im Bild selbst ändern.
  • Es gibt keine globale Palette, die eine Farbe in der gesamten Datei ersetzt. Bearbeite die betreffenden Formen und prüfe ihre Keyframes.

Erst einmal ausprobieren? Das bearbeitbare Beispiel Success öffnen.