Generator för animerade mönster
Skapa animerade ljusmönster i webbläsaren: böj linjerna, välj färger och exportera sömlösa slingor som MP4, WebM, GIF, PNG eller live-kod.
Börja med en stil
Forma linjerna
En PNG- eller SVG-fil med transparent bakgrund fungerar bäst. Filen stannar på din enhet.
Dra de fyra punkterna på bilden för att böja linjerna.
Dra bilden för att flytta mönstrets mittpunkt.
Välj färger
LinjefärgerStäll in rörelsen
Finslipa stilen
TryckeffektExportera
Exporterar bildrutan som visas på bilden. Flytta tidsreglaget för att välja en annan.
Den här webbläsaren kan inte koda video. Använd den senaste versionen av Chrome, Edge, Firefox eller Safari, eller exportera en GIF.
GIF är begränsad till 256 färger. För mjuka toningar och små filer, exportera en video.
Klistra in koden på en valfri webbsida för att köra mönstret live. Den behöver inget bibliotek, förblir skarp i alla storlekar och pausar när den är utanför skärmen.
Text- och logotypmönster kan inte köras som kod ännu. Exportera dem som video eller bild.
Det här formatet saknar transparens: bakgrundsfärgen används.
Det här verktyget kräver WebGL 2, som är avstängt i den här webbläsaren eller på den här enheten. Slå på maskinvaruacceleration i webbläsarens inställningar eller prova en annan webbläsare.
Skapat på din enhet, inget laddas upp.
Saved designs
0Om Generator för animerade mönster
Generator för animerade mönster är en gratis studio för rörliga ljusmönster. Färgade linjer ritas live av ditt grafikkort, så varje ändring syns direkt: solfjädrar, tunnlar, spiraler, blommor, höjdkurvekartor, en snurrande jordglob, ett kretskort med chip och mer. Börja med en färdig stil och forma sedan linjerna, färgerna och rörelsen tills mönstret passar ditt varumärke.
Du kan böja linjerna för hand, låta dem följa konturen av ett valfritt ord eller en logotyp, hämta paletten från en bild eller klistra in dina varumärkesfärger. Varje animation byggs av hela cykler, så den sista bildrutan leder rakt in i den första och slingan hoppar aldrig.
Exportera en video som MP4 eller WebM i upp till 4K, en GIF eller en stillbild som PNG, JPG eller WebP i upp till 8K, med transparent bakgrund när formatet tillåter det. Du kan också kopiera live-kod som kör mönstret på vilken webbplats som helst utan bibliotek. Allt sker på din enhet: inget laddas upp.
Så använder du Generator för animerade mönster
- Välj en stil att utgå från, eller tryck på Överraska mig för en ny design.
- Välj ett mönster och justera dess linjer. Dra bilden för att flytta mittpunkten, eller skriv ett ord så att linjerna löper runt det.
- Välj en palett, klistra in dina hexkoder eller hämta färgerna från en bild.
- Ställ in rörelsen, slingans längd och hastigheten, och finslipa sedan stilen med glöd, 3D-rör, räfflat glas eller filmkorn.
- Välj bildformat: 16:9, kvadratiskt, stående, story, banner eller en egen storlek.
- Exportera en video, en GIF eller en bild, eller kopiera koden för att köra den live på din webbplats.