Expressions: wiggle() beide dimensies

uit de cursus Motion infographics maken met After Effects

Expressions: wiggle() beide dimensies
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.

 

Misschien ben je deze al wel eens tegen gekomen: de Wiggle expression.

Letterlijk vertaald: wiebelen.

Dit is een van mijn meest gebruikte expression.

Als ik enige vorm van continue beweging of pulsering wil toepassen...

...op een beeldelement is wiggle een uitkomst.

Laat ik met Box beginnen.

Ik ga naar: Transform en ga de wiggle toepassen op de rotation

Ik ALT klik op de stopwatch van Rotation.

De editor opent zich en ik type daarin: wiggle(,)

wat ik hier nu zeg: wiebel keer per seconde graden.

Ik klik nu naast de editor en druk op de spatiebalk om te testen.

Je ziet de rechoek om zijn as roteert.

Ik ga naar Box toe en ga hier de position wiebelen.

Ik ALT klik op position en type in: wiggle(,)

en ik klik er weer naast, ik druk op de spatiebalk...

en ik zie dat Box flink tekeer gaat met zijn positie.

Hij beweegt zich op zowel de horizontale als verticale as.

De position heeft coördinaten nodig, een x- en een y-as

...om zich te kunnen plaatsen.

Hier produceert wiggle dus keer een getal, de x en y.

Ik zal het laten zien in Box.

Ik pauzeer de animatie en ga naar Box

Ik wil dit demonstreren door middel van de scale.

Ik ALT klik op de scale en type in: wiggle(,)

Ik zie dat hij nog op % staat...

Het slot is vergrendeld, hij zou proportioneel moeten schalen.

Ik klik buiten de editor en druk op de spatiebalk om te testen.

Ik zie nu dat de box niet proportioneel schaalt

Hieraan merk ik dus dat de wiggle waardes genereert.

Ik ga de code nu zo veranderen, dat hij wel proportioneel gaat schalen.

Allereerst klik ik weer in de Editor.

En voor de wiggle type ik sc =wiggle(,)

er achter aan type ik ;

Dat is heel gebruikelijk in programmeertalen.

dat wil zeggen: einde van de regel.

Wat ik heb gedaan: ik heb de wiggle in een variabele gestopt.

een soort container die getallen en waardes kan bevatten.

Ik ga nu eerst zorgen voor de eindwaarde die After Effects verwacht...

...namelijk waardes.

Ik doe dat door blokhaken te plaatsen, een open blok en een sluit blok.

Hierdoor weet after effects dat ik of meer waardes wil doorgeven.

Ik zet de cursor tussen de blokken en type een komma.

Voor de komma moet de waarde van de breedteschaling komen.

en na de komma de hoogteschaling. Als beide gelijk zijn...

...dan heb je proportionele schaling.

Laat ik als eerste de waarde van de wiggle pakken.

Ik verplaats de cursor voor de komma en ik type hierin: sc

De sc is de wiggle die er boven staat en daar wil ik de eerste waarde van hebben.

Dat kan ik opvragen door blokken er achter te zetten...

...net zoals ik die net al heb geplaatst. Dus ik toets in []

Ik hoor je denken, dat ik net heb gezegd dat ik de eerste waarde wil hebben.

Maar je typed in . In javascript beginnen lijsten met .

In principe zou ook kunnen werken maar dan pak ik de e waarde uit de rij.

Dit is dus de breedteschaling. Ik ga nu de hoogteschaling doen.

Ik type nu exact hetzelfde in: sc[]

Ik klik nu buiten de editor

Ik zie nu een proportioneel geschaalde box.

Wat je nu hebt geleerd is dat de wiggle meerdere waardes kan geven.

Zoals bijvoorbeeld als je met D objecten werkt, geeft hij waardes.

Wil je die individueel afvangen, dan zul je daar toch een truukje voor moeten verzinnen.

Ik heb in de Eindresultaat Composition, Box alleen via de y-position...

...laten animeren!

Bekijk hier de code, kijk hoe ik dit heb gedaan!