Datagestuurde animaties hergebruiken

uit de cursus Motion infographics maken met After Effects

Datagestuurde animaties hergebruiken
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.

 

Ik heb AEP--- open in After Effects.

Ik moet nu een slimme strategie gaan bedenken

over hoe ik de lagen met de animaties en data ga dupliceren.

Uiteraard de animatie, laat ik daarmee beginnen.

Ik ga de Balk Outlines laag hernoemen naar ProvincieBalk

en deze sleep ik boven de Vraagprijs.json.

Ik heb de ProvincieBalk geselecteerd en type: EE snel achter elkaar.

Om de Expressions te zien.

Hierin zie ik dat de schaal is vastgelegd door de Expression.

Dus ik kan deze niet goed animeren.

Als ik SHIFT+ S intoets kom ik bij de schaal van de laag uit.

Ik haal de ketting ervoor weg en schaal de y-waarde.

Maar Ik zie dat hij vanaf de verkeerde punt schaalt.

hij moet uiteraard van onderaf schalen.

Laat ik dat gaan doen.

Ik selecteer de Pan Behind Tool, ik heb beide schaal weer op staan.

En met CTRL /CMD ingedrukt sleep ik ...

...hem naar beneden, onderin. Deze ga ik nu animeren.

Ik ga frame en maak een Keyframe aan.

Ik zet de CTI op frame en maak de Yschaal .

Zo schaalt hij goed.

Laat ik aan deze animatie nog een Expression toevoegen...

Je kent hem al: de Inertial Bounce

In de map AEP--- vind je de Inertial Bounce.txt

Open deze en selecteer alles en met CTRL+C kopieer ik de code hieruit.

Ik ga terug naar After Effects en Alt klik op de Stopwatch van de Scale.

Ik plak de code.

Net zoals de vorige keer, deze code ken je al...

Ik verander de amplitude naar: amp = .;

Nu gaat hij iets verder over- en onderschieten.

Dat kun je nu ook beter zien.

Nu de Tekst, deze laat ik infaden.

Ik zet de CTI op Frame en heb de Provincie laag geselecteerd...

en met T open ik de Opacity

Ik klik op de Stopwatch om een keyframe aan te maken.

En ga naar Frame en zet de Opacity op .

Ik zie dat Drenthe dikker wordt. Prima zo!

de animatie is zover klaar.

Voordat ik ga dupliceren is er nog ding.

Ik selecteer de Provincie en ProvincieBalk en type EE in.

En let nu vooral even op deze regels:

de footage("vraagprijs.json") in de Source Text

en de prijs = footage("Vraagprijs.json")

in beide lagen zit een vaste waarde: "Vraagprijs.json"

Mar stel je nu voor dat ik deze voor Vraagprijs-Okt.json wil vervangen.

Dan moet je ze allemaal vervangen: provincies x = keer.

Als ik dit nu zo kan maken dat ik ze allemaal in keer kan vervangen.

Daar heb ik een truukje voor.

Laat ik het gelijk maar maken.

Ik selecteer de Text Tool en klik ergens in het Composition venster.

Ik type: Vraagprijs.json

De naam moet overeen komen met die van zoals hij in het project is geimporteerd.

Ik sleep de tekstvak er even in...

Ik open de laag en ga naar de Source Text toe: Text > Source Text.

Deze ga ik zo linken.

Ik klik in de Provincie laag > Source Text Editor

en Klik voor footage, heb alles gedeselecteerd en ENTER

Ik zal de Editor groter maken.

Hier maak ik een variabele aan en deze noem ik: link

en deze verwijst naar de Source Text van de Vraagprijs json laag

Ik ben nog niet helemaal klaar, wnt ik verwijs nu alleen nog maar naar de sourceText

Maar ik wil weten wat er in zit, dus ik vraag .value op

en ik sluit af met een ;

Nu kan ik de "Vraagprijs.json" weghalen

en hier link inzetten.

Ik klik er nu buiten

en krijg geen foutmelding, dus waarschijnlijk is de code goed.

Dit ga ik ook doen in de ProvincieBa lk laag.

ik selecteer de eerste regel uit de source text van de Provincie

en met CTRL+C kopieer ik deze

en ga nu naar de ProvincieBalk Scale: Transform Group > Scale.

Ikklik voor de prijs type ENTER in en plak de code.

en ook hier vervang ik de: "Vraagprijs.json" met link.

Nog steeds geen foutmeldingen.

Wat maakt dit nu uit zul je zeggen

als ik nu de Vraagprijs -okt.json importeer.

En selecteer deze en met ENTER kan ik de naam slecteren.

en met CTRL+C kopier ik deze.

en die plak ik nu in het tekstveld

zie je dat hij in keer verspringt, er is een andere waarde in Oktober.

Goed, nu wordt het tijd om te gaan dupliceren

Ik zet de Vraagprijs -Okt.json laag op slot en op onzichtbaar.

En ga nu zowel de Provincie als de ProvincieBalk selecteren.

En met CTRL+D dupliceren

Ik sleep beide naar boven. en met EE ...

...haal ik weer de Expressions naar voren.

Hierin verander ik de eerste naar een .

Want ik wil de provincie hebben. Je weet het in Array's van Javascript

begin je met een in plaats van een .

Dat doe ik ook hier in de scale:

Ook hier verander ik de , in ,

Ik selecteer de Provincie en ProvincieBalk

geselecteerd en versleep hem naar de volgende positie.

Nu is het een kwestie van dupliceren:

CTRL + D, naar boven slepen ,EE

Hier de waarde veranderen in

En ook bij de Scale en

Beide balken selecteren en verslepen.

Ik ga dat niet bij allemaal nu doen.

In het AEP----END.aep

Heb ik ze allemaal geanimeerd.