In deze eerste software gerichte opdracht ga je aan de slag met het in beweging zetten van iconen. Je leert hoe je van Illustrator naar After Effects werkt en maakt de workflow goed eigen. Met slimme technieken in After Effects geef je een eenvoudig icoon snel leven. Deze tips en tricks kun je ook toepassen bij grotere opdrachten voor je opdrachtgevers.
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.
Text Animation: After Effects biedt uitgebreide tools voor het animeren van tekst, waaronder tekstanimators, presets en effecten. Het leren hoe je tekst op een creatieve manier animeert, is belangrijk voor het overbrengen van informatie op een boeiende manier.
Masking: Weten hoe je maskers gebruikt, maakt het mogelijk om delen van lagen te onthullen of te verbergen, waardoor ingewikkelde animaties en overgangen mogelijk zijn.
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.
Expressions: Hoewel niet altijd nodig, kan het begrijpen van de basisprincipes van expressies de efficiëntie en controle in After Effects-animatie aanzienlijk verbeteren. Expressies kunnen repetitieve taken automatiseren en dynamische animaties creëren op basis van wiskundige relaties.
Effects and Presets: After Effects wordt geleverd met een breed scala aan ingebouwde effecten en presets die visuele interesse en polish aan je animaties kunnen toevoegen. Het leren gebruiken van effecten op een creatieve manier kan je werk verbeteren.
Camera and 3D Space: Het begrijpen van hoe je met camera's en 3D-lagen werkt, stelt je in staat diepte en perspectief toe te voegen aan je animaties, waardoor realisme en dimensionaliteit ontstaan.
Audio Syncing: Het integreren van audio met je animaties is cruciaal voor uitlegvideo's. Het leren synchroniseren van animatie met audio-cues verbetert de algehele impact en duidelijkheid van je boodschap.
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 infographics en uitlegvideo's 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.
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*1080px30fps).
Koppel de lagen aan elkaar waarbij de cirkel in het midden het belangrijkste object is.
Pas het Trim Path effect toe op één van de lijnen van de London Eye. Maak van binnen naar buiten de animatie.
Laat de pootjes ontstaan met behulp van trim paths.
Gebruik het schaal effect om de capsules aan het einde te laten ontstaan.
Laat het London Eye draaien vanuit de cirkel in het midden.
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*1080px30fps).
Plaats alle lagen van de toren onder de lijn. Je ziet ze nog, dat is prima voor nu.
Animeer de bovenste laag omhoog zodat hij bovenop de grond komt te liggen. Speel goed met de timing.
Plaats de tweede laag van boven tegen de lijn. Link de bovenste laag aan de tweede laag (parent). Animeer ook deze omhoog.
Doe de rest op dezelfde manier.
Zorg voor wat overshoot!
Als laatste stapje laat je de toren van Pisa schuin wegzakken.
Laatste stapje? Okay nog één stapje... het toevoegen van een masker.
Beoordeel het Adobe Illustrator bestand op correctheid. Maak eventuele aanpassingen om het animeerbaar te maken.
Haal de sublaag met de twee wereldkaarten los en plaats deze in hun eigen laag.
Maak een nieuwe Composition aan die geschikt is voor Instagram (1080*1080px30fps).
Plaats alle lagen en voeg een maskerlaag toe met een ovalen shape.
Animeer de aarde binnenin het masker.
Maak een eigen icoon binnen de serie in Adobe Illustrator. Let op correctheid. Maak eventuele aanpassingen om het animeerbaar te maken.
Maak een nieuwe Composition aan die geschikt is voor Instagram (1080*1080px30fps).
Animeer het icoon met eigen technieken. Omschrijf stapsgewijs op jouw express page jouw technieken.
Maak een nieuwe composition van 1080*1080px30fps en plaats daarin de vijf verschillende geanimeerde iconen achter elkaar.
Exporteer de video in hetzelfde formaat als de composition.
Let goed op de lengte van de animatie en voorkom een aantal seconden zwart aan het einde.