# Maler for bevegelsesgrafikk uten After Effects

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

De fleste merkevarer trenger bevegelige design hver uke, men sjelden en bevegelsesdesigner. Her ser du hva animerte maler er, hvilken type du trenger, og hvordan du gjør dem til dine.

## The short version

- Maler for bevegelsesgrafikk er ferdig animerte design der du endrer ord, farger og medieinnhold, mens bevegelsen allerede er laget.
- Maler til After Effects og Premiere Pro krever disse programmene, mens nettbaserte designverktøy har animerte maler som redigeres som vanlige design.
- En god animert mal har få bevegelige deler, redigerbar tekst, størrelser til hver plattform og en løkke med en ren skjøt.
- Maler virker generiske når fargene, skriften og bakgrunnen beholdes som de er. Bytt alle tre før du publiserer.
- Korte løkker på 5 til 15 sekunder passer til de fleste animerte innlegg og stories.

**Maler for bevegelsesgrafikk** er design som allerede er animert: Du endrer ord, farger, bilder eller logo, og bevegelsen er ferdig laget. De finnes til profesjonell videoprogramvare som After Effects og Premiere Pro, men du trenger ingen av dem. Nettbaserte designverktøy har animerte maler som du redigerer som alle andre design og eksporterer som video eller GIF. Trikset er å velge maler med enkel, rolig bevegelse og bytte nok av innholdet til at resultatet ser ut som merkevaren din.

## Ulike typer maler for bevegelsesgrafikk

«Animert mal» kan bety svært ulike filer. Valget avhenger av programvaren du allerede bruker, og hvor mye kontroll du trenger.

| Type | Fungerer i | Egnet til | Læringskurve |
| --- | --- | --- | --- |
| After Effects-prosjekt | Adobe After Effects | Komplekse titler, logoavdekking, full kontroll | Bratt |
| MOGRT (.mogrt) | Premiere Pro, med kontroller satt opp i After Effects | Navnefelt og titler i videoredigering | Middels |
| Apple Motion-mal | Final Cut Pro og Motion | Titler og overganger for Mac-redigerere | Middels |
| Lottie-animasjon (JSON) | Nettsteder og apper, via en avspiller | Små grensesnittanimasjoner og ikoner | Krever utvikler |
| Animert designmal | Designverktøy i nettleseren | Sosiale innlegg, stories, annonser, løkker til skjermer | Slak |

Lager du innlegg, stories og enkle annonser, holder det vanligvis med en animert designmal i nettleseren.

## Bevegelsesgrafikk uten After Effects

After Effects er laget for nøkkelbilder, uttrykk og kompositering, langt mer enn et animert salgsinnlegg trenger. Til det meste av sosiale medier og markedsføring holder tre typer bevegelse, og gode nettbaserte verktøy har alle tre uten et eneste nøkkelbilde.

- **Bakgrunnsbevegelse.** Fargefeltet driver, flyter eller puster sakte bak stillestående ord. Rolig, eksklusivt og enkelt å gjenta i løkke.
- **Tekstinnganger.** Ord løfter seg på plass, spretter, avdekkes eller skrives bokstav for bokstav, og står så stille lenge nok til å leses.
- **Siderekker.** Flere bilder vises etter tur med en overgang mellom, som en bevegelig karusell.

Regelen som får alle tre til å se profesjonelle ut: Beveg én ting om gangen, og la ordene falle til ro før noe annet skjer. [Prinsipper for bevegelsesdesign](https://gradiently.design/nb/guide/motion-design-principles) og [bevegelseskurver](https://gradiently.design/nb/guide/easing) forklarer hvorfor rolig bevegelse gir et kvalitetsinntrykk.

## Hva som kjennetegner en god animert mal

### Styr unna

- Alt beveger seg samtidig
- Teksten animeres ut før du rekker å lese den
- Låst til én størrelse
- Et hopp når løkken starter på nytt
- Effekter som bare fungerer med demobildet

### Velg

- Én eller to bevegelige deler, resten står stille
- Ordene kommer inn og står i minst to sekunder
- Versjoner til story, innlegg og kvadrat
- En løkke uten synlig skjøt
- Ser bra ut med dine ord, ikke bare eksempelteksten

Test en mal med din ekte, lengste overskrift før du bestemmer deg. Mange maler ser fine ut med en eksempellinje på tre ord, men faller fra hverandre med din tekst.

## Maler det er nyttig å ha klare

Et lite sett animerte maler dekker det meste en bedrift publiserer. Lag hver av dem én gang med merkevareprofilen din og lagre den. Da tar hver ny versjon bare et par minutter å redigere.

En stående animert nedtellingsstory med teksten 3 dager igjen til et vårmarked på en bevegelig gradient

En nedtellingsstory: Tallet endres hver dag, bakgrunnen og oppsettet forblir de samme.

Et stående feedinnlegg med teksten Sommersalg, bare denne helgen, der gradientbakgrunnen driver sakte

Et salgsinnlegg der ordene løfter seg inn over en drivende bakgrunn og så står stille.

- **Kunngjøring:** nytt produkt, nye åpningstider, ny medarbeider. Se [kunngjøringsinnlegg](https://gradiently.design/nb/guide/announcement-post-design).
- **Nedtelling:** lanseringer, arrangementer, frister. Se [nedtellingsinnlegg](https://gradiently.design/nb/guide/countdown-post-design).
- **Sitat eller kundeuttalelse:** kundens ord, skrevet ut linje for linje.
- **Salg eller tilbud:** overskriften og datoene, ikke noe mer.
- **Tips eller veiledning:** en kort siderekke, ett trinn per side.
- **Arrangement:** dato, sted og én linje om hvorfor.

## Slik får du en mal til å ligne merkevaren din

Det raskeste kjennetegnet på en mal er at den fortsatt bruker malens egne farger. Bytt dette, i denne rekkefølgen, så blir den din.

1. **Bytt bakgrunnen** Bakgrunnen fyller det meste av bildet og gjør derfor mest av profileringsjobben. Bruk ditt eget fargefelt eller din egen gradient, ikke malens.
2. **Bytt skriften** Sett overskriftene i merkevarens overskriftsskrift og den lille teksten i brødtekstskriften.
3. **Fjern det du ikke trenger** Slett dekorative former, klistremerker og ekstra tekstbokser. Færre elementer med mindre bevegelse ser mer eksklusive ut.
4. **Senk tempoet** Har malen et tempovalg, velg det langsommere. Raske løkker virker billige når de gjentas.
5. **Lag alle størrelsene fra ett design** Bygg story-, feed- og kvadratversjonene fra samme fil, slik at uttrykket holder seg likt.

- Rosa til lansering: `radial-gradient(circle at 20% 20%, #fb7185 0%, #be123c 40%, #2a0612 85%)`
- Dypt hav til teknologi: `linear-gradient(200deg, #0f172a 0%, #0e7490 60%, #67e8f9 100%)`
- Varm krem til mat: `radial-gradient(circle at 75% 75%, #fcd34d 0%, #fef3c7 45%, #fffbeb 90%)`

Tre bakgrunner å starte med. Uansett hvilken du velger, bruk den samme i alle malene, slik at settet oppleves som én merkevare.

## Eksportere animerte maler

Eksporter MP4 til Instagram, TikTok, LinkedIn og alle steder som spiller video. Bruk GIF bare der video ikke spilles, som i enkelte e-postklienter. Hold løkkene på 5 til 15 sekunder til innlegg og stories, og sjekk at siste bilde glir tilbake til det første. [GIF eller MP4](https://gradiently.design/nb/guide/gif-vs-mp4) forklarer avveiningene, og [animerte Instagram-innlegg](https://gradiently.design/nb/guide/animated-social-posts) tar for seg publisering.

## Animerte maler i Gradiently

Malene i Gradiently, til innlegg, stories, plakater, menyer, kort og bakgrunnsbilder, bruker Marken din som bakgrunn. Den bevegelige delen er dermed en levende gradient eller et materiale som bare er ditt når du har sikret deg Marken, og ingen andres mal ser helt lik ut. Ord kan løfte seg, sprette, avdekkes eller skrives inn. Marken kan drive, flyte, puste eller virvle. Med Pro eksporterer du løkker uten synlig skjøt på 5 til 30 sekunder som MP4, WebM eller GIF, med alle størrelser laget fra ett design. Hele malbiblioteket er del av Pro.

## FAQ

### Hva er maler for bevegelsesgrafikk?

Ferdig animerte design der du endrer ord, farger og medieinnhold, mens animasjonen allerede er laget. De finnes til After Effects, Premiere Pro, Final Cut Pro og nettbaserte designverktøy.

### Kan jeg lage bevegelsesgrafikk uten After Effects?

Ja. Nettbaserte designverktøy har animerte maler med bakgrunnsbevegelse, tekstinnganger og sideoverganger, eksportert som MP4 eller GIF, uten nøkkelbilder å lære.

### Hva er en MOGRT-fil?

En Motion Graphics Template-fil for Adobe Premiere Pro. Den lages vanligvis i After Effects og gir enkle kontroller for eksempelvis tekst og farge, slik at du kan redigere i Premiere.

### Hvor langt bør et animert innlegg være?

Fem til femten sekunder passer til de fleste innlegg og stories. La ordene stå stille i minst to sekunder, slik at folk rekker å lese dem.

### Hvordan unngår jeg at en animert mal ser generisk ut?

Bytt bakgrunn, skrifter og farger med dine egne, slett unødvendig dekor og senk bevegelsestempoet.