Generator animowanych wzorów
Twórz animowane świetlne wzory w przeglądarce: wyginaj linie, ustaw kolory i eksportuj płynne pętle jako MP4, GIF, PNG lub kod. Za darmo.
Zacznij od stylu
Ukształtuj linie
Najlepiej sprawdza się PNG lub SVG z przezroczystym tłem. Plik zostaje na Twoim urządzeniu.
Przeciągnij cztery węzły na obrazie, aby wygiąć linie.
Przeciągnij obraz, aby przesunąć środek wzoru.
Wybierz kolory
Kolory liniiUstaw ruch
Dopracuj styl
Efekt drukuEksport
Eksportuje klatkę widoczną na obrazie. Przesuń suwak czasu, aby wybrać inną.
Ta przeglądarka nie potrafi kodować wideo. Użyj najnowszej wersji Chrome, Edge, Firefox lub Safari albo wyeksportuj GIF.
GIF ma limit 256 kolorów. Aby uzyskać gładkie gradienty i małe pliki, wyeksportuj wideo.
Wklej ten kod na dowolną stronę internetową, aby uruchomić wzór na żywo. Nie wymaga żadnej biblioteki, jest ostry w każdym rozmiarze i zatrzymuje się, gdy znika z ekranu.
Wzorów z tekstu i logo nie można jeszcze uruchamiać jako kodu. Wyeksportuj je jako wideo lub obraz.
Ten format nie obsługuje przezroczystości: zostanie użyty kolor tła.
To narzędzie wymaga WebGL 2, który jest wyłączony w tej przeglądarce lub na tym urządzeniu. Włącz akcelerację sprzętową w ustawieniach przeglądarki albo spróbuj innej przeglądarki.
Tworzone na Twoim urządzeniu, nic nie jest wysyłane.
Saved designs
0O Generator animowanych wzorów
Generator animowanych wzorów to darmowe studio ruchomych świetlnych wzorów. Linie koloru rysuje na żywo Twoja karta graficzna, więc każda zmiana jest widoczna od razu: wachlarze, tunele, spirale, kwiaty, mapy warstwicowe, obracający się globus, układ scalony i wiele więcej. Zacznij od gotowego stylu, a potem kształtuj linie, kolory i ruch, aż wzór będzie pasował do Twojej marki.
Linie możesz wyginać ręcznie, prowadzić wokół konturu dowolnego słowa lub logo, pobrać paletę z obrazu albo wkleić kolory swojej marki. Każda animacja składa się z pełnych cykli, więc ostatnia klatka płynnie wraca do pierwszej i pętla nie skacze.
Wyeksportuj wideo w MP4 lub WebM do 4K, GIF albo obraz w PNG, JPG lub WebP do 8K, z przezroczystym tłem, jeśli format na to pozwala. Możesz też skopiować kod, który uruchamia wzór na dowolnej stronie bez żadnej biblioteki. Wszystko dzieje się na Twoim urządzeniu: nic nie jest wysyłane.
Jak korzystać z Generator animowanych wzorów
- Wybierz styl na początek albo naciśnij Zaskocz mnie, aby dostać nowy projekt.
- Wybierz wzór i dopasuj jego linie. Przeciągnij obraz, aby przesunąć środek, albo wpisz słowo, aby linie obiegły jego kształt.
- Wybierz paletę, wklej swoje kody hex albo pobierz kolory z obrazu.
- Ustaw ruch, długość pętli i szybkość, a potem dopracuj styl za pomocą poświaty, rurki 3D, szkła ryflowanego lub ziarna filmowego.
- Wybierz kształt kadru: 16:9, kwadrat, pion, story, baner lub własny rozmiar.
- Wyeksportuj wideo, GIF lub obraz albo skopiuj kod, aby uruchomić wzór na żywo na swojej stronie.