
 
 
 
 
 
 
 
 
 Gli autori : (1) Vivian Liu, Università di Columbia (vivian@cs.columbia.edu); (2) Rubaiat Habib Kazi, Adobe Research (rhabib@adobe.com); (3) Li-Yi Wei, Adobe Research (lwei@adobe.com) (4) Matthew Fisher, Adobe Research (matfishe@adobe.com) (5) Timothy Langlois, Adobe Research (tlangloi@adobe.com) (6) Seth Walker, Adobe Research (swalker@adobe.com) (7) Lydia Chilton, Università di Columbia (chilton@cs.columbia.edu). Authors: (1) Vivian Liu, Università di Columbia (vivian@cs.columbia.edu); (2) Rubaiat Habib Kazi, Adobe Research (rhabib@adobe.com); (3) Li-Yi Wei, Adobe Research (lwei@adobe.com) (4) Matthew Fisher, Adobe Research (matfishe@adobe.com) (5) Timothy Langlois, Adobe Research (tlangloi@adobe.com) (6) Seth Walker, Adobe Research (swalker@adobe.com) (7) Lydia Chilton, Università di Columbia (chilton@cs.columbia.edu). tavolo di sinistra Abstract e 1 Introduzione 2 Lavori correlati 2.1 Sintesi del programma 2.2 Strumenti di supporto alla creatività per l'animazione 2.3 Strumenti generativi per il design 3 Passaggi formativi 4 Logomotion System e 4.1 Ingresso 4.2 Preprocesso di informazioni visive 4.3 Sintesi di codice basata su fondamenti visivi 5 Valutazioni 5.1 Valutazione: riparazione del programma 5.2 Metodologia 5.3 Risultati 6 Valutazione con novità 7 Discussione e 7.1 allontanarsi dai template 7.2 Generare codice intorno alle immagini 7.3 Limitazioni 8 Conclusioni e riferimenti astratto I loghi animati sono un modo convincente e onnipresente in cui individui e marchi si rappresentano online. La creazione manuale di questi loghi può richiedere notevoli abilità e sforzi artistici. Per aiutare i designer novizi ad animare i loghi, gli strumenti di progettazione attualmente offrono modelli e preset di animazione. Tuttavia, queste soluzioni possono essere limitate nella loro gamma espressiva. I modelli di lingua di grandi dimensioni hanno il potenziale per aiutare i designer novizi a creare loghi animati generando codici di animazione che sono adattati al loro contenuto. In questo articolo, introduciamo LogoMotion, un sistema basato su LLM che prende in un documento stratificato e genera loghi animati attraverso la sintesi di programmi visualmente fondati. Introduciamo tecniche per creare 1 Introduzione Il movimento suggerisce la vita, e come tale, il movimento è una dimensione che aggiungiamo ai nostri disegni per renderli più dinamici e coinvolgenti. L'animazione è un tipo speciale di forma di design che abbiamo creato per aiutarci a portare i disegni statici in contesti più ricchi di media e interattivi. Un tipo specifico di contenuto animato che creiamo spesso è il logo animato. L'animazione consente ai loghi, che sono stati definiti come i "figuraci visivi" dei marchi [25], di integrarsi meglio all'interno di video, live stream, siti web e social media. Un'animazione ben eseguita può coinvolgere rapidamente un pubblico, introdurre il marchio o l'individuo online e elevare il contenuto per avere più interesse visivo. Scrivere un logo animato è una sfida. I loghi sono spesso più di una semplice coppia di icone con testo. Poiché possono avere diversi layout, strati, colori e tipografia, possono assumere una grande varietà e essere artefatti complessi per animare. Per un designer novizio, può essere difficile capire quali elementi di design dovrebbero essere animati, in quale sequenza, e come costruire un movimento convincente e credibile. Ci sono molte facce del movimento da considerare come velocità, timing, posizionamento, durata, rilassamento e personalità del movimento (ad esempio un bounce giocoso contro un ingresso forte). Inoltre, quando i loghi hanno più elementi di design, i progettisti devono anche capire come i gruppi di elementi possono sincronizzarsi per coordinare il movimento e orchestrare un flusso visivo. Mentre c'è una grande domanda di contenuti animati, è difficile per le persone al di fuori del design del movimento sviluppare questo tipo di competenza. Strumenti di progettazione come Adobe Express, Canva e Figma spesso forniscono soluzioni sotto forma di modelli animati e tecniche di animazione automatica [10, 12, 13]. I modelli pre-populano layout del logo con animazioni che gli utenti possono personalizzare. Essi illustrano come gli utenti possono applicare i preset del movimento (ad es. slide, flicker, o fade) sugli elementi del logo per creare animazioni professionali. Tuttavia, i modelli non si adattano sempre a ogni caso di utilizzo. Quando gli utenti apportano modifiche (ad es. aggiungere / rimuovere / sostituire gli elementi del logo) per personalizzare i modelli del logo, possono facilmente rompere il contenuto I grandi modelli linguistici (LLM) presentano il potenziale per l'animazione contentaware. Possono generare codice di animazione specifico per gli elementi di progettazione e il loro layout sul panno. Il codice è una rappresentazione di testo che viene spesso utilizzata per guidare l'animazione [18, 33, 53], perché può specificare in modo conciso come gli elementi interagiscono nel tempo e nello spazio su un panno. Poiché i LLM codificano una grande quantità di conoscenza del mondo, possono trarre da azioni e attività relative al contenuto che viene animato e generare un numero quasi infinito di animazioni. Questa capacità generativa aperta può andare al di là di ciò che i modelli, i preset e le tecniche basate su regole di solito coprono. I recenti progressi hanno reso i LLM più multimodali, in modo che possano prendere sia il testo che l'immagine come input, e fornire risposte basate visivamente. Questo rende i LLM più applicabili in domini come l'animazione in cui la comprensione visiva del panno conta. Si apre il potenziale per gli utenti di fornire immagini del loro layout a un LLM e ricevere animazioni su misura per il loro layout e gli elementi di design. Ad esempio, se un designer novizio voleva animare un taxi, potrebbero utilizzare un LLM per generare un codice per guidare un taxi sul panno. Questo codice potrebbe tradurre l'oggetto del taxi lungo l'asse X prima di rilassarlo nel centro del panno per implicare un stop-and-go-motion adatto ai taxi. In questo articolo, presentiamo LogoMotion, un metodo basato su LLM che anima automaticamente i layout statici in un modo consapevole del contenuto. LogoMotion genera il codice in un approccio in due fasi che coinvolge la sintesi del programma e la riparazione del programma basata su una base visiva. La prima fase introduce gli operatori LLM multimodali che prendono in contesto visivo e il 1) costruzione di una rappresentazione di testo del panno, 2) raggruppamento concettuale degli elementi, e 3) implementazione di codice di animazione. La seconda fase del nostro approccio introduce una tecnica per la riparazione del programma basata su una base visiva, che aiuta LLM a verificare ciò che hanno generato contro il layout originale e le differenze di debug in una modalità stratificata mirata. I nostri contributi sono i seguenti: • LogoMotion, un sistema LLM che utilizza la generazione di codice basata visualmente per generare automaticamente animazioni di logo da un PDF. Il sistema identifica il contenuto visivo in ogni strato, induce gli elementi primari e secondari e crea gruppi di elementi. Sulla base di questo, il sistema suggerisce un concetto di design (in testo) e utilizza il LLM per generare codice di animazione. Gli utenti possono opzionalmente migliorare l'animazione modificando o aggiungendo il proprio concetto di design. • Riparazione del programma basata sul fondamento visivo, un meccanismo che consente al LLM di rilevare e debuggere automaticamente gli errori visivi all'interno del codice di animazione generato, creando un ciclo di feedback tra il codice generato dal LLM e le sue uscite visive. • Una valutazione tecnica di 276 animazioni che mostra che, rispetto a Canva Magic Animate e a una versione ablated del sistema (senza fasi per l'analisi gerarchica e suggerimenti di concetti di design), la pipeline completa di LogoMotion produce animazioni che sono più consapevoli del contenuto. • Una valutazione qualitativa degli utenti principianti che dimostra che LogoMotion è in grado di raggiungere rapidamente la loro animazione desiderata con un minimo di riprompting. 
 
 Questo documento è disponibile su archiv sotto la licenza CC BY-NC-ND 4.0 DEED. Questo documento è disponibile su archiv sotto la licenza CC BY-NC-ND 4.0 DEED. Disponibile in archivio [1] Il video: https://youtu.be/Jo9opkMH7iY [2] Pagina del progetto: 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

Questo audio è prodotto nella lingua originale della storia!

Trasforma i loghi statici in animazioni dinamiche con AI

About Author

COMMENTI

CARTELLINI

QUESTO ARTICOLO È STATO PRESENTATO IN

Related Stories

Meet Dealscard, Winner of Startups of The Year 2024 in Ghaziabad/Deal Aggregator

How to Mint Your Name.HackerNoon Web3 Identity Namespace

I Built an AI Copilot That Thinks in Exploits, Not Prompts

The Fall of OM by Mantra DAO: Accident or Pattern?

Meet Dealscard, Winner of Startups of The Year 2024 in Ghaziabad/Deal Aggregator

How to Mint Your Name.HackerNoon Web3 Identity Namespace

I Built an AI Copilot That Thinks in Exploits, Not Prompts

The Fall of OM by Mantra DAO: Accident or Pattern?

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps