
 
 
 
 
 
 
 
 
 Los autores: (1) Vivian Liu, Universidad de Columbia (vivian@cs.columbia.edu); (2) Rubaiat Habib Kazi, Adobe Research (rhabib@adobe.com); (3) Li-Yi Wei, de Adobe Research (lwei@adobe.com); (4) Matthew Fisher, de Adobe Research (matfishe@adobe.com); (5) Timothy Langlois, de Adobe Research (tlangloi@adobe.com); (6) Seth Walker, de Adobe Research (swalker@adobe.com); (7) Lydia Chilton, Universidad de Columbia (chilton@cs.columbia.edu). Authors: (1) Vivian Liu, Universidad de Columbia (vivian@cs.columbia.edu); (2) Rubaiat Habib Kazi, Adobe Research (rhabib@adobe.com); (3) Li-Yi Wei, de Adobe Research (lwei@adobe.com); (4) Matthew Fisher, de Adobe Research (matfishe@adobe.com); (5) Timothy Langlois, de Adobe Research (tlangloi@adobe.com); (6) Seth Walker, de Adobe Research (swalker@adobe.com); (7) Lydia Chilton, Universidad de Columbia (chilton@cs.columbia.edu). Mesa de la izquierda Abstracto y 1 Introducción 2 Trabajo relacionado 2.1 Síntesis del programa 2.2 Herramientas de apoyo a la creatividad para la animación 2.3 Herramientas generativas para el diseño 3 Pasos formativos 4 Logomotion System y 4.1 Input 4.2 Preprocesamiento de la información visual 4.3 Síntesis de código basada visualmente 5 Evaluaciones 5.1 Evaluación: Reparación del programa 5.2 Metodología 5.3 Descubrimientos 6 Evaluación con novices 7 Discusión y 7.1 Atrás de las plantillas 7.2 Generar código alrededor de los visuales 7.3 Limitaciones 8 Conclusiones y referencias Abstracción Los logotipos animados son una forma convincente y omnipresente de que individuos y marcas se representan en línea. La redacción manual de estos logotipos puede requerir una considerable habilidad y esfuerzo artístico. Para ayudar a los diseñadores novatos a animar logotipos, las herramientas de diseño actualmente ofrecen plantillas y presets de animación. Sin embargo, estas soluciones pueden ser limitadas en su rango expresivo. Los modelos de idiomas grandes tienen el potencial de ayudar a los diseñadores novatos a crear logotipos animados generando códigos de animación que se ajustan a su contenido. En este artículo, presentamos LogoMotion, un sistema basado en LLM que toma en un documento de capa y genera logotipos animados a través de la síntesis de programas basados visualmente. Introducimos técnicas para crear una representación HTML de una tela, 1 Introducción El movimiento sugiere la vida, y como tal, el movimiento es una dimensión que añadimos a nuestros diseños para hacerlos más dinámicos y atractivos. La animación es un tipo especial de forma de diseño que hemos creado para ayudarnos a incorporar diseños estáticos a contextos más ricos en medios e interactivos. Un tipo específico de contenido animado que creamos con frecuencia es el logotipo animado. La animación permite que los logotipos, que han sido definidos como las “ciudades visuales” de las marcas [25], se integren mejor dentro de videos, streaming en vivo, sitios web y redes sociales. Una animación bien ejecutada puede involucrar rápidamente a un público, presentar la marca o el individuo en línea, y elevar el contenido para tener más interés visual. La creación de un logotipo animado es un desafío. Los logotipos a menudo son más que una pareja de iconos con texto. Debido a que pueden tener diferentes diseños, capas, colores y tipografía, pueden adoptar una gran variedad y ser artefactos complejos para animar. Para un diseñador novato, puede ser difícil entender qué elementos de diseño deben ser animados, en qué secuencia, y cómo construir movimiento convincente y creíble. Hay muchas facetas de movimiento a considerar, como velocidad, timing, posicionamiento, duración, relajación y personalidad de movimiento (por ejemplo, un bounce lúdico vs. una entrada fuerte). Además, cuando los logotipos tienen más elementos de diseño, los diseñadores también tienen que entender cómo grupos de elementos pueden sincronizar para coordinar el movimiento y orquestar un flujo visual. Aunque existe una gran demanda de contenido animado, es difícil que las personas fuera del diseño de movimiento desarrollen este tipo de experiencia. Herramientas de diseño como Adobe Express, Canva y Figma a menudo proporcionan soluciones en forma de plantillas animadas y técnicas de animación automática [10, 12, 13]. Los plantillas pre-poblan los diseños de logotipos con animaciones que los usuarios pueden personalizar. Ellos ilustran cómo los usuarios pueden aplicar los prefixos de movimiento (por ejemplo, deslizarse, deslizar o desvanecer) a los elementos de logotipo para crear animaciones de aspecto profesional. Sin embargo, los plantillas no siempre se adaptan a cada caso de uso. Cuando los usuarios realizan ediciones (por ejemplo, añadir / eliminar / reemplazar elementos de logotipo) para personalizar los modelos de logotipo, pueden romper fácilmente el Los grandes modelos de lenguaje (LLMs) presentan el potencial para la animación de contentaware. Pueden generar código de animación que es específico para los elementos de diseño y su diseño en la tela. El código es una representación de texto que a menudo se utiliza para impulsar la animación [18, 33, 53], porque puede especificar de forma concisa cómo los elementos interactúan a lo largo del tiempo y del espacio en una tela. Debido a que los LLMs codifican una gran cantidad de conocimiento del mundo, pueden sacar de las acciones y actividades relacionadas con el contenido que se anima y generar un número casi infinito de animaciones. Esta capacidad generativa de fin abierto puede ir más allá del alcance de lo que las plantillas, las predefiniciones y las técnicas basadas en reglas suelen cubrir. Los avances recientes han hecho que los LLMs sean más multimodales, por lo que pueden tomar tanto texto como imagen como entradas, y proporcionar respuestas basadas visualmente. Esto hace que los LLMs sean más aplicables en dominios como la animación donde importa una comprensión visual de la tela. Se abre el potencial para que los usuarios proporcionen imágenes de su diseño a un LLM y reciban animaciones adaptadas a sus elementos de diseño y diseño. Por ejemplo, si un diseñador novato quería animar un taxi, podrían utilizar un LLM para generar código para conducir un taxi en la tela. Este código podría traducir el objeto del taxi a lo largo del eje x antes de suavizarlo en el centro de la tela para implicar un paso y paso adecuado de los taxis. En este artículo, presentamos LogoMotion, un método basado en LLM que automaticamente anima los diseños estáticos de una manera consciente del contenido. LogoMotion genera código en un enfoque de dos etapas que involucra síntesis de programas basados visualmente y reparación de programas. La primera etapa introduce los operadores de LLM multimodales que toman en el contexto visual y el 1) construcción de una representación de texto de la tela, 2) agrupación conceptual de elementos, y 3) implementación de código de animación. La segunda etapa de nuestro enfoque introduce una técnica para la reparación de programas basados visualmente, que ayuda a los LLMs a comprobar lo que han generado contra el diseño original y las diferencias de desgaste en una forma de capa dirigida. Nuestras contribuciones son las siguientes: • LogoMotion, un sistema LLM que utiliza la generación de código basado visualmente para generar automáticamente animaciones de logotipos de un PDF. El sistema identifica el contenido visual en cada capa, deduce los elementos primarios y secundarios, y crea grupos de elementos. Sobre esta base, el sistema sugiere un concepto de diseño (en texto) y utiliza el LLM para generar código de animación. • Reparación de programas basada visualmente, un mecanismo que permite al LLM detectar y corregir automáticamente los errores visuales dentro de su código de animación generado, creando un loop de retroalimentación entre el código generado por el LLM y sus salidas visuales. • Una evaluación técnica de 276 animaciones que muestra que en comparación con Canva Magic Animate y una versión ablatada del sistema (sin etapas para análisis jerárquico y sugerencias de conceptos de diseño), el tubo completo de LogoMotion produce animaciones que son más conscientes del contenido. • Una evaluación cualitativa de los usuarios novatos que demuestra que LogoMotion es capaz de lograr rápidamente su animación deseada con un mínimo de reprompting. 
 
 Este artículo está disponible en archiv bajo la licencia CC BY-NC-ND 4.0 DEED. Este artículo está disponible en archiv bajo la licencia CC BY-NC-ND 4.0 DEED. Disponible en Archivo [1] El video: https://youtu.be/Jo9opkMH7iY [2] Página del proyecto: https://vivian-liu.com/#/logomotion

Part of HackerNoon's growing list of open-source research papers, promoting free access to academic material.

Read My Stories

Harnessing the magic of algorithms and data to make predictions, classify, and uncover hidden patterns.

mlmodel's blog

Este audio es producido en el idioma original de la historia!

Convertir logotipos estáticos en animaciones dinámicas con AI

About Author

COMENTARIOS

ETIQUETAS

ESTE ARTÍCULO FUE PRESENTADO EN

Related Stories

Toque para ganar: Telegram puede incorporar a los próximos 10 mil millones de usuarios de criptomonedas antes de Solana

Las capas invisibles: por qué las entrevistas con los usuarios son un activo irremplazable

¿Quieres ganar un concurso de redacción de HackerNoon? Esto es lo que recomiendan los ganadores del concurso #crypto-api

El modelo Bitcoin UTXO, impulsando un ecosistema único

Toque para ganar: Telegram puede incorporar a los próximos 10 mil millones de usuarios de criptomonedas antes de Solana

Las capas invisibles: por qué las entrevistas con los usuarios son un activo irremplazable

¿Quieres ganar un concurso de redacción de HackerNoon? Esto es lo que recomiendan los ganadores del concurso #crypto-api

El modelo Bitcoin UTXO, impulsando un ecosistema único

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps