Генератор анімованих візерунків
Створюйте анімовані світлові візерунки в браузері: вигинайте лінії, задавайте кольори та експортуйте безшовні цикли в MP4, GIF, PNG чи код.
Почніть зі стилю
Задайте форму ліній
Найкраще працює PNG або SVG з прозорим тлом. Файл залишається на вашому пристрої.
Перетягніть чотири вузли на зображенні, щоб вигнути лінії.
Перетягніть зображення, щоб зсунути центр візерунка.
Оберіть кольори
Кольори лінійНалаштуйте рух
Доопрацюйте стиль
Ефект друкуЕкспорт
Експортується кадр, показаний на зображенні. Щоб обрати інший, пересуньте повзунок часу.
Цей браузер не вміє кодувати відео. Скористайтеся найновішою версією Chrome, Edge, Firefox або Safari чи експортуйте GIF.
У GIF не більше 256 кольорів. Для плавних градієнтів і невеликих файлів експортуйте відео.
Вставте цей код на будь-яку вебсторінку, і візерунок працюватиме наживо. Бібліотеки не потрібні, зображення залишається чітким за будь-якого розміру й зупиняється, коли виходить за межі екрана.
Візерунки з тексту й логотипа поки що не можна запускати як код. Експортуйте їх як відео або зображення.
У цьому форматі немає прозорості: використовується колір тла.
Для цього інструмента потрібен WebGL 2, який у вашому браузері чи на пристрої вимкнено. Увімкніть апаратне прискорення в налаштуваннях браузера або спробуйте інший браузер.
Усе створюється на вашому пристрої, нічого не завантажується.
Saved designs
0Про Генератор анімованих візерунків
Генератор анімованих візерунків: безкоштовна студія рухомих світлових візерунків. Лінії кольору малює ваша відеокарта наживо, тож будь-яка зміна видна одразу: віяла, тунелі, спіралі, квіти, карти висот, глобус, що обертається, мікросхема та багато іншого. Почніть із готового стилю, а потім налаштуйте лінії, кольори й рух так, щоб візерунок пасував вашому бренду.
Лінії можна вигинати вручну, пускати по контуру будь-якого слова чи логотипа, брати палітру із зображення або вставляти кольори бренду. Кожна анімація складається з цілих циклів, тому останній кадр плавно переходить у перший, а цикл не смикається.
Експортуйте відео в MP4 або WebM до 4K, GIF чи нерухоме зображення в PNG, JPG або WebP до 8K, із прозорим тлом, якщо формат це дозволяє. Також можна скопіювати код, який запускає візерунок на будь-якому сайті без бібліотек. Усе відбувається на вашому пристрої: нічого не завантажується.
Як використовувати Генератор анімованих візерунків
- Оберіть стиль для старту або натисніть «Здивуй мене», щоб отримати новий дизайн.
- Оберіть візерунок і налаштуйте його лінії. Перетягніть зображення, щоб зсунути центр, або введіть слово, щоб лінії огинали його.
- Оберіть палітру, вставте свої hex-коди або візьміть кольори із зображення.
- Задайте рух, тривалість циклу та швидкість, а потім доопрацюйте стиль: сяйво, 3D-трубка, рифлене скло чи плівкове зерно.
- Оберіть форму кадру: 16:9, квадрат, портрет, сторіс, банер або власний розмір.
- Експортуйте відео, GIF чи зображення або скопіюйте код, щоб запустити візерунок на своєму сайті.