Json importeren in After effects

uit de cursus Motion infographics maken met 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

Volgende video: Grafiek voorbereiden

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 met waar ik was gebleven bij de vorige video.

Ik ga nu de json importeren in After Effects.

Ik heb een leeg Project in After Effects.

En Ik dubbelklik in het Project venster.

Ik ga naar de werkmap AEP---

en importeer de Vraagprijs.json.

ik maak een nieuwe Compostion aan:

Ik ga naar: Composition > New Composition.

Ik ga deze noemen, Vraagprijs test

En voor de de rest laat ik alle settings zoals ze zijn.

Ik klik op OK.

Allereerst om de data zichtbaar te maken ga ik een tekst plaatsen.

Ik ga naar de Text Tool

Ik maak de kleur wit

en font grootte op , het font maakt niet uit, als de tekst maar leesbaar is.

Ik type de woord tekst in de Composition venster

Nu sleep ik de Vraagprijs.json in de Composition.

Ik klap de eigenschappen open; hierin zie ik data...

en daarin zitten dataOutlines: van tot .

Ik klik dataOutline open.

en ik zie daar tot mijn verrassing de waardes.

Laat ik gaan kijken wat er in de Woningm...sept zit.

Daarvoor klap ik de tekstlaag open

en ga naar: Text en met de Pickwhip van de SourceText

Selecteer ik de Woningmarkt.

en de waarde veranderd in Drenthe.

Als ik de Pickwhip nu sleep naar aantal te koop..

...veranderd de waarde, dat zal hij ook bij de andere waardes doen

Ik sleep hem weer naar Woningmarkt.

Ik klap de Expressions venster open van de SourceText

En hierin zie ik de code die de PickWhip heeft gegenereerd.

Deze refereert dus naar de laag Vraagprijs.json >

en daarin de dataOutline en daarin de Woningmarktcijfers per provincie (Sept )

Laat ik eens gaan kijken wat de dataOutline > Woningmarktcijfers per provincie (Sept )...

...voor waarde geeft.

en deze geeft de waarde: footage("Vraagprijs.json").dataValue([,])

Deze waarde haalt hij uit de footage: oftewel deze json in het project venster.

Ik laat het je zien, ik kopieer de code van de woningmarkt

en plak deze in de sourceText en niets is veranderd

Maar dit keer refereert hij naar dus naar de footage.

oftewel deze json .

ik ga Undo doen.

Beide manieren kun je dus doen, maar deze laag kan problemen opleveren.

Want stel je voor dat de naam veranderd in oktober

Daarvoor ga ik de Vraagprijs.json vervangen.

Dat doe ik door rechtermuisklik op de Vraagprijs.json

Replace Footage > File.

Ik heb een Vraagprijs -Oktober gemaakt

en heb daar een aantal waardes veranderd: ik september veranderd in oktober.

Ik klik op Import

Ik krijg een melding dat de structuur veranderd is van de json.

Ik klik op Ok. En ik zie een foutmelding:

hij kan de link niet meer vinden en dat klopt!

Want als ik nu in Vraagprijs > Data > dataOutline open.

Zie ik dat nu de waarde veranderd is in oktober

Dus ik moet hem weer opnieuw linken, dat kan ik weer doen met de Pickwhip

En nu is de waarde veranderd

Je ziet het: beide manieren werken dus zowel de expression van de SourceText

als de simpele code in de dataOutline.

Ik zelf prefereer de dataoutline variant code.

In de volgende video's zul je zien dat deze het meest flexibele is.