Generator voor geanimeerde patronen
Ontwerp geanimeerde lichtpatronen in uw browser: buig de lijnen, kies kleuren en exporteer naadloze lussen als MP4, WebM, GIF, PNG of live code.
Begin met een stijl
Vorm de lijnen
Een PNG- of SVG-bestand met transparante achtergrond werkt het best. Het bestand blijft op uw apparaat.
Sleep de vier punten op de afbeelding om de lijnen te buigen.
Sleep de afbeelding om het midden van het patroon te verplaatsen.
Kies de kleuren
LijnkleurenStel de beweging in
Werk de stijl af
DrukeffectExporteren
Exporteert het beeld dat op de afbeelding te zien is. Verplaats de tijdschuif om een ander beeld te kiezen.
Deze browser kan geen video coderen. Gebruik de nieuwste versie van Chrome, Edge, Firefox of Safari, of exporteer een GIF.
GIF is beperkt tot 256 kleuren. Exporteer een video voor vloeiende verlopen en kleine bestanden.
Plak deze code in een willekeurige webpagina om het patroon live af te spelen. De code heeft geen bibliotheek nodig, blijft op elke grootte scherp en pauzeert zodra hij buiten beeld is.
Tekst- en logopatronen kunnen nog niet als code draaien. Exporteer ze als video of afbeelding.
Dit formaat heeft geen transparantie: de achtergrondkleur wordt gebruikt.
Deze tool heeft WebGL 2 nodig, dat in deze browser of op dit apparaat is uitgeschakeld. Schakel hardwareversnelling in via de browserinstellingen of probeer een andere browser.
Gemaakt op uw apparaat, er wordt niets geüpload.
Saved designs
0Over Generator voor geanimeerde patronen
De Generator voor geanimeerde patronen is een gratis studio voor bewegende lichtpatronen. Gekleurde lijnen worden live getekend door uw videokaart, dus elke wijziging is meteen zichtbaar: waaiers, tunnels, spiralen, bloemen, hoogtekaarten, een draaiende wereldbol, een chip met schakelingen en meer. Begin met een kant-en-klare stijl en pas daarna de lijnen, kleuren en beweging aan tot het patroon bij uw merk past.
U kunt de lijnen met de hand buigen, ze rond de omtrek van een willekeurig woord of logo laten lopen, uw kleurenpalet uit een afbeelding halen of uw huisstijlkleuren plakken. Elke animatie bestaat uit hele cycli, zodat het laatste beeld naadloos in het eerste overgaat en de lus nooit hapert.
Exporteer een video als MP4 of WebM tot 4K, een GIF of een stilstaand beeld als PNG, JPG of WebP tot 8K, met een transparante achtergrond als het formaat dat toelaat. U kunt ook live code kopiëren die het patroon op elke website afspeelt, zonder bibliotheek. Alles gebeurt op uw apparaat: er wordt niets geüpload.
Hoe gebruik je Generator voor geanimeerde patronen
- Kies een stijl om mee te beginnen, of druk op Verras me voor een nieuw ontwerp.
- Kies een patroon en pas de lijnen aan. Sleep de afbeelding om het midden te verplaatsen, of typ een woord om de lijnen eromheen te laten lopen.
- Kies een palet, plak uw hexcodes of haal de kleuren uit een afbeelding.
- Stel de beweging, de lengte van de lus en de snelheid in en werk de stijl daarna af met gloed, een 3D-buis, geribbeld glas of filmkorrel.
- Kies de beeldverhouding: 16:9, vierkant, staand, story, banner of een eigen formaat.
- Exporteer een video, een GIF of een afbeelding, of kopieer de code om het live op uw website af te spelen.