Keyframe Interpolation met de Graph Editor

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.

In de vorige video hebben we kennisgemaakt met de 'Easy Ease' via de Keyframe Assistent.

Met 'Easy Ease' kun je dus de snelheid in een animatie bepalen.

Of liever gezegd de optie 'Easy Ease Out' start de animatie met enige vertraging op...

...en met de optie 'Easy Ease In' eindig je juist de animatie door te vertragen.

In deze video leer je hoe je de vertraging en de versnelling in een animatie exacter kunt instellen en bepalen.

Allereerst zet ik de CTI in het midden van de animatie.

Ik wil enkel naar de animatie van de bovenste boot kijken dus zet ik deze laag op ‘Solo’.

Dan selecteer ik de keyframes. Klik één keer op de naam ‘Position’ om alle keyframes van de animatie te selecteren.

Deze boot heeft dus een animatie en de keyframes zijn voorzien van een 'Easy Ease In' en '-Out'.

Activeer dan in de Timeline de ‘Graph Editor’.

Zorg dat je de volgende instellingen goed hebt staan.

Bij de eerste optie 'Choose witch properties are shown in the graph editor'...

...zorg je dat de optie 'Show Selected Properties' in ieder geval aangevinkt staat.

Bij de tweede optie 'Choose Graph Type and Options', zorg je ervoor dat de optie 'Edit Speed Graph' aanstaat.

Dan kijk je naar deze grafiek, selecteerde grafieklijn.

En aan het begin en het einde van de lijn bevinden zich de keyframes.

Uit elk keyframe zie je een Bezier hulplijn verschijnen.

Hoe vertaal je nu deze grafieklijn naar de animatie.

De eerste keyframe start op de bodem en dat refereert naar stilstand.

Dan stijgt de lijn in een curve omhoog. Dat is de versnelling.

Precies in het midden reikt de curve het hoogst en dat is het moment waarop de snelheid het hoogst is.

Daarna gaat de curce weer naar beneden en wordt de animatie geleidelijk weer vertraagt tot deze tot stilstand komt.

De grafiek toont aan de zijkant de snelheid van de animatie.

Daar zie je staan px per seconde. Dus op die hoogte is dat de snelheid van de animatie.

Ik Selecteer de Bezier hulplijn en maak deze langer.

Zie wat er gebeurt met de stippen op het animatiepad.

De stippen staan nu aan het begin nog dichter elkaar. Dus dat betekent dat de boot nog trager opstart.

Dan komt deze ineens in een versnelling, de curve is visueel ook veel steiler in de grafiek.

En in een heel korte periode moet de animatie dan afremmen tot stilstand.

Ik zet het afspelen van de animatie op ‘Loopen’ en gebruik de spatiebalk om de animatie te tonen.

En inderdaad de timing is nu helemaal anders geworden.

De boot start veel trager. De versnelling duurt vrij kort en dan vertraagt de animatie alweer tot stilstand.

Het leren instellen en aflezen van de ‘Graph Editor’ vereist enige oefening en inspanning.

Ik pas ook de bezier hulplijn van de laatste keyframe aan. Maak deze ongeveer net zo lang als de eerste.

Nu is de vertraging aan het eind en het begin zo’n beetje gelijk.

En is de periode van topsnelheid in het midden van de animatie veel korter geworden.

Verplaats de eerste keyframe omhoog.

Nu start de animatie direct in een bepaalde snelheid.

Door veel te experimenteren met- en aan de Bezier hulplijnen te trekken.

Goed te kijken naar verdeling van de stippen op het animatiepad.

Kun je vaardig worden in het bepalen van het tempo van de animatie.

Je kunt de 'Graph Editor' ook toepassen op een lineaire animatie.

Ik zet de onderste boot aan door deze laag op ‘Solo’ te zetten en deactiveer ‘Solo’ voor de bovenste boot.

Daarna selecteer ik de animatie 'Position' door één keer op de naam 'Position' te klikken.

Nu toont de ‘Graph Editor’ een vlakke lijn.

Dit visualiseert het constante tempo van de animatie. Het betreft hier immers een lineaire animatie.

ik pak de eerste keyframe op in de grafiek en sleep deze naar beneden, op de nullijn.

Je ziet nu direct ook de bezier hulplijnen beter in beeld.

Aan de curve herken ik dat ongeveer bij Frame de animatie...

... op zijn hoogste snelheid is gekomen. Daarna blijft de snelheid eigenlijk vrij constant.

En dan ongeveer in de laatste frames vindt er een korte vertraging plaats tot stilstand.

Dat is dus in een heel korte tijd. Maar ook dat ankerpunt kan ik oppakken en verplaatsen.

De boot vertraagt nu kort aan het begin en aan het eind en vaart het grootste deel daartussen in een constant tempo.

Maar jij kunt dit dus hier met de ankerpunten helemaal zelf bepalen.

En het tempo van de animatie beïnvloeden. Het is gewoon een kwestie van regelmatig experimenteren.

En als je op een gegeven moment volledig de draad kwijt bent en met een schone lei wilt beginnen.

Selecteer dan alle keyframes in de grafiek.

Ik stop het animeren door de spatiebalk in te drukken.

Beide keyframes zijn geselecteerd en klik dan eenmaal, onderin de Timeline, op de knop 'Convert Selected Keyframes to Linear'.

Nu kun je weer opnieuw beginnen.

Experimenteer met de mogelijkheden om zelf het tempo van een animatie te bepalen.

Die kleine subtiele tempo wisselingen maken een animatie zoveel krachtiger en overtuigender.