Shape Layer Ankerpunten animeren

uit de cursus Motion infographics maken met After Effects

Shape Layer Ankerpunten animeren
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

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.

Motion infographics maken met After Effects

perm_identity Harry de Lange | video_library 49 video's | query_builder 04:06:59

Om het maximale uit deze cursus te halen heb je kennis van Adobe Illustrator en animatievaardigheden nodig van Adobe After effects.

Cursus Motion Infographics met After Effects

Beeld en kleur communiceren sneller dan geschreven teksten. We leven in het informatietijdperk en de vraag naar efficiënt en snel communiceren is enorm toegenomen. Na de Infographic neemt de motion infographic alleen maar toe in populariteit. Ideaal om te publiceren op websites en via socialmedia is deze vorm van communiceren uiterst krachtig en effectief.

After Effects biedt onbegrensd veel mogelijkheden.

After Effects is hèt programma waarmee je trailers, animaties, commercials, motion infographics en promotievideo’s kunt maken. In After Effects kun je alles met elkaar combineren en verweven wat je maar wilt. Geanimeerde tekst, Illustraties, videobeelden, audiofragmenten, tekeningen, animaties. Je kunt het zo gek niet bedenken. Je kunt met dit programma geheel je eigen creativiteit, ideeën en stijlen verwezenlijken.

Juist vanwege de onbegrensde mogelijkheden die het programma After Effects biedt is een gedegen cursus om al deze opties goed onder de knie te krijgen onontbeerlijk. Laat je creativiteit de baas zijn en niet de overweldigende mogelijkheden van het programma. Leer hoe je op de meest efficiënte wijze je producties opbouwt. Dat levert niet alleen enorm veel tijdwinst op maar zorgt er ook voor dat jij je ideeën daadwerkelijk optimaal kunt realiseren.

Doelgroep

Je bent DTP’er vormgever of webdesigner maar bovenal ben je creatief en heb je goed gevoel voor illustratie en verbeelding. Je bent een beelddenker en kunt conceptueel denken. Je wilt jouw illustraties en verbeelding naar een hoger plan tillen met het maken van motion infographics. Je hebt al ruime ervaring en kennis van Adobe Illustrator en beheerst de basis animatietechnieken in Adobe After Effects.

 

Sinds After effects is het eenvoudiger geworden...

...om ankerpunten van vectoren te animeren.

Ik zal duidelijk maken wat ik hiermee bedoel.

Ik pak voor dit voorbeeld een primitieve teken gereedschap: de Star Tool.

Ik ga naar de Rectangle Tool, ik blijf hier even op staan en selecteer de Star Tool.

De vulkleur heb ik nu staan op Rood en dat is prima voor het doel.

Ik trek nu een Driehoek.

Ik wil hier uiteindelijk een -puntige ster van maken.

Dat verander ik in: Shape Layer > Contents > Polystar > Polystar Paths

Hier kan ik aangeven het aantal punten: het aantal Points.

Deze verander ik in .

Er valt mij nog een ding op: de Rotation, die staat hier nu op .

deze verander ik naar .

Ik klap de Path dicht en ga naar de Transform : Polystar en...

...zet de position van de vorm op .

Zoals ik al in een vorig video heb gezegd,

is het belangrijk dat je de vorm goed positioneerd als je deze wilt gaan animeren.

Ik wil nu de ankerpunten van de ster gaan animeren.

Als ik met de Selection de vorm selecteer,

krijg ik geen indviduele ankerpunten te zien.

Als ik in de Polystar Path kijk, zie ik geen paths.

Dit komt omdat deze vorm een primitieve vorm is.

Ik ga deze nu omzetten naar paden door rechts op de Polystar Path te klikken.

En ik selecteer: Convert to Bezier Path.

De Polystar Path is nu vervangen door een Path.

Hierin zie ik dan de Path.

Ook zie ik nu de ankerpunten in de Composition venster.

Als Ik nu de ankerpunten wilt gaan animeren,

dan klik ik op de stopwatch en verplaats de CTI.

En ik verplaats een ankerpunt

En zo heb je een animatie.

Als je nu wilt zien welke paden er geanimeerd zijn, is dat niet zichtbaar.

Zowel in de tijdslijn niet: ik zie dat er een animatie plaats vind...

maar ik weet niet welke eigenschappen deze animatie heeft.

En dat ik hetzelfde als ik de Tijdslijn in Grafiek modus zet...

Ook hier geeft geen uitsluitsel welke punten er geanimeerd worden.

Kortom er is eigenlijk weinig controle over ankerpunt animaties.

Dit geldt trouwens ook voor masker animaties.

Sinds After effects wordt er een script meegeleverd...

die je de controle over de ankerpunten terug geeft.

Ik ga een paar keer Undo doen om terug te keren.

Ik ga nu naar: Window > Create Nulls From Paths.jsx.

dit is een script

Ik klik hier op en een nieuw venster opent zich met knoppen.

Voordat deze script zal werken, moet ik aangeven welke pad hij moet aanpassen.

In dit geval vind ik deze onder: Contents > Polystar > Path > Path.

Hi er mee selecteer ik de daadwerkelijke path.

En met de Path geselecteerd, klik nu op Points Follow Nulls.

Oftwel: maak Nulls aan en plak die aan de ankerpunten.

...en elke null beheert een punt.

Je hebt gezien: de Tijdslijn heeft zich gevult met allemaal Nulls.

Zodra ik een null verplaats zie je dat de vorm zich aanpast.

zo krijg je volledige controle over je vorm.

Nu ik toch bij het Create Nulls From Paths ben aanbeland:

Met Nulls Follow Point maak je Nulls aan die vastblijven zitten aan een punt.

Ik zal het demonstreren. Ik ga een paar keer Undo doen.

Ik klik op Nulls Follow Paths met de Path geselecteerd.

Nu zie je dat er ook Nulls aangemaakt zijn maar deze kan ik niet verplaatsen.

Deze zitten vastgeplakt aan een ankerpunt.

Als ik de Shape Layer zelf ga verplaatsen...

...dan zul je zien dat de Nulls meegaan.

De Trace Path is de laatste van de drie.

Ik ga weer even een paar keer Undo doen.

De Trace Path genereerd een pad waarlangs een animatie kan lopen.

Ik heb het pad geselecteerd en klik op Trace Path.

En ik zie dat er maar Null is aangemaakt.

Als ik de CTI verplaats zul je zien dat de Null langs het pad animeert.

De Trace Path heeft ook een Controller geplaatst op de laag.

en hierin kun je zien welke vooruit gang hij heeft: in dit geval staat hij op %.

En of de animtatie moet Loopen.

Kortom: de Create Nulls from Paths is een handig script om meer controle te hebben...

...over je pad animaties.