Markedet
Priser
Log indStart
DesignguidenBevægelse
Bevægelse

Motion graphics-skabeloner: levende design uden After Effects

De fleste brands har brug for levende design hver uge og en motion designer aldrig. Her er, hvad motion graphics-skabeloner er, hvilken slags der passer til dig, og hvordan du får en til at ligne din egen frem for alles.

GradientlyVerificeret Gradiently-konto·1. oktober 2026·5 min. læsning
Forside: Sustained Loggia · GR·K9N3·ZX

Kort fortalt

  • Motion graphics-skabeloner er færdiganimerede designs, hvor du skifter ord, farver og medier, mens bevægelsen allerede er lavet for dig.
  • Skabeloner til After Effects og Premiere Pro kræver de programmer, mens browserbaserede designværktøjer har animerede skabeloner, du redigerer som et almindeligt design.
  • En god bevægelsesskabelon har få bevægelige dele, redigerbar tekst, størrelser til hver platform og et loop, der hænger pænt sammen.
  • Skabeloner ser generiske ud, når farver, typografi og baggrund står, som de kom, så udskift alle tre, før du poster.
  • Korte loops på 5 til 15 sekunder passer til de fleste animerede opslag og stories.
På denne side
Typer af motion graphics-skabelonerMotion graphics uden After EffectsHvad gør en animeret skabelon godSkabeloner, der er værd at have klarSådan får du en skabelon til at ligne dit brandEksport af animerede skabelonerAnimerede skabeloner i Gradiently

Motion graphics-skabeloner er designs, der allerede er animerede: du skifter ord, farver, fotos eller logo, og bevægelsen er lavet for dig. De findes til professionel videosoftware som After Effects og Premiere Pro, men du har ikke brug for nogen af dem. Browserbaserede designværktøjer har animerede skabeloner, du redigerer som ethvert andet design og derefter eksporterer som video eller GIF. Tricket er at vælge skabeloner med enkel, rolig bevægelse og udskifte nok af dem til, at resultatet ligner dit brand.

Typer af motion graphics-skabeloner

»Bevægelsesskabelon« dækker over meget forskellige filer. Hvilken du skal bruge, afhænger af den software, du allerede bruger, og hvor meget kontrol du har brug for.

After Effects-projekt

Virker i

Adobe After Effects

God til

Komplekse titler, logoafsløringer, fuld kontrol

Indlæringskurve

Stejl
MOGRT (.mogrt)

Virker i

Premiere Pro, med kontroller sat op i After Effects

God til

Navneskilte og titler i videoredigering

Indlæringskurve

Moderat
Apple Motion-skabelon

Virker i

Final Cut Pro og Motion

God til

Titler og overgange til redigering på Mac

Indlæringskurve

Moderat
Lottie-animation (JSON)

Virker i

Websites og apps via en afspiller

God til

Små animationer og ikoner i brugerflader

Indlæringskurve

Kræver en udvikler
Animeret designskabelon

Virker i

Designværktøjer i browseren

God til

Opslag, stories, annoncer, loops til skærme

Indlæringskurve

Blid
TypeVirker iGod tilIndlæringskurve
After Effects-projektAdobe After EffectsKomplekse titler, logoafsløringer, fuld kontrolStejl
MOGRT (.mogrt)Premiere Pro, med kontroller sat op i After EffectsNavneskilte og titler i videoredigeringModerat
Apple Motion-skabelonFinal Cut Pro og MotionTitler og overgange til redigering på MacModerat
Lottie-animation (JSON)Websites og apps via en afspillerSmå animationer og ikoner i brugerfladerKræver en udvikler
Animeret designskabelonDesignværktøjer i browserenOpslag, stories, annoncer, loops til skærmeBlid
Laver du opslag, stories og enkle annoncer, er en animeret designskabelon i browseren som regel alt, hvad du behøver.

Motion graphics uden After Effects

After Effects er bygget til keyframes, expressions og compositing, hvilket er langt mere, end et animeret udsalgsopslag kræver. Til det meste arbejde på sociale medier og i marketing klarer tre slags bevægelse hele opgaven, og gode browserværktøjer tilbyder alle tre uden en eneste keyframe.

  • Baggrundsbevægelse. Farvefeltet driver, flyder eller ånder langsomt bag stillestående ord. Roligt, eksklusivt og nemt at loope.
  • Tekstentréer. Ord stiger på plads, popper, wipes ind eller skrives ud bogstav for bogstav og står så stille længe nok til at blive læst.
  • Sidesekvenser. Flere rammer afspilles efter hinanden med en overgang imellem, som en karrusel i bevægelse.

Reglen, der får alle tre til at se professionelle ud: bevæg én ting ad gangen, og lad ordene falde på plads, før noget andet sker. Principper for motion design og easing forklarer, hvorfor rolig bevægelse opfattes som kvalitet.

Hvad gør en animeret skabelon god

Spring den over

  • Alt bevæger sig på én gang
  • Teksten animeres ud, før du kan læse den
  • Låst til én størrelse
  • Et hop, hvor loopet starter forfra
  • Effekter, der kun virker med demofotoet

Vælg den

  • En eller to bevægelige dele, resten står stille
  • Ordene kommer ind og står i to sekunder eller mere
  • Versioner til story, opslag og kvadrat
  • Et loop, der samles uden synlig søm
  • Ser godt ud med dine ord, ikke kun med eksemplet

Test en skabelon med din rigtige, længste overskrift, før du lægger dig fast. Mange skabeloner ser dejlige ud med en eksempellinje på tre ord og falder fra hinanden med din.

Skabeloner, der er værd at have klar

Et lille sæt animerede skabeloner dækker det meste af det, en virksomhed poster. Lav hver af dem én gang i dit brand, gem den, og hver fremtidig version er en redigering på to minutter.

Forårsmarked
3 dage endnu
Denne lørdag i Corn Exchange
Gradiently · @gradiently

En nedtællingsstory: tallet skifter hver dag, baggrunden og layoutet gør aldrig.

Kun denne weekend
Sommerudsalg
I butikken og online
Gradiently · @gradiently

Et udsalgsopslag, hvor ordene stiger ind over en drivende baggrund og bliver stående.

  • Annoncering: nyt produkt, nye åbningstider, ny medarbejder. Se opslag med nyheder.
  • Nedtælling: lanceringer, events, deadlines. Se nedtællingsopslag.
  • Citat eller anmeldelse: en kundes ord, skrevet ud linje for linje.
  • Udsalg eller tilbud: overskriften og datoerne, intet andet.
  • Tip eller vejledning: en kort sidesekvens, ét trin pr. side.
  • Event: dato, sted, én linje om hvorfor.

Sådan får du en skabelon til at ligne dit brand

Den hurtigste måde at genkende en skabelon på er, at den stadig bærer skabelonens farver. Udskift disse, i denne rækkefølge, så bliver den din.

  1. 1

    Skift baggrunden

    Baggrunden fylder det meste af billedet, så den gør det meste af brandarbejdet. Brug dit eget farvefelt eller din egen gradient, ikke skabelonens.

  2. 2

    Skift typografien

    Sæt overskrifter i dit brands overskriftsskrift og den lille tekst i brødtekstskriften.

  3. 3

    Fjern det, du ikke har brug for

    Slet dekorative former, klistermærker og ekstra tekstbokse. Færre elementer, der bevæger sig mindre, ser dyrere ud.

  4. 4

    Sæt tempoet ned

    Hvis skabelonen tilbyder et tempo, så vælg det langsomste. Hurtige loops føles billige, når de gentages.

  5. 5

    Lav alle størrelser ud fra ét design

    Byg versionerne til story, feed og kvadrat fra den samme fil, så de ser helt ens ud.

Tre bunde at starte fra. Uanset hvilken du vælger, så brug den samme i alle skabeloner, så sættet fremstår som ét brand.

Eksport af animerede skabeloner

Eksportér MP4 til Instagram, TikTok, LinkedIn og alle steder, der afspiller video; brug kun GIF, hvor video ikke kan afspilles, som i visse mailprogrammer. Hold loops mellem 5 og 15 sekunder til opslag og stories, og tjek, at det sidste billede glider tilbage i det første. GIF eller MP4 forklarer fordele og ulemper, og animerede Instagram-opslag handler om at poste dem.

Animerede skabeloner i Gradiently

Skabelonerne i Gradiently (opslag, stories, plakater, menukort, kort og baggrundsbilleder) bruger din Mark som baggrund, så den bevægelige del er en levende gradient eller et levende materiale, der er helt dit, når du har sikret dig det, og ingen andens skabelon ser ens ud. Ord kan stige ind, poppe op, wipe ind eller skrives frem, din Mark kan drive, flyde, ånde eller hvirvle, og med Pro eksporterer du sømløse loops på 5 til 30 sekunder som MP4, WebM eller GIF, med alle størrelser lavet ud fra ét design. Hele skabelonbiblioteket er en del af Pro.

Design med en levende gradient

Opslag, stories, slides og bannere i alle størrelser, med tekst der altid kan læses.

Begynd at designe, gratis

Spørgsmål, folk stiller

Hvad er motion graphics-skabeloner?

Færdiganimerede designs, hvor du skifter ord, farver og medier, mens animationen allerede er bygget. De findes til After Effects, Premiere Pro, Final Cut Pro og designværktøjer i browseren.

Kan jeg lave motion graphics uden After Effects?

Ja. Browserbaserede designværktøjer har animerede skabeloner med baggrundsbevægelse, tekstentréer og sideovergange, som eksporteres som MP4 eller GIF, uden keyframes at lære.

Hvad er en MOGRT-fil?

En Motion Graphics Template-fil til Adobe Premiere Pro. Den bygges som regel i After Effects og giver enkle kontroller, som tekst og farve, som du redigerer i Premiere.

Hvor langt skal et animeret opslag på sociale medier være?

Fem til femten sekunder passer til de fleste opslag og stories. Lad ordene stå stille i mindst to sekunder, så folk kan nå at læse dem.

Hvordan undgår jeg, at en bevægelsesskabelon ser generisk ud?

Udskift dens baggrund, skrifttyper og farver med dine egne, slet dekorativt ekstra, og sæt tempoet i bevægelsen ned.

Del denne guide

Skrevet af GradientlyVerificeret Gradiently-konto

Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.

Se vores profil

På denne side

Typer af motion graphics-skabelonerMotion graphics uden After EffectsHvad gør en animeret skabelon godSkabeloner, der er værd at have klarSådan får du en skabelon til at ligne dit brandEksport af animerede skabelonerAnimerede skabeloner i Gradiently

Del denne guide

Næste om Bevægelse

Partikeleffekter: støv, gnister og lys i bevægeligt design

Læs videre

Alle guides om Bevægelse
Sociale medier

Animerede Instagram-opslag vs. statiske: hvornår hjælper bevægelse

5 min. læsning

Bevægelse er ikke automatisk bedre. Et stille opslag med en stærk linje slår ofte en travl animation. Sådan afgør du, hvad dit opslag har brug for, og hvordan du animerer det godt.

Sociale medier

Skabeloner til sociale medier: brug dem uden at ligne en skabelon

5 min. læsning

En skabelon er et forspring, ikke et færdigt udtryk. Behold den del, der sparer dig tid, skift de dele, alle andre også bruger, og så bliver den din.

Bevægelse

Principper for motion design, når du ikke animerer

5 min. læsning

Du behøver ikke være animator for at skabe bevægelse, der føles rigtig. Du har brug for få principper, en håndfuld varigheder og disciplinen til at bruge mindre.

Find det look, der kun er dit.

Hver Mark er en levende baggrund med én ejer. Prøv en ledig Mark, og sikr dig din, når det føles rigtigt.

Begynd at designe

Tjek et certifikat

Skriv et certifikatnummer eller en Marks kode for at se, hvem der ejer den.

Virker med ChatGPT og Claude

Bed din AI om et design. Den laver det i din Mark, klar til at redigere.

ChatGPTClaude
Sådan forbinder du

Produkt

  • Markedet
  • Udforsk
  • Priser
  • Certifikater

Lær

  • Designguiden
  • Hjælpecenter
  • Nyheder

Udviklere

  • Oversigt
  • ChatGPT og Claude
  • API-reference
  • API-nøgler

Virksomhed

  • Om os
  • Kontakt os
  • Log ind

Juridisk

  • Vilkår
  • Privatliv
  • Refusion
  • Mark-beskyttelse
  • Cookies
  • Alle politikker
Bevæg dig hen over bogstaverne. Hvert af dem bærer en ægte Mark.Rør ved et bogstav for at se dets Mark.Ét navn. Ti Marks inden i.
© 2026 Gradiently