Rubicon Kinetic Typography Studio
Версия демо · без внешних API · локальные файлы шрифтов/аудио поддерживаются
Что это такое и как работать

Rubicon Kinetic — это однофайловая студия для создания кинетической типографики (анимированного текста) прямо в браузере. Вы настраиваете текст, шрифты, стили и анимацию по ключевым кадрам, можете подхватить ритм локального аудио (бит‑детект) и экспортировать результат в WebM‑видео или PNG‑кадр. Интерфейс полностью на русском и адаптирован под бизнес Rubicone.

  • Таймлайн: добавляйте ключевые кадры по свойствам (позиция, масштаб, поворот, непрозрачность, трекинг, смещения букв/слов). Перетягивайте ползунок времени, используйте Пробел — пуск/пауза, J/K — кадр назад/вперёд, Ctrl/⌘ K — добавить ключевой кадр.
  • Пресеты: «печатная машинка», «bounce», «liquid», «glитч», «fade‑up», «каскад по буквам/словам/строкам». Управляйте задержкой «stagger».
  • Аудио‑режим: загрузите трек, нажмите «Найти биты» — таймлайн покажет сетку тактов, а добавляемые ключевые кадры будут прилипать к ближайшему долю/биту.
  • Стили: выбор шрифта (системные или загрузите свой .ttf/.otf), начертание, наклон, заливка/обводка, градиент, тень, псевдо‑motion blur, фон (цвет или картинка).
  • Экспорт: WebM (через захват canvas), PNG‑кадр. MP4/GIF в браузере без библиотек ограничены — используйте WebM или PNG‑последовательность и перекодируйте при необходимости.
  • Верстка: пресеты соотношений сторон (1:1 / 9:16 / 16:9), направляющие safe‑area, сетка, поля.
  • Доступность: ARIA метки, логичный порядок фокуса, «предпочитаю меньше движения» отключает тяжёлые эффекты.

Проект

Текст

Цвет и стиль

Фон

Анимация

Аудио

0.00s
Made on
Tilda