An Integrated Design Environment for kinetic typography

CHI '15
ACM CHI '15 Best Paper Honorable Mention Award


This paper presents TextAlive, a graphical tool that allows interactive editing of kinetic typography videos in which lyrics or transcripts are animated in synchrony with the corresponding music or speech.

While existing systems have allowed the designer and casual user to create animations, most of them do not take into account synchronization with audio signals. They allow predefined motions to be applied to objects and parameters to be tweaked, but it is usually impossible to extend the predefined set of motion algorithms within these systems.

We therefore propose an integrated design environment featuring

  • GUIs that designers can use to create and edit animations synchronized with audio signals,
  • integrated tools that programmers can use to implement animation algorithms, and
  • a framework for bridging the interfaces for designers and programmers.

A preliminary user study with designers, programmers, and casual users demonstrated its capability in authoring various kinetic typography videos.

Presentation materials

CHI 2015 Fast-forward

CHI 2015 Slides

Example videos

TextAlive Online

TextAlive Desktop


Cite this!2015CHI '15

TextAlive: Integrated Design Environment for Kinetic Typography

Jun Kato, Tomoyasu Nakano, Masataka Goto
Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, pp.3403-3412
ACM CHI '15 Best Paper Honorable Mention Award
Copy to the clipboard

TextAlive Online: Live Programming of Kinetic Typography Videos with Online Music

2015ICLC '15
Jun Kato, Tomoyasu Nakano, Masataka Goto
Proceedings of the First International Conference on Live Coding, pp.199-205