We gaan verder dan alleen letters die bewegen. We maken een korte animatie waarin typografie en illustratie samenwerken. Jullie kennen al de basics van kinetische typografie; nu voegen we daar illustratie- of grafische elementen aan toe die het verhaal versterken. Geen poespas: maak iets wat werkt, iets wat je voelt én ziet.
In deze opdracht leer je:
Een passende quote te kiezen of zelf te bedenken, en daar een typografie-stijl aan te koppelen (lettertype, kleur, compositie) die de emotie van de zin versterkt.
Illustratie(s) te maken en te integreren met typografie: denk aan visuele metaforen, beweging van illustratie + tekst samen.
Bewegingsprincipes toe te passen in je animatie-tool (zoals Adobe After Effects): onder andere timing, easing, keyframes, interactie tussen typografie en beeld.
Het eindresultaat professioneel te exporteren en kort te presenteren/reflecteren op je keuzes.
Je maakt een korte animatie (± 10-20 seconden) waarin een gekozen zin/quote geanimeerd wordt, ondersteund door illustratie(s) die de betekenis visueel versterken.
Voorwaarden:
Kies maximaal ~10 woorden voor de zin (zo blijft het leesbaar en krachtig).
Maak eerst je illustratie(s) in bijvoorbeeld Adobe Illustrator (of handgemaakt/digitaal) en importeer in After Effects.
De typografie en illustratie moeten samenwerken: tekst beweegt én beeld beweegt, interactie moet logisch zijn.
Exporteren als MP4, resolutie 1920×1080 (breed) of 1080×1080 (vierkant) of 1080×1920 (verticaal) — kies formaat passend bij je doel (bijv. social media) — 30 fps.
Lever in: animatie + kort documentje (max. 1 A4) met je quote, creatieve concept, typografie- en illustratie-keuzes en een mini-reflectie (wat werkte, wat zou je anders doen).
Week 1 (2 uur):
Uitleg & inspiratie: bekijk gezamenlijke een aantal voorbeelden van kinetische typografie (zoals in het artikel op CreativeBloq).
Keuze quote / zelf voorstel: denk na over welke zin je gebruikt en wat de emotie is. Maak een eerste schets van illustratie(s).
Technische start: start je illustratie(s) in Illustrator en open je After Effects-project, importeer basis.
Week 2 (2 uur):
Illustraties verder uitwerken: kleur, stijl, samenhang met typografie.
Start animatie: typografie-animatie (in/uit, beweging, transformatie) + illustratie-animatie (bv. lijnen, vormen, overgang). Zorg voor interactie.
Tussentijdse check door docent: concept, quote keus, illustratie + typografie zijn werkbaar.
Week 3 (2 uur):
Finaliseren animatie: timing, easing, compositie, effecten. Eventueel geluid of muziek (optioneel).
Exporteren animatie.
Presentatie & reflectie: toon je eindresultaat aan de klas, vertel waarom je de quote koos, hoe illustratie + typografie samenwerken, en wat je geleerd hebt/anders zou doen.
Quotesuggesties (je mag ook zelf iets voorstellen)
The Matrix (1999) — Morpheus
“What is real? How do you define real?
If you're talking about what you can feel, what you can smell, what you can taste and see, then real is simply electrical signals interpreted by your brain.”
Waar je op let: filosofisch, goed te timen, veel visuele metaforen.
The Dark Knight (2008) — The Joker
“Madness, as you know, is like gravity.
All it takes is a little push.”
Waar je op let: korte opbouw + pay-off, ideaal voor timing en verrassende animatie.
Forrest Gump (1994) — Forrest
“My mama always said life was like a box of chocolates.
You never know what you're gonna get.”
Waar je op let: iconisch, warm, goed te illustreren (doos chocolaatjes als animatie-element).
Tip: denk bij je keuze goed na over illustratie-metaforen: wat kun je tekenen/animatie geven dat de zin visueel versterkt?
Originele keuze van quote of goed onderbouwd zelfvoorstel.
Typografie-en-illustratiekeuze passen goed bij de emotie/boodschap van de zin.
Animatiekwaliteit: vloeiendheid, logica, interactie tekst ↔ illustratie.
Eindresultaat is netjes afgewerkt, technisch correct geëxporteerd.
Reflectie: je kunt helder uitleggen waarom je keuzes hebt gemaakt en wat je geleerd hebt.
Werk vanaf het begin gestructureerd: illustraties vector- of schaalbaar maken is handig.
In After Effects: gebruik easing (niet alles lineair), denk aan ritme en timing.
Houd je bestandssizes in de gaten: heavy effects kunnen export lastiger maken.
Denk aan leesbaarheid van de tekst: animatie is leuk, maar de tekst moet goed te lezen blijven.
Zorg voor back-ups: sla regelmatig op, gebruik versiebeheer indien mogelijk.