# Motion graphics templates: bewegend ontwerp zonder After Effects

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

De meeste merken hebben elke week bewegend ontwerp nodig en nooit een motion designer. Dit zijn motion graphics templates, welk soort bij je past en hoe je er iets van jezelf van maakt in plaats van iets van iedereen.

## The short version

- Motion graphics templates zijn vooraf geanimeerde ontwerpen waarin je de tekst, kleuren en media aanpast terwijl de beweging al voor je klaar is.
- Templates voor After Effects en Premiere Pro vragen om die software, terwijl ontwerptools in de browser geanimeerde templates bieden die je bewerkt als een gewoon ontwerp.
- Een goede motion template heeft weinig bewegende onderdelen, bewerkbare tekst, formaten voor elk platform en een loop die netjes aansluit.
- Templates ogen generiek als de kleuren, het lettertype en de achtergrond blijven zoals ze kwamen, dus vervang alle drie voordat je post.
- Korte loops van 5 tot 15 seconden passen bij de meeste geanimeerde socialposts en stories.

**Motion graphics templates** zijn ontwerpen die al geanimeerd zijn: jij past de tekst, kleuren, foto’s of het logo aan en de beweging is al voor je gedaan. Ze bestaan voor professionele videosoftware zoals After Effects en Premiere Pro, maar je hebt geen van beide nodig. Ontwerptools in de browser bieden geanimeerde templates die je bewerkt als elk ander ontwerp en daarna exporteert als video of GIF. De kunst is templates kiezen met eenvoudige, rustige beweging en er genoeg van vervangen zodat het resultaat op jouw merk lijkt.

## De soorten motion graphics templates

“Motion template” dekt heel verschillende bestanden. Welke je wilt, hangt af van de software die je al gebruikt en hoeveel controle je nodig hebt.

| Soort | Werkt in | Goed voor | Leercurve |
| --- | --- | --- | --- |
| After Effects-project | Adobe After Effects | Complexe titels, logo-onthullingen, volledige controle | Steil |
| MOGRT (.mogrt) | Premiere Pro, met besturing ingesteld in After Effects | Onderschriften en titels in videomontages | Gemiddeld |
| Apple Motion-template | Final Cut Pro en Motion | Titels en overgangen voor Mac-editors | Gemiddeld |
| Lottie-animatie (JSON) | Websites en apps, via een speler | Kleine interface-animaties en iconen | Ontwikkelaar nodig |
| Geanimeerde ontwerptemplate | Ontwerptools in de browser | Socialposts, stories, advertenties, loops voor schermen | Zacht |

Als je posts, stories en eenvoudige advertenties maakt, is een geanimeerde ontwerptemplate in de browser meestal genoeg.

## Motion graphics zonder After Effects

After Effects is gebouwd voor keyframes, expressies en compositing, veel meer dan een geanimeerde actiepost nodig heeft. Voor het meeste social- en marketingwerk doen drie soorten beweging al het werk, en goede browsertools bieden alle drie zonder één keyframe.

- **Achtergrondbeweging.** Het kleurvlak drijft, stroomt of ademt langzaam achter stilstaande tekst. Rustig, hoogwaardig en makkelijk te loopen.
- **Tekstintro’s.** Woorden stijgen op hun plek, springen erin, worden onthuld of tikken letter voor letter uit, en blijven dan lang genoeg staan om te lezen.
- **Paginasequenties.** Meerdere beelden spelen na elkaar af met een overgang ertussen, als een bewegende carrousel.

De regel die alle drie professioneel houdt: beweeg één ding tegelijk en laat de tekst tot rust komen voordat er iets anders gebeurt. [Principes van motion design](https://gradiently.design/nl/guide/motion-design-principles) en [easing](https://gradiently.design/nl/guide/easing) leggen uit waarom rustige beweging als kwaliteit overkomt.

## Wat een goede geanimeerde template maakt

### Laat liggen

- Alles beweegt tegelijk
- Tekst verdwijnt voordat je hem kunt lezen
- Vast op één formaat
- Een sprong waar de loop opnieuw begint
- Effecten die alleen werken met de demofoto

### Kies hem

- Één of twee bewegende delen, de rest staat stil
- Woorden komen binnen en blijven twee seconden of langer staan
- Versies voor story, post en vierkant
- Een loop die zonder zichtbare naad aansluit
- Ziet er goed uit met jouw tekst, niet alleen met het voorbeeld

Test een template met je echte, langste kop voordat je kiest. Veel templates zien er prachtig uit met een voorbeeldregel van drie woorden en vallen uit elkaar met die van jou.

## Templates die je klaar moet hebben

Een kleine set geanimeerde templates dekt het meeste van wat een bedrijf post. Maak elk één keer in je merk, bewaar het, en elke volgende versie is een bewerking van twee minuten.

Een verticale geanimeerde aftelstory met de tekst nog 3 dagen voor een lentemarkt, op een bewegend verloop

Een aftelstory: het getal verandert elke dag, de achtergrond en opmaak nooit.

Een staande feedpost met de tekst Zomersale, alleen dit weekend, met de verloopachtergrond die langzaam drijft

Een salepost waarin de tekst opstijgt over een drijvende achtergrond en dan blijft staan.

- **Aankondiging:** nieuw product, nieuwe openingstijden, nieuwe collega. Zie [aankondigingspost](https://gradiently.design/nl/guide/announcement-post-design).
- **Aftellen:** lanceringen, evenementen, deadlines. Zie [aftelpost](https://gradiently.design/nl/guide/countdown-post-design).
- **Quote of review:** de woorden van een klant, regel voor regel uitgetikt.
- **Sale of aanbieding:** de kop en de data, niets anders.
- **Tip of handleiding:** een korte paginasequentie, één stap per pagina.
- **Evenement:** datum, plaats, één regel over het waarom.

## Zo laat je een template op jouw merk lijken

De snelste manier om een template te herkennen is dat hij nog de kleuren van de template draagt. Vervang deze, in deze volgorde, en hij wordt de jouwe.

1. **Wissel de achtergrond** De achtergrond vult het grootste deel van het beeld, dus hij doet het meeste merkwerk. Gebruik je eigen kleurvlak of verloop, niet dat van de template.
2. **Wissel het lettertype** Zet koppen in het kopfont van je merk en de kleine tekst in het tekstfont.
3. **Haal weg wat je niet nodig hebt** Verwijder decoratieve vormen, stickers en extra tekstvakken. Minder elementen die minder bewegen zien er duurder uit.
4. **Vertraag de beweging** Als de template een tempo biedt, kies dan het langzamere. Snelle loops voelen goedkoop als ze herhalen.
5. **Maak elk formaat vanuit één ontwerp** Bouw de story-, feed- en vierkante versies vanuit hetzelfde bestand, zodat ze er identiek uitzien.

- Roze voor een lancering: `radial-gradient(circle at 20% 20%, #fb7185 0%, #be123c 40%, #2a0612 85%)`
- Diepzee voor tech: `linear-gradient(200deg, #0f172a 0%, #0e7490 60%, #67e8f9 100%)`
- Warm crème voor eten: `radial-gradient(circle at 75% 75%, #fcd34d 0%, #fef3c7 45%, #fffbeb 90%)`

Drie beginpunten. Welke je ook kiest, gebruik dezelfde in elke template zodat de set als één merk leest.

## Geanimeerde templates exporteren

Exporteer MP4 voor Instagram, TikTok, LinkedIn en overal waar video afspeelt; gebruik GIF alleen waar video niet afspeelt, zoals in sommige e-mailprogramma’s. Houd loops tussen 5 en 15 seconden voor posts en stories en controleer of het laatste beeld terugvloeit in het eerste. [GIF versus MP4](https://gradiently.design/nl/guide/gif-vs-mp4) legt de afwegingen uit en [geanimeerde Instagramposts](https://gradiently.design/nl/guide/animated-social-posts) behandelt het posten.

## Geanimeerde templates in Gradiently

De templates van Gradiently (posts, stories, posters, menu’s, kaarten en wallpapers) nemen jouw Mark als achtergrond, dus het bewegende deel is een levend verloop of materiaal dat van jou alleen is zodra je het claimt, en niemands template ziet er hetzelfde uit. Tekst kan opstijgen, springen, wegvegen of worden uitgetikt, de Mark kan drijven, stromen, ademen of wervelen, en met Pro exporteer je naadloze loops van 5 tot 30 seconden als MP4, WebM of GIF, met elk formaat gemaakt vanuit één ontwerp. De volledige templatebibliotheek hoort bij Pro.

## FAQ

### Wat zijn motion graphics templates?

Vooraf geanimeerde ontwerpen waarin je de tekst, kleuren en media aanpast terwijl de animatie al is gebouwd. Ze bestaan voor After Effects, Premiere Pro, Final Cut Pro en ontwerptools in de browser.

### Kan ik motion graphics maken zonder After Effects?

Ja. Ontwerptools in de browser bieden geanimeerde templates met achtergrondbeweging, tekstintro’s en pagina-overgangen, geëxporteerd als MP4 of GIF, zonder keyframes te leren.

### Wat is een MOGRT-bestand?

Een Motion Graphics Template-bestand voor Adobe Premiere Pro. Het wordt meestal gebouwd in After Effects en biedt eenvoudige besturing, zoals tekst en kleur, om in Premiere te bewerken.

### Hoe lang moet een geanimeerde socialpost zijn?

Vijf tot vijftien seconden past bij de meeste posts en stories. Laat de tekst minstens twee seconden stilstaan zodat mensen hem kunnen lezen.

### Hoe voorkom ik dat een motion template generiek oogt?

Vervang de achtergrond, lettertypen en kleuren door die van jou, verwijder decoratieve extra’s en vertraag de beweging.