Motion graphics-eksempler: AI-videoer sorteret efter hvad de gør
Af Potto AI Team·
Motion graphics-eksempler sorteret efter opgave: lanceringsfilm, produktskærme, kinetic type, datahistorier, explainers og logoafsløringer, hver fra en krediteret skaber.
De mest brugbare motion graphics-eksempler sorteres efter den opgave, videoen løser, ikke efter visuel stil: en lanceringsfilm, en animeret produktskærm, en kinetic type-reel, en datahistorie, en explainer eller en logoafsløring. Hver opgave har sin egen længde, sit eget format og sin egen rækkefølge af ideer, så et "godt eksempel" hjælper kun, hvis det er den rigtige slags eksempel. Denne guide vælger 21 motion graphics-eksempler fra biblioteket af AI motion graphics-videoer på Potto, sorterer dem i de seks opgaver og angiver for hvert værk skaberen, længden, billedformatet og hvad du skal lægge mærke til.
Først én ting: ingen af disse videoer er lavet af Potto. De er lavet og udgivet af uafhængige skabere, som krediteres med deres X-handle nedenfor. Potto samler dem, så du kan se dem, læse prompten, hvor skaberen har delt en, og starte din egen video ud fra ideen. Beskrivelserne bruger kun hver videos titel og oplysningerne på siden (skaber, kategori, længde, format, værktøjer), fordi målet er at hjælpe dig med at vælge, hvad du vil studere, ikke at anmelde andres arbejde. Alt om Pottos eget værktøj kommer fra produktet, som det fungerer i dag.
Hvad der tæller som motion graphics
Motion graphics er grafisk design sat i bevægelse: tekst, former, ikoner, diagrammer og billeder, der bevæger sig for at forklare noget, annoncere noget eller give et brand et udtryk. Adobes guide til motion graphics definerer dem som "graphics with movement" og kalder dem "shorter pieces of animation that entertain or impart information", i modsætning til lange animationsfilm med figurer og et plot. Wikipedias artikel om siger, at motion design typisk forbindes med at sætte abstrakte objekter, tekst og andre grafiske elementer i bevægelse.
Tilsammen nævner de to kilder de steder, arbejdet dukker op: åbningstekster til film og tv, broadcast- og nyhedsgrafik, reklame og branding, animeret typografi, brugerfladedesign samt explainer- og promovideoer. Den liste er ordnet efter branche. Denne guide ordner efter opgave, for når du laver en video, er spørgsmålet "hvad prøver jeg at få frem?" og ikke "hvilken branche er det her?". De seks opgaver nedenfor følger bibliotekets kategorier og dækker det meste af det, en virksomhed eller en skaber faktisk har brug for.
Opgave
Hvad den gør
Typisk spørgsmål den svarer på
Launch
Annoncerer et produkt eller en udgivelse
Hvad er nyt, og hvorfor skulle jeg interessere mig?
Product screens
Animerer en grænseflade
Hvordan ser produktet ud, og hvordan virker det?
Kinetic type
Lader ord være det visuelle hovedmotiv
Hvilken sætning skal jeg huske?
Data story
Får et tal eller en tendens til at lande
Hvad ændrede sig, og med hvor meget?
Explainer
Lærer en idé i trin
Hvordan virker det her?
Logo animation
Afslører et brandmærke
Hvem har lavet det her?
Sådan blev de 21 eksempler valgt
Biblioteket er stort og bliver ved med at vokse, så denne guide citerer ikke totaler; siden viser altid de aktuelle tal. For at vælge eksempler brugte guiden fire filtre. Hvert værk skal have en krediteret skaber, en registreret længde og et billedformat, en video der virker, og en titel der siger, hvad videoen handler om. Inden for hver opgave blev værker foretrukket, der varierer i længde, format og værktøjer, så du ser spændet og ikke ét gentaget mønster.
To fakta om hele biblioteket er værd at kende før eksemplerne. De kommer fra bibliotekets registreringer, som de blev tjekket 2026-10-12, og de vil rykke sig, efterhånden som værker tilføjes:
De fleste værker er 16:9. Omkring fire ud af fem værker er 16:9, omkring et ud af otte er 9:16, og resten er 1:1. Hver opgave nedenfor følger den samme skævhed, og den matcher, hvor folk ser: websites, præsentationer og X.
Længden afhænger af opgaven. Medianen er omkring 9 sekunder for logo animation, 15 for kinetic type, 30 for launch, 35 for data story, 36 for product screens og 60 for explainer. Medianen pr. opgave står i hvert afsnit.
De 21 værker står i deres egne afsnit nedenfor, hver med link til siden, hvor du kan afspille den. For hvert værk giver guiden skaberens X-handle, længden, formatet, værktøjerne hvor siden nævner dem, og om skaberen delte prompten. "Prompt delt" betyder, at skaberen offentliggjorde prompten på værkets side, så du kan læse den, før du beslutter at genbruge den.
Eksempler på lanceringsfilm
En lanceringsfilm annoncerer noget og beder seeren huske én ting: navnet. Blandt bibliotekets launch videos er medianlængden 30 sekunder, og omkring halvdelen er 30 sekunder eller kortere. Kategorien har også den bredeste spredning af formater, med omkring et ud af fem i 9:16 til telefoner.
Reddit marketing tool launch video af @anthonyriera varer 52,8 sekunder i 16:9. Siden nævner Remotion som værktøj, den samme renderingsmotor som Potto bruger, hvilket gør den til en nyttig reference for, hvad en kodebygget lanceringsfilm kan rumme tæt på et minut.
TypingMind showreel announces team features af @ann_nnng er 15,0 sekunder i 16:9, bygget på canvas, og skaberen delte prompten. Titlen nævner indholdet, team features, og formen, en showreel.
Hvad du skal lægge mærke til. Afspil en lanceringsfilm én gang uden lyd, og notér det sekund, hvor produktnavnet første gang vises. Tæl derefter, hvor mange separate påstande filmen fremsætter. Eksemplerne ovenfor peger på en regel, der holder på tværs af kategorien: jo kortere filmen, jo færre påstande. En film på 15 sekunder bærer én idé og et navn; en film på 50 sekunder har plads til et problem, nogle få features og en afsluttende linje.
Lån det med Potto. Pottos produktvideo-værktøj bygger lanceringsfilm ud fra en beskrivelse eller et link. En brief, der fungerer godt, nævner publikum, længden og beats:
Lanceringsfilm for en fiktiv budgetapp kaldet Ledgerly, 30 sekunder, 16:9. Åbn med problemet med at følge forbrug i regneark, vis tre features, slut på appens navn og en call to action.
Eksempler på produktskærme
Animation af product screens viser en grænseflade, der gør noget: en liste sorterer sig selv, et dashboard fyldes, en telefon går gennem et flow. Kategoriens medianlængde er 36 sekunder, men den midterste halvdel af værkerne løber fra omkring 24 til omkring 67 sekunder, så det er den mest varierede af de seks. Her er eksemplerne i 9:16 og 1:1 også mest nyttige, fordi app-flows ofte vises på telefoner.
Hvad du skal lægge mærke til. Sæt på pause ved det første billede, der viser grænsefladen, og spørg, hvad seeren skal kigge på. Se derefter, hvor længe hver tilstand bliver på skærmen. Animation af produktskærme fejler, når skærmen skifter, før øjet har fundet ændringen. Derfor viser de korteste eksempler her én forvandling, og de længere samler deres tilstande i trin.
Lån det med Potto. En produktdemovideo starter fra screenshots, du uploader, op til otte billeder, dokumenter eller lydfiler pr. projekt. Screenshot-scener zoomer ind og følger en markørsti, og hver scene kan bære en caption, så den sædvanlige brief er en liste af trin:
Produktdemo for en fiktiv faktureringsapp, 30 sekunder, 16:9. Brug mine tre screenshots: opret en faktura, send den, se den betalt. Én kort caption pr. screenshot, og slut på appens navn.
Eksempler på kinetic type
Kinetic type sætter ord i bevægelse som det visuelle hovedmotiv. Det er den korteste af de tekstbårne opgaver: medianen er omkring 15 sekunder, og omkring syv ud af ti værker varer 30 sekunder eller mindre. Fordi der ikke er en grænseflade eller et diagram til at bære meningen, skal teksten gøre det.
Slanted credit names glide over an orange grid af @goodside varer 75,0 sekunder i 16:9, med en delt prompt. Ved den længde er det gentagne greb en liste af navne, der bevæger sig over én baggrund.
Hvad du skal lægge mærke til. Slå lyden fra, og læs videoen. Kinetic type skal fungere som tekst: hvis sætningerne er svage, redder bevægelse dem ikke. Slå lyden til igen, og tjek om timingen af hvert ord følger lyden. De to eksempler på 15 sekunder binder deres bevægelse til et titelkort eller et tempo, mens de to eksempler på 75 sekunder støtter sig til struktur, en creditliste og kapiteltitler, for at holde opmærksomheden.
Lån det med Potto. Pottos tekstscener bygger sig op på cue, og quote-, titel- og listescener bærer korte linjer. Det tilbyder ikke fri bogstavanimation, så en bølge på 128 BPM ligger uden for det, den renderer. Det den håndterer godt, er et kort manus, hvor hver linje får sin egen skærm:
Kinetic text video, 15 sekunder, 16:9, stil Bold Pop. Fem korte linjer, én pr. skærm, om et team der shipper hver fredag. Slut på linjen "Ship it."
Eksempler på datahistorier
En datahistorie får ét tal eller én tendens til at lande. Blandt bibliotekets data story videos er medianen omkring 35 sekunder, og spredningen er bred, fra 15 sekunder til et godt stykke over et minut. Kategorien hører til de mindste, hvilket gør disse til et godt sted at studere hvert eksempel.
LLM release timeline tracks 2026 models month by month af @nummanali er 62,1 sekunder i 16:9, bygget på canvas, med prompten delt. Siden beskriver en canvas-animation, der går gennem 2026 måned for måned, så tiden er aksen.
Hvad du skal lægge mærke til. Find det ene tal, videoen vil have dig til at huske, og tjek derefter, hvordan videoen fortjener det: hvad der kommer før, og hvad der vises efter. De tre eksempler bruger tre forskellige greb til den samme opgave. Ét angiver et resultat, ét går en tidslinje igennem, og ét parrer et tal med et billede af det, det måler.
Lån det med Potto. Stat-scener viser ét stort tal, og chart-scener tegner søjle- eller donutdiagrammer med tre til seks værdier, der tæller op. Hvis du skriver tallene ind i briefen, bruger videoen dem, som de er skrevet, så tjek hvert tal mod din kilde, før du eksporterer. Siden animeret diagram samler flere af dem:
Datahistorie, 30 sekunder, 16:9. En fiktiv kaffebars gennemsnitlige kopper pr. dag steg fra 120 i juni til 190 i september. Åbn med spørgsmålet, vis de fire måneder som et søjlediagram, slut på stigningen på 58%.
Eksempler på explainers
En explainer lærer en idé i trin. Det er den længste af de seks: medianlængden er 60 sekunder, og kun omkring et ud af fem varer 30 sekunder eller mindre. Bibliotekets explainer videos har også det bredeste spænd af behandlinger, fra pixel art til håndtegnede whiteboards.
Kinetic word cloud pitches an AI inference startup af @deedydas er 26,0 sekunder i 16:9, bygget med SVG og GSAP, med prompten delt. Det er den korteste explainer her og presser et pitch ned i ét bevægeligt greb.
Hvad du skal lægge mærke til. En explainer skal bestå sætningstesten: kan du efter én gennemgang sige ideen i én sætning? Hold øje med det øjeblik, hvor problemet bliver til løsningen, og tæl trinnene mellem det øjeblik og slutningen. To af de tre eksempler griber ét lille, konkret emne (et ciffer, et onboarding-flow) og lader det bære hele lektionen.
Lån det med Potto. Strukturen bag de fleste explainers er problem, løsning, hvordan det virker og næste skridt, hvilket guiden om hvad en explainer video er dækker i detaljer, og 12 explainer video-eksempler bryder ned efter scenerækkefølge.
Pottos explainer video-værktøj kan starte fra et emne, et link eller et dokument som en PDF. Det har ingen håndtegnet eller whiteboard-stil: de tolv indbyggede stilarter er Clean Modern, Midnight Tech, Editorial Paper, Bold Pop, Blueprint, Warm Organic, Neon Night, Soft Pastel, Mono Minimal, Sunset Gradient, Studio Noir og Fresh Mint.
Eksempler på logoanimation
En logoafsløring er den korteste opgave: medianlængden i biblioteket ligger under 9 sekunder, og eksemplerne her løber fra 8,7 til 21,0 sekunder. Der er én ting at se på, så videoen handler mest om timing og bevægelsens form.
TypingMind logo reveal af @tdinh_me varer 21,0 sekunder i 16:9, med prompten delt. Siden beskriver en langsom afsløring, hvor mærket samles gradvist.
Hvad du skal lægge mærke til. Se på det sidste billede. En logoafsløring lykkes, hvis det endelige mærke er rent, centreret og læsbart længe nok til at blive registreret, og bevægelsen før det er det, der giver mærket personlighed. Eksemplet på 8,7 sekunder viser, hvor meget én bevægelse, én form der bliver til en anden, kan gøre.
Lån det med Potto. Pottos afsluttende call-to-action-scene kan slutte en video på dit logo, og kategorien logo animation i biblioteket er stedet at studere selvstændige afsløringer. Potto renderer ud fra et fast sæt scenetyper og stilarter, uden egen animationskode, så en bestemt easing-kurve som den elastiske morph ovenfor er noget at studere og ikke noget at kopiere nøjagtigt.
Lav din egen version
Du har tre veje til en video som disse. Skriv koden selv, bed en coding agent om at skrive den, eller beskriv videoen for et værktøj, der renderer den for dig.
Mange skabere i biblioteket bygger med kode. Remotion, den renderingsmotor Potto bruger, beskriver sig selv som en måde at skabe videoer og motion graphics med React, og den udgiver agent skills, så coding agents kan arbejde med den. Pottos side skills samler gratis agent skills fra tredjepartsforfattere, som du kan installere i en agent, der læser SKILL.md-filer; de kører i din egen agent med din egen model.
Anthropics Claude Motion, annonceret 8. oktober 2026 og i beta på planerne Team og Enterprise pr. 2026-10-12, animerer tekst, diagrammer, former og billeder ud fra en prompt og eksporterer en MP4. Potto er ikke Claude Motion og har intet officielt forhold til Anthropic. Indlægget om alternativer til Claude Motion sammenligner vejene ud fra fakta, du kan tjekke.
Beskrivelsesvejen er Pottos værktøj AI motion graphics. Du giver det en prompt, et offentligt link eller et dokument. Claude Opus 5.5 skriver briefen, manuskriptet og storyboardet, og Remotion renderer scenerne til en MP4 med voiceover, captions og musik, i 16:9, 9:16 eller 1:1. Du kan redigere storyboardet skærm for skærm eller bede om en ændring i chatten. På biblioteksiderne har en video med en delt prompt en knap Use this prompt, der sender den til Pottos videoskaber. Resultatet er Pottos egen version, med egne scenetyper og stilarter, så det vil ikke matche originalen; behandl originalen som reference for ideen, tempoet og udtrykket.
Forhåndsvisninger og storyboards koster ingenting; credits trækkes, når du eksporterer, og totalen vises, før du bekræfter (se priser). Potto genererer ikke live-action-optagelser, avatarer eller personer, og det redigerer ikke video, du allerede har.
FAQs
Hvad er typerne af motion graphics?
Typerne af motion graphics grupperes som regel efter, hvor de optræder: titelsekvenser til film og tv, broadcast- og nyhedsgrafik, reklame og branding, kinetic typography, animation af brugerflader samt explainer- eller promovideoer. Denne guide sorterer dem i stedet efter opgave: lanceringsfilm, produktskærme, kinetic type, datahistorier, explainers og logoanimationer. Wikipedias artikel om motion graphic design skiller også explainer-, emotive og promografik, alt efter om målet er at tydeliggøre, at vække en følelse eller at skabe opmærksomhed.
Hvad regnes som motion graphics?
Motion graphics er animeret grafisk design: tekst, former, ikoner, diagrammer og billeder sat i bevægelse for at informere, promovere eller brande. Adobe definerer dem som "graphics with movement" og beskriver dem som kortere animationsstykker, der underholder eller formidler information. En video, der animerer et produkt-screenshot, et søjlediagram eller et logo, er motion graphics. En lang animationsfilm med figurer og et plot kaldes som regel animation.
Hvad er forskellen på motion graphics og animation?
Motion graphics bevæger grafiske designelementer, såsom type, former og diagrammer, som regel for at formidle information i et kort stykke, mens animation bredere fortæller historier med figurer og plots. De to overlapper, så grænsen er mere et spørgsmål om formål og skala end om teknik. Adobes guide trækker grænsen efter længde og formål: motion graphics er kortere stykker, der underholder eller formidler information.
Hvor lang bør en motion graphics-video være?
Det afhænger af opgaven. I Pottos bibliotek pr. 2026-10-12 er medianlængden omkring 9 sekunder for logo animation, 15 for kinetic type, 30 for launch videos, 35 for data stories, 36 for product screens og 60 for explainers. Match længden til antallet af ideer: én idé passer på 15 sekunder, og et problem, tre features og en afsluttende linje passer på 30 til 45. Pottos længdevalg er 15, 30, 45, 60 og 90 sekunder.
Er videoerne i denne guide lavet med Potto?
Nej. De er lavet af uafhængige skabere, og hver er krediteret til sin skaber via deres X-handle. Potto gør ikke krav på dem som eget arbejde. De er med som referencer, og siden for hvert værk linker det oprindelige indlæg, hvor et sådant findes.
Kan jeg lave motion graphics som disse med Potto?
Ja, for de slags motion graphics Potto tilbyder: lanceringsfilm, produktskærme, tekstbårne videoer, datahistorier og explainers bygget ud fra de elleve scenetyper, tolv stilarter og dine egne brandfarver. Potto renderer sin egen version ud fra din prompt, så resultatet kopierer ikke en original, og det understøtter ikke egen animationskode, håndtegnede stilarter eller fri bogstavanimation.
