Generator für animierte Muster
Gestalten Sie animierte Lichtmuster im Browser: Linien biegen, Farben wählen, nahtlose Schleifen als MP4, WebM, GIF, PNG oder Live-Code exportieren.
Mit einem Stil starten
Linien formen
Am besten funktioniert eine PNG- oder SVG-Datei mit transparentem Hintergrund. Die Datei bleibt auf Ihrem Gerät.
Ziehen Sie die vier Punkte im Bild, um die Linien zu biegen.
Ziehen Sie das Bild, um die Mitte des Musters zu verschieben.
Farben wählen
LinienfarbenBewegung einstellen
Feinschliff
DruckeffektExport
Exportiert das Bild, das gerade angezeigt wird. Verschieben Sie den Zeitregler, um ein anderes zu wählen.
Dieser Browser kann kein Video kodieren. Verwenden Sie die neueste Version von Chrome, Edge, Firefox oder Safari oder exportieren Sie ein GIF.
GIF ist auf 256 Farben begrenzt. Für weiche Verläufe und kleine Dateien exportieren Sie ein Video.
Fügen Sie diesen Code in eine beliebige Webseite ein, um das Muster live abzuspielen. Er braucht keine Bibliothek, bleibt in jeder Größe scharf und pausiert, wenn er nicht im Bild ist.
Text- und Logomuster lassen sich noch nicht als Code ausführen. Exportieren Sie sie als Video oder Bild.
Dieses Format unterstützt keine Transparenz: Es wird die Hintergrundfarbe verwendet.
Dieses Tool benötigt WebGL 2, das in diesem Browser oder auf diesem Gerät deaktiviert ist. Aktivieren Sie die Hardwarebeschleunigung in den Browsereinstellungen oder versuchen Sie einen anderen Browser.
Auf Ihrem Gerät erstellt, nichts wird hochgeladen.
Saved designs
0Über Generator für animierte Muster
Der Generator für animierte Muster ist ein kostenloses Studio für bewegte Lichtmuster. Farbige Linien werden live von Ihrer Grafikkarte gezeichnet, sodass jede Änderung sofort sichtbar ist: Fächer, Tunnel, Spiralen, Blumen, Höhenlinienkarten, ein rotierender Globus, ein Schaltkreis-Chip und mehr. Starten Sie mit einem fertigen Stil und formen Sie dann Linien, Farben und Bewegung, bis das Muster zu Ihrer Marke passt.
Sie können die Linien von Hand biegen, sie um die Umrisse eines beliebigen Worts oder Logos laufen lassen, die Palette aus einem Bild übernehmen oder Ihre Markenfarben einfügen. Jede Animation besteht aus ganzen Zyklen, sodass das letzte Bild nahtlos ins erste übergeht und die Schleife nie springt.
Exportieren Sie ein Video als MP4 oder WebM bis 4K, ein GIF oder ein Standbild als PNG, JPG oder WebP bis 8K, bei Bedarf mit transparentem Hintergrund, sofern das Format es erlaubt. Sie können auch Live-Code kopieren, der das Muster ohne Bibliothek auf jeder Website abspielt. Alles geschieht auf Ihrem Gerät: Nichts wird hochgeladen.
So verwenden Sie Generator für animierte Muster
- Wählen Sie einen Stil als Ausgangspunkt oder klicken Sie auf Überrasch mich für ein neues Design.
- Wählen Sie ein Muster und passen Sie seine Linien an. Ziehen Sie das Bild, um die Mitte zu verschieben, oder geben Sie ein Wort ein, um die Linien darum laufen zu lassen.
- Wählen Sie eine Palette, fügen Sie Ihre Hex-Codes ein oder übernehmen Sie die Farben aus einem Bild.
- Stellen Sie Bewegung, Schleifenlänge und Tempo ein und geben Sie dem Look dann mit Leuchten, 3D-Röhre, Riffelglas oder Filmkorn den Feinschliff.
- Wählen Sie das Bildformat: 16:9, quadratisch, Hochformat, Story, Banner oder eine eigene Größe.
- Exportieren Sie ein Video, ein GIF oder ein Bild oder kopieren Sie den Code, um es live auf Ihrer Website abzuspielen.