# Motion graphics-skabeloner: levende design uden After Effects

[Canonical HTML page](https://gradiently.design/da/guide/motion-graphics-templates)

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.

## The short version

- 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.

**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.

| Type | Virker i | God til | Indlæringskurve |
| --- | --- | --- | --- |
| After Effects-projekt | Adobe After Effects | Komplekse titler, logoafsløringer, fuld kontrol | Stejl |
| MOGRT (.mogrt) | Premiere Pro, med kontroller sat op i After Effects | Navneskilte og titler i videoredigering | Moderat |
| Apple Motion-skabelon | Final Cut Pro og Motion | Titler og overgange til redigering på Mac | Moderat |
| Lottie-animation (JSON) | Websites og apps via en afspiller | Små animationer og ikoner i brugerflader | Kræver en udvikler |
| Animeret designskabelon | Designværktøjer i browseren | Opslag, stories, annoncer, loops til skærme | Blid |

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](https://gradiently.design/da/guide/motion-design-principles) og [easing](https://gradiently.design/da/guide/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.

En lodret animeret nedtællingsstory med teksten 3 dage endnu til et forårsmarked på en bevægelig gradient

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

Et stående feedopslag med teksten Sommerudsalg, kun denne weekend, med en gradientbaggrund der driver langsomt

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](https://gradiently.design/da/guide/announcement-post-design).
- **Nedtælling:** lanceringer, events, deadlines. Se [nedtællingsopslag](https://gradiently.design/da/guide/countdown-post-design).
- **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. **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. **Skift typografien** Sæt overskrifter i dit brands overskriftsskrift og den lille tekst i brødtekstskriften.
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. **Sæt tempoet ned** Hvis skabelonen tilbyder et tempo, så vælg det langsomste. Hurtige loops føles billige, når de gentages.
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.

- Rosa til en lancering: `radial-gradient(circle at 20% 20%, #fb7185 0%, #be123c 40%, #2a0612 85%)`
- Dybhav til tech: `linear-gradient(200deg, #0f172a 0%, #0e7490 60%, #67e8f9 100%)`
- Varm creme til mad: `radial-gradient(circle at 75% 75%, #fcd34d 0%, #fef3c7 45%, #fffbeb 90%)`

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](https://gradiently.design/da/guide/gif-vs-mp4) forklarer fordele og ulemper, og [animerede Instagram-opslag](https://gradiently.design/da/guide/animated-social-posts) 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.

## FAQ

### 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.