Binnen de opleiding Mediavormgeven kun je kiezen uit verschillende keuzedelen. Daarmee breid je je skills als mediavormgever verder uit. Eén van die keuzes is het keuzedeel Animatie.
Animatie is echt belangrijk. We leven in een wereld waarin bijna alles beweegt. Op websites, in apps, op tv, in reclame en zelfs op billboards zie je overal animatie terug. Als mediavormgever moet je snappen hoe beweging werkt en vooral hoe je die zelf maakt.
Softtalk is het YouTube-kanaal van Matthijs Clasener. Hier leer je alles over design, animatie en media maken, op een rustige en duidelijke manier. Geen snelle hacks of moeilijke praat, maar uitleg die je echt snapt en meteen kunt gebruiken. Handig voor school, maar ook als je beter wilt worden als maker. Gewoon even kijken, leren en door.
In deze eerste software-opdracht ga je iconen in beweging zetten. Je leert hoe je werkt van Illustrator naar After Effects en ontdekt hoe die workflow in de praktijk gebruikt wordt. Met een paar slimme technieken laat je zien hoe je een simpel icoon snel tot leven brengt.
Micro-animaties zijn kleine animaties die een groot verschil maken. Digitale bureaus zoals 0to9 vinden dit superbelangrijk, omdat ze helpen bij hoe mensen een website of app gebruiken. Het gaat niet om mooi doen, maar om duidelijkheid.
Micro-animaties:
leggen uit wat er gebeurt
begeleiden de gebruiker
bevestigen een actie
verleiden om door te gaan
In deze opdracht maak je gebruik van een een molentje in Illustrator en animeer je dat in After Effects. Het molentje gaat draaien op een rustige en duidelijke manier. Zo leer je hoe een kleine animatie kan helpen om gedrag te sturen en een ontwerp beter te laten werken.
Om een geanimeerde infographic of uitlegvideo te maken in After Effects, moet een animatiestudent vertrouwd zijn met verschillende technieken. Hier is een lijst van essentiële technieken:
Keyframing: Het begrijpen van hoe je keyframes instelt voor animatie-eigenschappen zoals positie, schaal, rotatie, dekking, enz., is fundamenteel voor het creëren van beweging.
Shape Layers:Het beheersen van shape layers stelt je in staat om vectorvormen direct binnen After Effects te maken en te animeren, wat essentieel is voor het maken van iconen, grafieken en andere elementen van infographics.
Parenting: Ouder-kindrelaties stellen je in staat om de beweging en eigenschappen van de ene laag te koppelen aan een andere. Deze techniek is handig voor het maken van hiërarchische animaties, zoals het verbinden van elementen of het regelen van complexe bewegingen.
Rendering and Exporting: Weten hoe je je animaties op de juiste manier rendert en exporteert, zorgt ervoor dat je eindproduct effectief kan worden gedeeld en bekeken.
Door deze technieken onder de knie te krijgen, kan jij boeiende en informatieve geanimeerde microanimaties maken in After Effects.
Het gebruik van iconen is iets wat je regelmatig voorbij ziet komen in uitleganimaties en geanimeerde infographics. Je wilt graag dat de kijker kijkt naar dat plekje op het scherm waar jij wilt dat de kijker naar kijkt. Jeetje wat een ingewikkelde zin.
Wanneer een icoon te zien is moet hij schreeuwen om aandacht. Dat doe je met beweging. Er zijn veel toffe technieken in After Effects waarmee je dat kan doen.
We gaan in deze opdracht een viertal iconen uit Adobe Illustrator importeren en die animeren met de eerste set eenvoudige maar toffe technieken. Het thema is "plekjes op de wereld". Het vijfde icoon maak je zelf binnen dezelfde stijl.
Beoordeel het Adobe Illustrator bestand op correctheid. Maak eventuele aanpassingen om het animeerbaar te maken.
Maak een nieuwe Composition aan die geschikt is voor Instagram (1080*1080).
Zet de geimporteerde lagen om in Shape Layers.
Koppel de lagen aan elkaar met de Pick Wip (@) waarbij de molen zelf het belangrijkste object vormt.
Gebruik scale om de molen te laten verschijnen.
Gebruik de Curves om de animatie qua snelheid aan te passen.
Gebruik expressions voor het roteren van de wieken.
Keying is een techniek waarmee je de achtergrond van een video kunt vervangen door andere beelden of foto’s. Er zijn verschillende soorten keying, maar de twee belangrijkste zijn chroma keying en luma keying. Bij het gebruik van een groen scherm (green screen) gebruiken editors meestal chroma keying. Hiermee kun je een specifieke kleur (meestal groen, maar blauw komt ook vaak voor) verwijderen uit de video. Luma keying gebruik je bij zwart-witbeelden met een zwarte of witte achtergrond.
Het groene scherm is een onmisbaar hulpmiddel geworden voor allerlei soorten videoprojecten, van ingewikkelde CGI in Hollywoodfilms tot opvallende achtergronden op een Youtube-kanaal. Videomakers die veelzijdig willen zijn, moeten leren werken met een green screen en chroma keying, want als je het goed doet, kan het de kwaliteit van je werk enorm verbeteren.
Er is niet één manier om een effectieve key te maken. Maar in deze opdracht kom je wel al een aantal toffe technieken tegen. Probeer deze technieken uit om te ontdekken hoe dit het beste past in jouw creatieve workflow.
In deze opdracht krijg je een video waarin op een mobieltje een groen vlak te zien is. Dat groene vlak ga je keyen: je zorgt ervoor dat het transparant wordt. Daardoor zie je de laag eronder.
Onder dat groene vlak komt een röntgenfoto tevoorschijn. Het lijkt dan alsof je telefoon een soort röntgenapparaat is dat door dingen heen kan kijken. Dat kan natuurlijk niet echt, maar in After Effects kan dat wél.
Dat is precies de kracht van animatie en video-effecten. Een beetje movie magic.
Maak gebruik van het onderstaande lesmateriaal en maak de tutorial stap voor stap na. Probeer goed te doorgronden wat je doet.