Motion Graphics
Digitaal
Digitaal
Lower thirds
Als je tv kijkt of een documentaire volgt en er komt iemand in beeld, vraag je je waarschijnlijk meteen af: Wie is dit? Waarom zie ik deze persoon nu? Vaak krijg je binnen een paar seconden antwoord, omdat er een naam in beeld verschijnt. Dit gebeurt niet zomaar; eerst krijgt de kijker de tijd om het gezicht en de situatie in zich op te nemen. Daarna verschijnt de naam op een stijlvolle manier – vaak met een animatie. Dit noemen we een lower third, een uiting van een motion graphic.
Je documentaire begint ook met een titel animatie en een aftiteling. Onderzoek hoe deze animatie vormgegeven wordt. Je kan hier heel uitgebreid op in gaan of je houdt het 'simpel' en bescheiden.
Camera is rolling... let's go! 🎥
Stap 1: Onderzoek motion graphics (inspiratie opdoen)
Doe eerst goed onderzoek over hoe je jouw motion graphics wilt gaan vormgeven.
Stap 2: Lower third template oefening.
Je gaat een start maken in After Effects met het animeren van je lower-third op basis van een gekozen template.
Stap 3: Ontwerpen van een eigen lower third.
Nadat je de template naar eigen smaak hebt aangepast ga je een start maken in AE om je eigen lower third te gaan animeren.
Stap 4: Exporteren en Importeren naar Premiere Pro
Je lower third wordt op de juiste manier geëxporteerd zodat het direct bruikbaar is in Premiere Pro.
Leerdoelen
Je past de kennis en vaardigheden toe die in het vorige project zijn opgedaan in Adobe After Effects en verdiept zich verder in eenvoudige motion graphics.
Je ontwerpt en implementeert een visueel aantrekkelijke en functionele motion graphic die de inhoud van een interview ondersteunt.
Je maakt een Motion Graphics Template (.mogrt) in After Effects en past deze aan in Adobe Premiere Pro.
Materialen/Benodigdheden
Adobe Premiere Pro.
Externe harde schijf.
PC of IMac.
After Effects
Je Adobe Premiere Project.
Werkvorm
In deze les ga je met hetzelfde team aan de slag die je hebt samengesteld voor het project. Je gaat samen de lesbrieven doornemen en de vaardigheden verkennen en uitvoeren. Dit in combinatie met algemene uitleg van de docent.
Theorie
Wat zijn Motion Graphics?
Wanneer je naar het nieuws kijkt of een programma zoals Wie is de Mol?, zie je vaak geanimeerde elementen in beeld verschijnen. Dit zijn motion graphics: bewegende grafische elementen of teksten die een video visueel versterken. Denk aan een geanimeerd logo, een lower third (de naam en functie van iemand in beeld), of animaties die cijfers, data of een product op een aantrekkelijke manier presenteren.
Motion graphics maken een video dynamischer en professioneler. Ze worden veel gebruikt in:
tv-programma's
reclames
videoclips
social media content
documentaires
bedrijfsvideo’s.
Als mediavormgever kan jij hiermee verhalen visueel ondersteunen en informatie begrijpelijker maken.
Videomarketing bureau Devion in uit Almere heeft goed uitgelegd wat motion graphics zijn in deze video (Tevens een stageplek tip?!):
Deze video van Het Klokhuis heeft ontzettende leuke vrolijke graphic overlays, kijk voor inspiratie!
De serie 'Explained' op Netflix heeft ook gedurende elke aflevering dezelfde subtiele maar effectieve motion graphics.
En deze kan al helemaal niet ontbreken natuurlijk! 😏
Wat zijn Lower-thirds
Een lower-third is het gebied onderaan een scherm dat wordt gebruikt voor het weergeven van tekst of afbeeldingen tijdens een interview, documentaire of (live)uitzending. Het bevat doorgaans informatie zoals de naam van een spreker, titel of andere belangrijke details die relevant zijn voor de uitzending.
De term komt van het feit dat het ongeveer het onderste derde deel van het scherm inneemt, waardoor je belangrijke context kunt bieden zonder dat je wordt afgeleid van het totale beeld.
Breaking news! Enkele voorbeelden van lower-thirds die goed gebruikt kunnen worden bij een news channel.
De belangrijkste componenten van een Lower-third
Lower thirds bestaan uit verschillende belangrijke componenten die samenwerken om informatie op een visueel aantrekkelijke en effectieve manier over te brengen. Laten we de belangrijkste elementen die een lower third laten werken, eens opsplitsen.
Tekst: namen, titels of andere belangrijke informatie
Tekst is het belangrijkste deel van een lower third. Dit is de balk die namen, titels of belangrijke informatie laat zien. Omdat deze tekst meestal maar kort in beeld is, is het belangrijk dat het lettertype, de grootte en de stijl makkelijk leesbaar zijn. Zo kan de kijker snel de boodschap begrijpen.
Grafische elementen: logo's, symbolen of decoratieve elementen
Grafische elementen zoals logo's of symbolen kunnen het beeld versterken door ze subtiel naast de tekst te plaatsen, zonder dat ze de aandacht afleiden. Zorg ervoor dat deze elementen passen bij de stijl van je merk, zodat alles er consistent en professioneel uitziet.
Animatie: effecten voor binnenkomst, stilstaand en vertek
Animaties kunnen worden gebruikt om lower-thirds soepel in en uit beeld te laten bewegen. Een goed ontworpen animatie trekt de aandacht naar de lower-third zonder af te leiden. De animaties voor het verschijnen en verdwijnen moeten snel en vloeiend zijn. Zorg ervoor dat de lower-third lang genoeg in beeld blijft zodat kijkers de informatie kunnen lezen. De timing is hierbij erg belangrijk! Het gaat om de juiste balans tussen snelheid en zichtbaarheid.
Opdracht
Graphic Overlays
Om deze motion graphics te realiseren neem je de volgende stappen door:
Eerst even oefenen...
Er zijn meerdere wegen om tot een eindresultaat te komen. Ga je zelf iets maken, of gebruik je een template die je vervolgens aanpast?
Zelf iets ontwerpen kost meer tijd maar daarmee laat je zien hoe creatief je bent. En als je een template gebruikt, aanpast naar eigen smaak, werk je effectiever maar komt je eigen creativiteit weinig naar voren.
Kortom, we gaan uiteraard zelf iets ontwerpen! Maar eerst even oefenen met een template...
Template
Je kunt bijvoorbeeld deze website gebruiken ter inspiratie. Hier vind je gratis templates die je kunt bewerken in Premiere Pro!
Let op: de template is een vaste vorm. Je kunt dus niet de animatie zelf aanpassen maar alleen bijv. kleur en typografie.
Als je een passende template hebt gevonden klik je op download. Je krijgt dan een mapje met daarin een .mogrt (motiongraphicstemplate) bestand en een .mp4 videobestand.
Rechts in de properties panel onder het tabje Graphics Template klik je op het mapje met een plusje. Kies nu voor het .mogrt bestand.
Sleep de template op je tijdijn.
Klik op het vervolgens op het template element in je tijdlijn en vervolgens ga je rechts naar het tabje 'Properties'. Hier kan je de template aanpassen naar eigen smaak zoals tekst en kleur.
Bekijk als laatst nog even kritisch of het ontwerp van je template past bij de beelden die je hebt opgenomen.
Sleep het template element naar het gewenste moment.
Eigen ontwerp
Nu je geoefend hebt met een template ga je een eigen ontwerp maken en animeren. Ook deze exporteren we naar een .mogrt bestand. Je hebt al best wat kennis van After Effects, gebruik dit om verder te experimenteren en de volgende stappen als richtlijn te gebruiken.
Defineer een grafische stijl: Bepaal het uiterlijk van alle motion graphics (kleuren, lettertype, vorm).
Schetsen: Start met een aantal simpele snelle schetsen (idee vorming). Houdt hier alvast rekenign mee hoe je de vormen gaat animeren. Dus bijvoorbeeld, hoe verschijnen ze in beeld? Geef dit aan met pijltjes, lijnen etc.
Kies de juiste software: Afhankelijk van je vorm en onderzoek bepaal je in welk programma je de grafische elementen gaat maken. Doe je dit eerst in bijv. Illustrator of maak je het direct in after effects?
Indien je eerst alle elementen in Illustrator maakt zorg je ervoor dat je het op de juiste manier importeert naar After effects. (Vergeten hoe? Raadpleeg vorig project lesbrief 02)
Positioneer de elementen: Zet de startpositie voor elk element in de compositie.
Gebruik keyframes: Plaats keyframes om de beweging van elk element te bepalen (bijv. in- en uitfaden, schuiven, vergroten/verkleinen).
Voeg easing toe: Gebruik easing om de bewegingen natuurlijker te maken (bijvoorbeeld via de "Easy Ease" optie in de Graph Editor).
Werk met effecten: Voeg eventuele extra effecten toe, zoals glows, blurs of masks om de animatie te versterken.
Synchroniseer de animatie: Zorg ervoor dat de animatie start op een rustig moment in de video, zodat de kijker niet afgeleid raakt.
Duur van de animatie: Bepaal hoe lang de lower third in beeld blijft en hoe lang de animatie duurt.
Bekijk onderstaande video's om simpele maar effectieve lower-thirds te maken. Bebruik ze eventueel als startpunt voor jouw eigen ontwerp!
Wij hebben dit onderstaande voorbeeldje gemaakt:
Wie is John Doe in dit voorbeeld?
Nou eigenlijk niemand, het is een placeholder naam die wordt gebruikt voor een persoon wiens echte naam geheim wordt gehouden of niet bekend is.
We hebben de Essential Graphics panel nodig. Mocht dit panel nog niet open staan. Ga eerst bovenin naar windows -> Essential Graphics. Nu verschijnt het panel links naast je Composition Panel.
Nu gaan we ervoor zorgen dat de template die we nu aan het aanmaken zijn straks in Premiere Pro bewerkbaar is. Bijvoorbeeld dat je op een later moment in jouw template de naam van de persoon kan aanpassen zonder dat je dit weer helemaal moet nabewerken in After Effects.
Laten we de tekst aanpasbaar maken. Sleep vanuit de tekstlagen de Source Text in het zwarte vlak in de Essential Graphics panel. Zie afbeelding hieronder.
Vervolgens kan je per laag op Edit Properties klikken en kan je toegang geven om in je template bijvoorbeeld het lettertype te kunnen laten aanpassen. Zie afbeelding hiernaast.
Extra verdieping: Nadat je de tekstlagen hebt toegevoegd kan je dit ook met andere elementen doen waarbij 'iets' te veranderen valt. Bijvoorbeeld de vulkleur van je gebruikte vormen. Hier kan je meer mee experimenteren.
Wanneer je helemaal tevreden bent klik je op Export Motion Graphics Template. Sla het vervolgens ergens op een logische plek op... bijvoorbeeld in dat mooie mapje van je project waarin je alles opslaat?
Nu heb je je eigen motion graphic template gemaakt! Deze kan je dus op dezelfde manier importeren in Premiere Pro zoals je met de oefen opdracht hebt gedaan. Lekker bezig!
Succes!
Hieronder vind je de andere Digitaal lesbrieven voor het project Passie in Beeld:
Evaluatie
3 pixel beoordelingscriteria opzetten voor uit studio opdracht ambacht