LogoMotion : Génération de code visuellement ancré pour des animations adaptées au contenu

LogoMotion: Visually Grounded Code Generation for Content-Aware Animation

May 11, 2024

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

cs.AI

Résumé

Les logos animés constituent un moyen captivant et omniprésent pour les individus et les marques de se représenter en ligne. La création manuelle de ces logos peut nécessiter des compétences artistiques et un effort considérables. Pour aider les designers débutants à animer des logos, les outils de conception proposent actuellement des modèles et des préréglages d'animation. Cependant, ces solutions peuvent être limitées dans leur portée expressive. Les grands modèles de langage ont le potentiel d'aider les designers débutants à créer des logos animés en générant du code d'animation adapté à leur contenu. Dans cet article, nous présentons LogoMotion, un système basé sur un grand modèle de langage qui prend en entrée un document en couches et génère des logos animés grâce à une synthèse de programmes visuellement ancrée. Nous introduisons des techniques pour créer une représentation HTML d'un canevas, identifier les éléments primaires et secondaires, synthétiser du code d'animation et déboguer visuellement les erreurs d'animation. En comparaison avec un outil standard de l'industrie, nous constatons que LogoMotion produit des animations plus conscientes du contenu et de qualité équivalente. Nous concluons par une discussion sur les implications des animations générées par les grands modèles de langage pour le design de mouvement.

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.