Marknaden
Priser
Logga inKom igång
FältguidenRörelse
Rörelse

Mallar för rörlig grafik: rörliga designer utan After Effects

De flesta varumärken behöver rörliga designer varje vecka och en motion designer aldrig. Här är vad mallar för rörlig grafik är, vilken sort som passar dig och hur du får en att se ut som din i stället för allas.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Sustained Loggia · GR·K9N3·ZX

Kortversionen

  • Mallar för rörlig grafik är färdiganimerade designer där du ändrar ord, färger och media medan rörelsen redan är gjord åt dig.
  • Mallar för After Effects och Premiere Pro kräver den programvaran, medan webbläsarbaserade designverktyg erbjuder animerade mallar som du redigerar som en vanlig design.
  • En bra rörelsemall har få rörliga delar, redigerbar text, storlekar för varje plattform och en loop som sluter sig rent.
  • Mallar ser generiska ut när färger, typografi och bakgrund förblir som de var, så byt alla tre innan du postar.
  • Korta loopar på 5 till 15 sekunder passar de flesta animerade inlägg och stories i sociala medier.
På den här sidan
Sorter av mallar för rörlig grafikRörlig grafik utan After EffectsVad som gör en bra animerad mallMallar värda att ha redoSå får du en mall att se ut som ditt varumärkeAtt exportera animerade mallarAnimerade mallar i Gradiently

Mallar för rörlig grafik är designer som redan är animerade: du ändrar orden, färgerna, fotona eller logotypen, och rörelsen är redan gjord åt dig. De finns för professionell videoprogramvara som After Effects och Premiere Pro, men du behöver ingen av dem. Webbläsarbaserade designverktyg erbjuder animerade mallar som du redigerar som vilken design som helst och sedan exporterar som video eller GIF. Knepet är att välja mallar med enkel, lugn rörelse och byta ut så mycket av dem att resultatet ser ut som ditt varumärke.

Sorter av mallar för rörlig grafik

”Rörelsemall” täcker mycket olika filer. Vilken du vill ha beror på vilken programvara du redan använder och hur mycket kontroll du behöver.

After Effects-projekt

Fungerar i

Adobe After Effects

Bra för

Komplexa titlar, logotypavslöjanden, full kontroll

Inlärningskurva

Brant
MOGRT (.mogrt)

Fungerar i

Premiere Pro, med kontroller uppsatta i After Effects

Bra för

Namnskyltar och titlar i videoklipp

Inlärningskurva

Måttlig
Apple Motion-mall

Fungerar i

Final Cut Pro och Motion

Bra för

Titlar och övergångar för Mac-redigerare

Inlärningskurva

Måttlig
Lottie-animation (JSON)

Fungerar i

Webbplatser och appar, via en spelare

Bra för

Små gränssnittsanimationer och ikoner

Inlärningskurva

Utvecklare behövs
Animerad designmall

Fungerar i

Webbläsarbaserade designverktyg

Bra för

Inlägg, stories, annonser, skyltloopar

Inlärningskurva

Mild
SortFungerar iBra förInlärningskurva
After Effects-projektAdobe After EffectsKomplexa titlar, logotypavslöjanden, full kontrollBrant
MOGRT (.mogrt)Premiere Pro, med kontroller uppsatta i After EffectsNamnskyltar och titlar i videoklippMåttlig
Apple Motion-mallFinal Cut Pro och MotionTitlar och övergångar för Mac-redigerareMåttlig
Lottie-animation (JSON)Webbplatser och appar, via en spelareSmå gränssnittsanimationer och ikonerUtvecklare behövs
Animerad designmallWebbläsarbaserade designverktygInlägg, stories, annonser, skyltlooparMild
Gör du inlägg, stories och enkla annonser räcker oftast en animerad designmall i webbläsaren.

Rörlig grafik utan After Effects

After Effects är byggt för nyckelbilder, uttryck och sammansättning, vilket är långt mer än ett animerat reainlägg behöver. För det mesta av arbetet i sociala medier och marknadsföring gör tre slags rörelse hela jobbet, och bra webbläsarverktyg erbjuder alla tre utan en enda nyckelbild.

  • Bakgrundsrörelse. Färgfältet driver, flödar eller andas långsamt bakom stillastående ord. Lugnt, exklusivt och lätt att loopa.
  • Textentréer. Ord stiger på plats, poppar, sveps in eller skrivs ut bokstav för bokstav, och står sedan stilla länge nog för att läsas.
  • Sidsekvenser. Flera bilder spelas upp i tur och ordning med en övergång mellan dem, som en rörlig karusell.

Regeln som håller alla tre professionella: låt en sak röra sig i taget och låt orden sätta sig innan något annat händer. Principer för rörelsedesign och easing förklarar varför lugn rörelse läses som kvalitet.

Vad som gör en bra animerad mall

Hoppa över den

  • Allt rör sig på en gång
  • Texten animeras bort innan du hinner läsa
  • Låst till en storlek
  • Ett hopp där loopen startar om
  • Effekter som bara fungerar med demofotot

Välj den

  • En eller två rörliga delar, resten stilla
  • Orden kommer in och står sedan kvar i två sekunder eller mer
  • Versioner för story, inlägg och kvadrat
  • En loop som sluter sig utan synlig söm
  • Ser bra ut med dina ord, inte bara exemplet

Testa en mall med din verkliga, längsta rubrik innan du bestämmer dig. Många mallar ser fina ut med en exempelrad på tre ord och faller isär med din.

Mallar värda att ha redo

En liten uppsättning animerade mallar täcker det mesta ett företag postar. Gör var och en en gång i ditt varumärke, spara den, och varje framtida version är en redigering på två minuter.

Vårmarknad
3 dagar kvar
Den här lördagen på Börssalen
Gradiently · @gradiently

En nedräkningsstory: siffran ändras varje dag, bakgrunden och layouten aldrig.

Bara den här helgen
Sommarrea
I butik och online
Gradiently · @gradiently

Ett reainlägg där orden stiger in över en drivande bakgrund och sedan står kvar.

  • Tillkännagivande: ny produkt, nya öppettider, ny medarbetare. Se tillkännagivandeinlägg.
  • Nedräkning: lanseringar, event, deadlines. Se nedräkningsinlägg.
  • Citat eller omdöme: en kunds ord, utskrivna rad för rad.
  • Rea eller erbjudande: rubriken och datumen, inget annat.
  • Tips eller guide: en kort sidsekvens, ett steg per sida.
  • Event: datum, plats, en rad om varför.

Så får du en mall att se ut som ditt varumärke

Det snabbaste sättet att se att något är en mall är att den fortfarande har mallens färger. Byt dessa, i den här ordningen, så blir den din.

  1. 1

    Byt bakgrunden

    Bakgrunden fyller det mesta av bilden, så den gör det mesta av varumärkesjobbet. Använd ditt eget färgfält eller din egen gradient, inte mallens.

  2. 2

    Byt typografin

    Sätt rubriker i varumärkets rubriktypsnitt och den lilla texten i dess brödtypsnitt.

  3. 3

    Ta bort det du inte behöver

    Radera dekorativa former, klistermärken och extra textrutor. Färre element, som rör sig mindre, ser dyrare ut.

  4. 4

    Sänk tempot

    Om mallen erbjuder ett tempo, välj det långsammare. Snabba loopar känns billiga i repris.

  5. 5

    Gör alla storlekar av en design

    Bygg story-, flödes- och kvadratversionerna av samma fil så att de förblir identiska i utseende.

Tre bottnar att utgå från. Vilken du än väljer, använd samma i varje mall så att uppsättningen läses som ett varumärke.

Att exportera animerade mallar

Exportera MP4 för Instagram, TikTok, LinkedIn och överallt där video spelas; använd GIF bara där video inte spelas, som i vissa e-postprogram. Håll loopar mellan 5 och 15 sekunder för inlägg och stories och kontrollera att sista bilden flyter tillbaka in i den första. GIF eller MP4 förklarar avvägningarna, och animerade Instagram-inlägg tar upp publiceringen.

Animerade mallar i Gradiently

Gradiently-mallar (inlägg, stories, affischer, menyer, kort och bakgrundsbilder) tar din Mark som bakgrund, så den rörliga delen är en levande gradient eller ett material som är bara ditt när du har säkrat det, och ingen annans mall ser likadan ut. Ord kan stiga, poppa, svepas eller skrivas in, Marken kan driva, flöda, andas eller virvla, och med Pro exporterar du sömlösa loopar på 5 till 30 sekunder som MP4, WebM eller GIF, med alla storlekar gjorda av en design. Hela mallbiblioteket ingår i Pro.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Vad är mallar för rörlig grafik?

Färdiganimerade designer där du ändrar orden, färgerna och mediet medan animationen redan är byggd. De finns för After Effects, Premiere Pro, Final Cut Pro och webbläsarbaserade designverktyg.

Kan jag göra rörlig grafik utan After Effects?

Ja. Webbläsarbaserade designverktyg erbjuder animerade mallar med bakgrundsrörelse, textentréer och sidövergångar, exporterade som MP4 eller GIF, utan nyckelbilder att lära sig.

Vad är en MOGRT-fil?

En Motion Graphics Template-fil för Adobe Premiere Pro. Den byggs oftast i After Effects och visar enkla kontroller, som text och färg, för redigering inne i Premiere.

Hur långt ska ett animerat inlägg i sociala medier vara?

Fem till femton sekunder passar de flesta inlägg och stories. Låt orden stå stilla i minst två sekunder så att folk hinner läsa dem.

Hur hindrar jag en rörelsemall från att se generisk ut?

Byt ut dess bakgrund, typsnitt och färger mot dina egna, radera dekorativa extrasaker och sänk tempot.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

Sorter av mallar för rörlig grafikRörlig grafik utan After EffectsVad som gör en bra animerad mallMallar värda att ha redoSå får du en mall att se ut som ditt varumärkeAtt exportera animerade mallarAnimerade mallar i Gradiently

Dela den här guiden

Nästa i Rörelse

Partikeleffekter: damm, gnistor och ljus i rörlig design

Läs vidare

Alla guider om Rörelse
Sociala medier

Animerade Instagram-inlägg: när rörelse gör nytta

5 minuters läsning

Rörelse är inte automatiskt bättre. Ett stilla inlägg med en stark rad slår ofta en stökig animation. Så avgör du vilket som passar, och så animerar du bra.

Sociala medier

Mallar för sociala medier: använd dem utan mallkänsla

4 minuters läsning

En mall är ett försprång, inte ett färdigt uttryck. Behåll det som sparar tid, byt det alla andra också använder, så blir den din.

Rörelse

Principer för motion design för dig som inte animerar

5 minuters läsning

Du behöver inte vara animatör för att göra rörelse som känns rätt. Du behöver några få principer, en handfull varaktigheter och disciplinen att använda mindre.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently