Basiskennis animatie (Animations)

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

2 reacties op “Basiskennis animatie (Animations)

    1. Beste William, Bedankt voor de melding. Ik geef het door aan onze IT-afdeling. We hopen het probleem snel opgelost te hebben. Groet Belinda.

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.

Je weet nu hoe je een illustratie of laag kunt transformeren.

Je kunt met behulp van de transformeer-opties Scale, Position en Rotate heel snel animaties maken.

Animeren doe je met behulp van de Timeline.

Hierin bepaal je wanneer een animatie moet starten en hoe lang deze moet duren.

Timing is enorm belangrijk.

Deze video is alleen bedoeld om inzicht te krijgen. Niet om het ook direct al zelf te kunnen.

Ik heb in dit voorbeeldbestand al een animatie aangemaakt.

Klap de illustratielaag ‘funcar’ open. Deze animatie is puur gemaakt met behulp van de transformeeropties.

Je ziet hier een hele serie wiebertjes in de Timeline. Dat zijn de Keyframes.

Aan de blauw gekleurde stopwatches en de keyframes op de Timeline...

...herken je welke transformeer-eigenschappen allemaal animaties bevatten.

Met deze navigeerknoppen kan ik dan naar de juiste keyframe gaan. Je ziet dat de waarden per keyframe veranderen.

Aan het begin van de animatie staat de rotatie op . Op de volgende keyframe is dit -° en daarna weer .

Tussen de keyframes wordt dan automatisch een animatie gemaakt van deze kleine rotatie.

Nu ga ik de rotatie overdrijven. Ik navigeer naar de tweede keyframe en verhoog de rotatie.

De animatie wordt direct aangepast.

Ik laat zien hoe je zo'n animatie maakt.

Hiervoor gebruiken we de illustratie van een UFO.

Sleep 'funufo.ai' naar de Timeline of direct in het voorvertonings-venster.

Deze illustratie is bij . Exact hetzelfde formaat als onze compositie.

Dus wordt deze beeldvullend geplaatst.

Open de illustratielaag in de Timeline in het lagengedeelte totdat je de Transform-eigenschappen ziet.

Scale staat op %. Dit is dus het originele formaat.

Verklein dan de UFO. Zorg dat je het Selection Tool gereedschap uit de gereedschappenbalk hebt geselecteerd..

Klik in op een hoekpunt, houd dan de Shift-toets ingedrukt en verklein de UFO.

Bij Scale zie je het huidige percentage weergegeven.

Je kunt de illustratie ook oppakken en op de juiste positie zetten.

Nu verplaats ik de CTI naar ongeveer seconde. Dat is hier.

Op dit moment wil ik dat de UFO boven de auto hangt.

Ik wil dat de UFO het beeld komt binnenvliegen en dan hier blijft hangen. Plaats dan een keyframe voor Position.

Klik één keer op de stopwatch zodat je het animeren kunt gaan starten.

En er wordt automatisch een keyframe geplaatst in de Timeline.

Zet de CTI dan nu een stukje terug, bijvoorbeeld op seconde. Maak opnieuw een keyframe aan.

Dit doe je niet door op de stopwatch te klikken. Want daarmee verwijder je juist de hele animatie op de Timeline.

Dit doe je door op het wiebertje te klikken tussen de navigeerknoppen.

Dan wordt er opnieuw een keyframe aangemaakt in de Timeline.

Wijzig dan de positie door aan de invoervlakken te slepen.

Of verplaats de UFO gewoon handmatig uit beeld.

After Effects toont het animatiepad met behulp van een stippellijn.

Speel de animatie opnieuw af.

De UFO komt vrij snel binnenvliegen. Ik wil dit langzamer maken.

Om een animatie langer of korter te maken kun je simpelweg een keyframe selecteren in de Timeline en verplaatsen.

Nu komt de UFO langzamer het beeld invliegen.

Dan bepaal ik het moment waarop ik de UFO wil laten wegvliegen.

Vlak voordat de auto gaat inhalen wil ik dat de UFO is weggevlogen. Dus dat is ongeveer op dit moment.

Ik maak voor zowel de Position als voor Scale nieuwe keyframes aan.

Voor Position activeer ik het wiebertje tussen de navigeerknoppen.

En voor Scale activeer ik juist de stopwatch om het animeren te gaan starten. En een keyframe te plaatsen op de Timeline.

Ik wil dat de UFO vrij abrupt en snel wegvliegt.

Tot die tijd moet hij boven de auto blijven hangen.

Plaats de CTI dan nu op het moment waarop je wilt dat de UFO wegvliegt.

En dat is dan ongeveer hier.

Je kunt keyframes ook selecteren, kopiëren en plakken.

Ik moet hier exact dezelfde keyframes gaan aanmaken als ik zojuist heb gedaan.

Dan kan ik ook die keyframes selecteren.

Zorg dat je de Selection Tool geactiveerd hebt in de gereedschappenbalk.

Klik in, in de Timeline, houd ingeklikt en sleep een selectiekader om de keyframes.

Aan de blauwe kleur kun je zien dat ze allebei geselecteerd zijn.

Kopieer de geselecteerde keyframes met de sneltoets Commando C of via de menubalk Edit > Copy.

Plak de geselecteerde frames op de plek waar nu de CTI staat. Dus dat is hier.

Met de sneltoets Commando V of via de Menubalk Edit > Paste.

Navigeer dan naar laatste keyframes.

Selecteer de keyframe die je wilt aanpassen en ik wil het schalen gaan vergroten.

Dat kun je dus weer doen door hier de waarde te verhogen.

Of door een hoekpunt op te pakken en met Shift-toets ingedrukt, proportioneel te schalen.

Tegelijkertijd kan ik hem ook verplaatsen en ik verplaats de UFO uit beeld.

Nu heb je de waarde voor de laatste keyframe van Position gewijzigd en ook voor de schaling.

Hier is de UFO nog ,% en op de laatste keyframe is deze ,%.

ik plaats de CTI vlak voor dit moment en speel de animatie af.

Eerst moet deze nog uitgerekend worden.

En dit is de Realtime versie.

Je ziet dat de auto vervaagt als deze ineens versnelt.

Maar als de UFO versnelt blijft deze haarscherp en dat is eigenlijk niet realistisch. Ik speel hem nog een keer af.

De auto krijgt een vervaging maar de UFO niet.

Dit is een laagoptie die je aan- en uit kunt zetten in het lagen gedeelte. Deze heet de 'Motion Blur'..

De hoofdschakelaar staat bovenin bij de lagen. Hij staat nu actief en dat zie je aan de blauwe kleur.

Met dit symbool kun je Motion Blur inschakelen voor lagen.

Deze staat al actief voor de funcar-laag. Maak deze dan ook actief voor de UFO.

Nu krijgen zowel de auto als de UFO de snelheidsvervaging waardoor het versnellen realistischer en dynamischer overkomt.

DE motion Blur geldt altijd voor de gehele laag. Dus op elk moment waarop de animatie een bepaalde versnelling heeft...

... wordt de snelheid vervaging toegepast.

Tot zover onze kennismaking met animaties. In het volgende hoofdstuk zullen we hier veel dieper op ingaan.