LogoMotion: Generación de código visualmente fundamentado para animación consciente del contenido

LogoMotion: Visually Grounded Code Generation for Content-Aware Animation

May 11, 2024

Autores: Vivian Liu, Rubaiat Habib Kazi, Li-Yi Wei, Matthew Fisher, Timothy Langlois, Seth Walker, Lydia Chilton

cs.AI

Resumen

Los logotipos animados son una forma atractiva y omnipresente en que individuos y marcas se representan en línea. Crear manualmente estos logotipos puede requerir habilidades artísticas y esfuerzo significativos. Para ayudar a diseñadores novatos a animar logotipos, las herramientas de diseño actualmente ofrecen plantillas y preajustes de animación. Sin embargo, estas soluciones pueden ser limitadas en su rango expresivo. Los modelos de lenguaje grandes tienen el potencial de ayudar a diseñadores novatos a crear logotipos animados generando código de animación que se adapta a su contenido. En este artículo, presentamos LogoMotion, un sistema basado en modelos de lenguaje grande que toma un documento en capas y genera logotipos animados mediante síntesis de programas visualmente fundamentada. Introducimos técnicas para crear una representación HTML de un lienzo, identificar elementos primarios y secundarios, sintetizar código de animación y depurar visualmente errores de animación. Al compararlo con una herramienta estándar de la industria, encontramos que LogoMotion produce animaciones que son más conscientes del contenido y están a la par en términos de calidad. Concluimos con una discusión sobre las implicaciones de la animación generada por modelos de lenguaje grande para el diseño de movimiento.

English

Animated logos are a compelling and ubiquitous way individuals and brands represent themselves online. Manually authoring these logos can require significant artistic skill and effort. To help novice designers animate logos, design tools currently offer templates and animation presets. However, these solutions can be limited in their expressive range. Large language models have the potential to help novice designers create animated logos by generating animation code that is tailored to their content. In this paper, we introduce LogoMotion, an LLM-based system that takes in a layered document and generates animated logos through visually-grounded program synthesis. We introduce techniques to create an HTML representation of a canvas, identify primary and secondary elements, synthesize animation code, and visually debug animation errors. When compared with an industry standard tool, we find that LogoMotion produces animations that are more content-aware and are on par in terms of quality. We conclude with a discussion of the implications of LLM-generated animation for motion design.