Maskerpad animeren (Animating Mask Path)

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.

Je gebruikt maskervormen om delen van een solid-laag af te maskeren, zoals je gezien hebt in de vorige video.

Maar je kunt maskers ook gebruiken in illustratielagen. Ik activeer de compositie ‘eye-catch’.

De illustratie van ’eye-catch’ is gemaakt in Adobe Illustrator.

Het illustrator-document heeft een formaat van bij pixels.

Net zo groot als onze compositie in After Effects.

Zoals je ziet zijn de gele cirkel en de oranje stralen veel groter dan het document en de compositie.

Maar dat is nodig als ik de stralen bijvoorbeeld wil gaan roteren. En dat dit beeldvullend gebeurt.

Delen van de illustratie mogen dus groter zijn dan het documentformaat in Illustrator.

En het compositieformaat in After Effects.

Elk onderdeel wat geanimeerd moet worden is wel op een aparte laag gezet.

De lagen hebben herkenbare namen gekregen en worden bij het importeren overgenomen.

Dus kun je snel zien uit welke illustratieve componenten een illustratie is opgebouwd.

Dubbelklik in After Effects in het Project-venster.

Navigeer naar het juiste bestand.

Kies bij ‘Import As: Composition - Retain Layer Sizes’ en klik op dan ‘Open’.

Ik heb de illustratie al geïmporteerd dus ik kan hier annuleren.

In het Project-venster wordt automatisch een compositie aangemaakt met de naam ‘eye-catch’

En een aparte map waarin alle originele illustrator-lagen terug te vinden zijn.

Deze lagen staan ook al in de compositie. En daarmee gaan we werken.

Klap de laag ‘bird’ open in het lagengedeelte.

Deze bevat de standaard Transform-eigenschappen voor de laag.

Hiermee kan ik bijvoorbeeld de vogel groter maken bij ‘Scale’ en verplaatsen bij ‘Position’.

Ik wil dat de vogel eerst klein en ver weg is en dan zo groot wordt als nu.

Alleen wil ik dat de vleugels niet voor de groene cirkel komen.

Wel de poten en het kuifje, maar niet de vleugels. Die zal ik dan moeten afmaskeren.

Verplaats de CTI naar het moment waarop je de vogel groot in beeld wilt hebben staan. Bijvoorbeeld op de twee seconden.

Maak voor de ‘Scale’ en bijvoorbeeld ook de ‘Position’ een keyframe aan in de Timeline. De vleugels moeten afgemaskerd worden.

Zorg dat de laag ‘bird’ geselecteerd staat in het lagengedeelte en teken een masker vorm met de Pen

Of kies een vorm uit in de gereedschappenbalk die je hiervoor kunt gebruiken. En ik kies voor de Ellipse-vorm.

Standaard teken je vanuit de linker bovenhoek de vorm.

Als je vanuit het middelpunt wilt tekenen, houd je de Commando-toets ingedrukt.

Om een perfecte cirkel te tekenen houd je ook de Shift-toets erbij ingedrukt.

Als je tijden het tekenen de vorm wilt verplaatsen druk je de spatiebalk in. Nu kun je maskervorm verplaatsen.

Zodra je de spatiebalk weer loslaat, kun je de cirkelvorm verder af tekenen. Dit is perfect.

Je laat altijd eerst de muis los en daarna pas de sneltoetsen.

De vorm heeft een maskerlaag gecreëerd in de illustratie-laag ‘bird’.

Klap de maskerlaag open en selecteer de ‘Mask Path’. Selecteer in de gereedschappenbalk het selectiegereedschap.

Alle punten zijn nu geselecteerd.

Klik naast het pad en klik dan op een ankerpunt.

Inklikken, ingeklikt houden en je kunt dat ene ankerpunt oppakken en verplaatsen.

De poten en de kuif moeten beide wel zichtbaar zijn, alleen de vleugels moeten afgemaskerd worden.

Dus deze ankerpunten staan op de juiste positie.

maak dan op dit moment een keyframe aan voor de 'Mask Path', het maskerpad.

We gaan nu de animatie maken. Verplaats de CTI naar het begin van de timeline.

Gebruik ’Scale' om de vogel te verkleinen. Zoals je ziet verkleint het maskerpad automatisch mee.

Gebruik 'Scale' om de vogel te verkleinen. Zoals je ziet verkleint het animatiepad automatisch mee.

Eventueel kun je ook de positie nog aanpassen. Speel de animatie af. Ik gebruik hiervoor de spatiebalk.

Nu zijn de vleugels gedurende de gehele animatie afgedekt en dat was nu ook weer niet de bedoeling.

Ik verplaats de CTI ongeveer halverwege de animatie.

Als ik wil zien wanneer de vleugels de randen gaan raken moet ik deze weer in beeld halen.

Hiervoor biedt de masker-optie ‘Mask Expansion’ uitkomst.

Ik verhoog de 'Expansion' puur tijdelijk om te zien vanaf welk punt ik het maskerpad moet gaan inzetten in de animatie.

En dat is dus vanaf hier ongeveer.

Ik zet de ‘Mask-Expansion’ weer terug op pixels. Enter om te bevestigen.

Maak een keyframe aan voor het maskerpad.

Klik dan naast de geselecteerde punten zodat je weer één ankerpunt kunt oppakken en kunt verplaatsen.

Gebruik de richtingslijnen om de curve van het maskerpad aan te passen.

Verplaats de CTI tussen de twee keyframes en pas de ankerpunten opnieuw aan.

Dit is misschien wel even een klus waar je tijd voor moet uittrekken.

Door telkens tussen de twee keyframes het pad aan te passen, blijft de animatie als het goed is zo soepel mogelijk lopen.

Op deze manier kun je dus maskerpaden animeren.

Ik zet de CTI weer terug op het beginpunt en bekijk het resultaat.