Keyframe interpolation (Easing Keyframes)

uit de cursus Starten met animeren in Adobe After Effects

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Starten met animeren in Adobe After Effects

perm_identity Belinda | video_library 47 video's | query_builder 04:28:14

Adobe After Effects: een toverdoos.

Adobe After Effects is een toverdoos vol met mogelijkheden om te animeren en illustraties, video en afbeeldingen te bewerken. Het is echter ook een toverdoos vol gereedschappen, knoppen, filters, effecten, instellingen. Hoe ga je je weg vinden in dit uitgebreide programma?

Starten met…

Begin bij het begin: de cursus Starten met Adobe After Effects leert je je weg te vinden in de interface en hoe je een project aanmaakt. In deze cursus wordt uitgebreid aandacht besteed aan het werken met lagen en aan het importeren van gelaagde Illustrator bestanden. En natuurlijk ook aan het creëren van vormen binnen het programma zelf. Eenmaal in een project opgenomen, wil je deze objecten ook gaan animeren! Leer werken met Keyframes, transformaties en oriëntatiepunten en er gaat een hele nieuwe wereld open!

Je leert tevens gebruik te maken van maskers, filters en effecten om illustraties en beeld te manipuleren. De mogelijkheden met de effecten van After Effects zijn eindeloos. Niet voor niets wordt dit programma ook specifiek voor de kracht van de special effects gebruikt door veel professionals in filmwereld.

Doel:

Na het volgen van deze training ben je in staat om animaties te maken die gereed zijn om te publiceren op internet, computer, tablet en/of voor presentaties. Je kunt animaties maken die bestaan uit, een combinatie van, animatie, video, tekst, logo’s, grafische illustraties, geluid en geluidseffecten.

Om het fenomeen 'Keyframe Interpolation' uit te leggen maak ik in dit project een Nieuwe Compositie aan.

Ik ga naar Composition > New Composition.

Ik noem deze ‘Keyframe interpolation’.

De totale duur van de animatie zet ik op seconde.

Je kunt ook het aantal frames intypen, bijvoorbeeld .

After Effects rekent dit direct om naar seconde, want deze compositie is gebaseerd op frames per seconde.

Ik klik op OK. In deze compositie plaats ik de boot.

Deze illustratie bevindt zich in de map in het projectvenster.

Sleep de laag ‘Boat’ in het lagen-gedeelte van de timeline.

Animaties maak je door een eigenschap tussen twee keyframes te wijzigen.

Ik wil de positie van deze boot gaan animeren. Open dan de Transform-opties.

Verplaats de CTI naar het eerste frame. Daar staat hij al op.

Activeer dan vervolgens het animeren door op de stopwatch voor 'Position' te klikken.

Ik kan nu nog steeds de positie verplaatsen.

Daarna verplaats ik de CTI in de Timeline.

En verplaats ik de boot naar zijn nieuwe eindbestemming.

Houd tijdens het verplaatsen de Shift-toets ingedrukt als je perfect horizontaal wilt verplaatsen.

Automatisch wordt door deze verplaatsing een nieuwe keyframe aangemaakt in de Timeline.

Ik zet het afspelen op eenmalig.

Verplaats de CTI weer naar het begin en speel de animatie af.

De boot vaart in een vast tempo van start naar eind.

Standaard staat namelijk de Keyframe Interpolation ingesteld op ‘Linear’.

Keyframe Interpolation bepaalt de manier waarop de animatie wordt uitgevoerd.

En linear betekent dat de gehele animatie van begin tot eind in een en hetzelfde tempo wordt afgespeeld.

Een lineaire animatie komt nogal onnatuurlijk en mechanisch over.

In het echt begint een beweging vaak eerst langzaam, dan versnelt deze en vlak voor je stopt zul je juist vertragen.

Dan kun je ook kiezen voor aan andere vorm van Interpolation.

Ik dupliceer de laag van deze boot. Selecteer de laag in het lagen-gedeelte.

Ga vervolgens naar Edit > Duplicate, of gebruik de sneltoets Commando D.

De boot, inclusief de animatie, is nu gedupliceerd. En ik open nu ook hier de Transform-eigenschappen.

Ik selecteer alle keyframes van position door één keer op de naam 'Position' te klikken.

En ik verplaats de animatie omhoog. Zodat ik zometeen goed het verschil tussen beide animaties kan zien.

Als ik nu de animatie weer afspeel zie je duidelijk, beide boten varen direct in één en hetzelfde tempo naar het eind

Met beide keyframes van de bovenste boot geselecteerd ga ik naar Animation > Keyframe Assistent > Easy Ease.

Zie hoe de keyframes van vorm veranderen.

Het zijn geen wiebertjes meer maar ze hebben een soort zandlopervorm gekregen.

En er is nog iets waaraan je het verschil kan zien. Ik selecteer beide animatiepaden.

Het animatiepad van de bovenste boot is al geselecteerd dat herken je aan het pad.

Ik houd de Shift-toets ingedrukt en klik eenmaal op de Transform-eigenschap ’Position’ ...

...van de onderste boot om ook die keyframes te selecteren. Dan krijg ik van beide animaties het animatiepad te zien.

Ik start de animatie opnieuw op. Verplaats de CTI terug naar het begin. En speel de animatie af.

Beide boten starten en eindigen op hetzelfde moment, maar de wijze waarop de animatie wordt afgespeeld is totaal verschillend.

Ik zet de CTI even in het midden van de animatie.

De stippen op het animatiepad geven de snelheid van de animatie weer.

Bij de bovenste boot staan aan het begin en aan het eind de stippen dichter op elkaar wat een vertraging aanduidt.

De stippen van het onderste animatiepad staan allemaal op een gelijke afstand.

Wat betekent dat van begin tot eind de snelheid exact hetzelfde is.

Ik deselecteer de animatiepaden. Selecteer ditmaal enkel de keyframes van de bovenste boot.

De Keyframe Interpolation kun je ook instellen via de menubalk.

met dexe keyframes geselecteerd ga ik naar Animation > Keyframe Interpolation.

Deze staat nu op Bezier’, dat is dus de benaming voor 'Easy Eae'. En ik zet deze terug op ‘linear’. Klik op OK

En zie dat de keyframes nu weer hun wiebertjes vorm hebben gekregen.

Een snellere manier om de Easy Ease te kiezen...

... is met de rechtermuisknop ingedrukt te klikken op een geselecteerde keyframe.

En dan uit het contextuele menu te kiezen voor Keyframe Assistent > Easy Ease.

Je kunt dit ook per keyframe doen. maak ik de laatste handeling ongedaan met commando Z.

Ik deselecteer de keyframes. Selecteer de eerste keyframe.

Klik met de rechtermuisknop ingedrukt op deze geselecteerde keyframe. Ga naar Keyframe Assistent.

En je kiest vervolgens voor 'Easy Ease Out'. Om een vertraging aan het begin mee te geven.

En ik kan dit ook doen aan het eind. Met de rechtermuisknop ingedrukt, kiezen bij Keyframe Assistent > Easy Ease In.

Om deze aan het einde te laten vertragen.

Je zult waarschijnlijk heel vaak gebruik gaan maken van de Easy Ease Keyframe Interpolations.

Omdat hierdoor animaties veel natuurlijker aandoen.