Datagestuurde animatie afronden en updaten

uit de cursus Motion infographics maken met After Effects

Datagestuurde animatie afronden en updaten
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 ga verder in After Effects en heb AEP--- open.

Zoals je ziet heb ik alle provincies nu gedaan.

Deze animatie is nu niet echt spannend

Laat ik de animaties maar in volgorde op komen.

Ik ga alle balk lagen selecteren.

en ga deze boven de Provincies slepen.

Deze lagen wil ik nu in volgorde laten opkomen

Ik kan de lagen nu gaan schuiven maar ik ken een snellere manier.

En deze is handig als je een heleboel lagen in sequence wilt animeren.

Ik zet mijn CTI op Frame

En met de ALT+ ]

maak ik de Balk lagen frames lang.

Dit is de tijd die nodig is om de volgende af te spelen.

Want ik ga dit in sequence doen, en dat doe ik met de rechtermuis toets

Keyframe Assistent > Sequence Layers

Ik heb geen overlap nodig dus ik klik op Ok.

Zoals je ziet is nu de volgorde verkeerd.

Dat komt doordat ik de selectie verkeerd om heb gedaan.

Dus ik ga UNDO doen.

En wat ik nu doe is, Ik selecteer de eerste balk

en met SHIFT ingedrukt selecteer ik de e balk.

En nu Keyframe Assistent > Sequence Layers

Ik klik op OK en nu is de volgorde wel goed.

Nu wil ik ze allemaal evenlang maken, dat doe ik door de onderste...

de achterkant helemaal naar rechts te slepen.

Nu zijn ze weer volledig zichtbaar.

Dat ga ik ook doen met de Provincies, dus ik selecteer als eerste de onderste.

en met SHIFT selecteer ik de bovenste.

Ik ga naar Frame

En met ALT+ ] maak ik ze korter.

Rechtermuis toets Keyframe Assistent > Sequence Layers.

Ik ga deze animatie vlak voor seconde starten

en dat doe ik ook met de balken, alleen die beginnen wat later.

Die beginnen zo rond de seconde

Ik wil nu nog de Provincie namen die in het Illustrator bestand zitten verwijderen.

Daarvoor ga ik naar Layer , want daar zitten ze in.

en met De Rectangle Tool trek ik een masker om de Provincie namen.

Dit masker zet ik dan op Subtract

en nu zijn de provincienamen weg.

Deze laag ik ook animeren: een simpele Fade In.

Dus dat doe ik door Layer geselecteerd te hebben

en met de T toets kom ik bij de Opacity

Ik zet een Keyframe, deze Keyframe sleep ik naar een halve seconde.

en op de eerste Keyframe zet ik de Opacity op .

Prima zo, ik ben zover klaar met de animatie.

Maar de klant heeft nog een opmerking: de Provincies...

...moeten op Prijshoogte worden getoond, nu worden ze alfabetisch getoond

En doordat ik alles dynamisch heb gemaakt, kan ik dit nu heel makkelijk aanpassen.

Ik ga allereerst naar Excel.

Ik wil de lijst nu sorteren op vraagprijs.

Ik selecteer de Vraagprijs Kolom

En ga onder Start > Sorteren en Filteren.

selecteer ik: Sorteren van laag naar hoog

Ik krijg nog een waarschuwing bij het sorteren, ik wil de selectie uitbreiden.

Ik wil het op alle kolommen laten werken.

Nu staan ze op prijs en ik selecteer nu alle kolommen

en met CTRL+C kopieer ik deze.

Ik ga weer online en ga naar csvjson.com.

Verwijder de code en plak mijn eigen code erin.

Ik klik op Convert en aan de rechterkant krijg ik nu mijn json te zien.

Met CTRL+A selecteer ik alles en met CTRL+C kopieer ik dit.

Ik open nu een Teksteditor en plak de code hierin.

Ik ga deze nu opslaan: CTRL+S

en ga deze noemen: Vraagprijs-up.json.

En ik klik op Save. Ik had deze al opgeslagen dus ik vervang hem.

Ik nu terug naar After Effects.

Nu ga ik de json importeren.

ik ga in het projectvenster op een lege plek staan en dubbelklik daar.

En ik importeer de vraagprijs-up.json

Ik klik op Import

Ik scroll in de Composition naar boven en zet mijn dataLink weer actief.

Ik selecteer de Vraagprijs-up.json en met ENTER

selecteer ik de naam en met CTRL+C kopieer ik deze.

en met de Text Tool verander ik de Vraagprijs

naar Vraagprijs-up.json

Zo zien we natuurlijk nog niks

maar ik zie nu wel dat de volgorde van de Provincies veranderd is.

Ik zet dataLink weer onzichtbaar.

Alle Provincies zijn veranderd en zo zie je dat je Flexibel kunt zijn zijn met Data.