
 
 
 
 
 
 
 
 
 Autoři : (1) Vivian Liu, Columbia University (vivian@cs.columbia.edu) (2) Rubaiat Habib Kazi, Adobe Research (rhabib@adobe.com); (3) Li-Yi Wei, společnost Adobe Research (lwei@adobe.com); (4) Matthew Fisher, Adobe Research (matfishe@adobe.com ) Timothy Langlois, ředitel společnosti Adobe Research (tlangloi@adobe.com); (6) Seth Walker, Adobe Research (swalker@adobe.com) (7) Lydia Chiltonová, Columbia University (chilton@cs.columbia.edu) Authors: (1) Vivian Liu, Columbia University (vivian@cs.columbia.edu) (2) Rubaiat Habib Kazi, Adobe Research (rhabib@adobe.com); (3) Li-Yi Wei, společnost Adobe Research (lwei@adobe.com); (4) Matthew Fisher, Adobe Research (matfishe@adobe.com ) Timothy Langlois, ředitel společnosti Adobe Research (tlangloi@adobe.com); (6) Seth Walker, Adobe Research (swalker@adobe.com) (7) Lydia Chiltonová, Columbia University (chilton@cs.columbia.edu) Stůl vlevo Abstrakt a 1 úvod 2 Související práce 2.1 Shrnutí programu 2.2 Nástroje na podporu kreativity pro animaci 2.3 Generativní nástroje pro design 3 Formativní kroky 4 Logomotion systém a 4.1 vstup 4.2 Předprocesní vizuální informace 4.3 Vizuálně založená syntéza kódu 5 Hodnocení 5.1 Hodnocení: Oprava programu 5.2 Metodologie 5.3 Zjištění 6 Hodnocení s nováčkem 7 Diskuse a 7.1 Odcházení od šablon 7.2 Generování kódu kolem vizuálů 7.3 Omezení 8 Závěry a reference abstraktní Animované loga jsou přesvědčivým a všudypřítomným způsobem, jak se jednotlivci a značky představují on-line. Ruční autorství těchto loga může vyžadovat značné umělecké dovednosti a úsilí. Abychom pomohli začínajícím návrhářům animovat loga, designové nástroje v současné době nabízejí šablony a přednastavení animace. Nicméně tato řešení mohou být omezena v jejich expresivním rozsahu. Velké jazykové modely mají potenciál pomoci začínajícím návrhářům vytvářet animovaná loga generováním animovaného kódu, který je přizpůsoben jejich obsahu. V tomto článku představujeme LogoMotion, systém založený na LLM, který v současné době zahrnuje vrstvený dokument a vytváří animovaná loga prostřednictvím 1 Úvod Pohyb naznačuje život, a jako takový je pohyb dimenzí, kterou přidáváme k našim designům, abychom je učinili dynamičtějšími a atraktivnějšími. Animace je speciální typ formy designu, kterou jsme vytvořili, abychom nám pomohli přenést statické designy do více mediálně bohatých a interaktivních kontextů. Konkrétním typem animovaného obsahu, který často vytváříme, je animované logo. Animace umožňuje logům, které byly definovány jako „vizuální figurky“ značek [25], lépe se integrovat do videí, živých přenosů, webových stránek a sociálních médií. Dobře provedená animace může rychle zapojit publikum, představit značku nebo jednotlivce online a zvýšit obsah, aby měl větší vizuální zájem. Autorství animovaného loga je náročné. Logotypy jsou často více než jen pár ikon s textem. Protože mohou mít různé rozložení, vrstvy, barvy a typografii, mohou přijmout velkou rozmanitost a být složitými artefakty pro animování. Pro začátečníka může být obtížné pochopit, které designové prvky by měly být animovány, v jakém pořadí a jak vytvořit přesvědčivý a věrohodný pohyb. Existuje mnoho aspektů pohybu, které je třeba zvážit, jako je rychlost, časování, umístění, doba trvání, uvolňování a osobnost pohybu (např. hravý bounce vs. silný vstup). Navíc, když mají loga více designových prvků, musí designéři také pochopit, jak mohou skupiny prvků syn I když existuje velká poptávka po animovaném obsahu, je pro lidi mimo pohybový design obtížné rozvíjet tento druh odbornosti. Designové nástroje, jako jsou Adobe Express, Canva a Figma, často poskytují řešení ve formě animovaných šablon a automatických technik animace [10, 12, 13]. Šablony předem obývají rozložení loga s animacemi, které uživatelé mohou přizpůsobit. Ilustrují, jak mohou uživatelé aplikovat přednastavení pohybu (např. slaďování, blikání nebo blednutí) na prvky loga, aby vytvořili profesionálně vypadající animace. Nicméně šablony se ne vždy přizpůsobují každému použití. Když uživatelé provádějí úpravy (např. přidání/odstranění/změna prv Velké jazykové modely (LLM) představují potenciál pro animace contentaware. Mohou generovat animační kód, který je specifický pro prvky designu a jejich rozložení na plátně. Kód je textová reprezentace, která se často používá k řízení animace [18, 33, 53], protože může stručně specifikovat, jak prvky interagují v čase a prostoru na plátně. Protože LLM kódují obrovské množství světových znalostí, mohou čerpat z akcí a činností souvisejících s obsahem, který je animován a generovat téměř nekonečné množství animací. Tato otevřená generativní schopnost může jít nad rámec toho, co šablony, přednastavení a techniky založené na pravidlech obvykle pokrývají. Nedávné pokroky učinily LLM více multimodální, takže mohou brát jak text a obrázek jako vstupy, a poskytnout vizuálně založené odpovědi. To dělá LLM více použitelné v oblastech, jako je animace, kde vizuální pochopení plátna záleží. To otevírá potenciál pro uživatele poskytnout obrázky jejich rozložení na LLM a dostávat animace přizpůsobené jejich rozložení a designových prvků. Například, pokud by návrhář chtěl animovat taxi, mohli by použít LLM k vytvoření kódu pro řízení taxi na plátno. Tento kód by mohl přeložit taxi objekt podél osy X před usnadněním do středu plátna, aby znamenal stop-and-go-motion odpovídající taxis. V tomto článku představujeme LogoMotion, metodu založenou na LLM, která automaticky animuje statické rozložení obsahově vědomým způsobem. LogoMotion vytváří kód ve dvoustupňovém přístupu zahrnujícím vizuálně založenou syntézu programů a opravu programů. První fáze zavádí multimodální operátory LLM, které berou do vizuálního kontextu a 1) výstavbu textové reprezentace plátna, 2) koncepční seskupení prvků a 3) implementaci animovaného kódu. Naše příspěvky jsou následující: • LogoMotion, systém LLM, který používá vizuálně založenou generování kódu k automatickému vytváření animací loga z PDF. Systém identifikuje vizuální obsah v každé vrstvě, odvozuje primární a sekundární prvky a vytváří skupiny prvků.Na základě toho systém navrhuje designový koncept (v textu) a používá LLM k vytváření animovaného kódu. • Vizuálně založená oprava programu, mechanismus, který umožňuje LLM automaticky detekovat a vypořádat se s vizuálními chybami v jeho generovaném animovaném kódu, což vytváří zpětnou vazbu mezi kódem generovaným LLM a jeho vizuálními výstupy. • Technické hodnocení 276 animací ukazuje, že ve srovnání s Canva Magic Animate a ablatovanou verzí systému (bez fází pro analýzu hierarchie a návrhy návrhových konceptů) celá potrubí LogoMotion produkuje animace, které jsou více vědomé obsahu. • Kvalitativní hodnocení začínajících uživatelů ukazující, že LogoMotion je schopen rychle dosáhnout jejich požadované animace s minimální reprompting. 
 
 Tento dokument je k dispozici v archivu pod licencí CC BY-NC-ND 4.0 DEED. Tento dokument je k dispozici v archivu pod licencí CC BY-NC-ND 4.0 DEED. Dostupné v archivu [1] Zde je video: https://youtu.be/Jo9opkMH7iY [2] Projektová stránka: 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.

Proměňte statická loga v dynamické animace s AI

About Author

KOMENTÁŘE

ZAVĚŠIT ZNAČKY

TENTO ČLÁNEK BYL PŘEDSTAVEN V

Related Stories

Coinshift Launches csUSDL, Announces Strategic Partnerships

Coinshift Launches csUSDL, Announces Strategic Partnerships

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps