Data bron JSON maken

uit de cursus Motion infographics maken met After Effects

Data bron JSON maken
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.

 

Op een gegeven moment krijg je te maken met excel of database bestanden.

Ik heb hier een excel van de huizenmarkt in Nederland.

De data heb ik overgenomen van huizenzoeker.nl

Deze data komt uit een landelijke database.

En deze database is niet gemaakt in Excel. Maar met een andere techniek.

Uiteindelijk kan deze database Excel spreadsheets genereren.

Zoals hier kun je de gemeentestatistieken in Excel downloaden.

Maar terug naar mijn Excel

Ik heb een aantal kolommen.

Nu wil ik een grafiek maken met de Provincie en de vraagprijs.

Ik klik en sleep over de provincies.

en met CTRL ingedrukt selecteer ik alle vraagprijzen.

Hier in Excel ga ik naar de grafieken optie onder de invoegen tab.

Ik ga naar de d kolommen selecteer daar de eerste grafiek.

Met deze grafiek ga ik straks aan de slag.

Waar het mij nu om gaat is dat ik de data naar After Effects kan krijgen.

Als ik dit document nu opsla als Excel bestand kan After Effects het niet openen.

Ik kan het document ook opslaan als een csv bestand.

En csv staat voor Comma Separated Values.

oftewel door komma's gescheiden waardes.

Het is de meest platte manier om data op te slaan.

Bijna iedere teksteditor of Spreadsheet programmma kan dit openen.

Ook After Effects...

Maar laat ik gelijk maar beginnen: importeer het niet als csv.

Als je het jezelf makkelijker wilt maken, bewerk je de data die je nodig hebt

Ik ga nu alles selecteren, ook de titels

en met CTRL+C kopieer ik dit.

Voordat ik verder ga moet ik een extra stap doen.

Mijn ervaring is dat After Effects het makkelijkste werkt met json.

json staat voor: Javascript Object Notation.

Het is een andere manier om data te structureren.

Hoe krijg ik nu mijn gekopieerde data naar json?

Ik ga daarvoor naar een website

Ik ga naar de website: https://www.csvjson.com/csvjson

In het linkervenster verwijder ik de data

en plak nu mijn data hi er in.

Hieronder klik ik op de knop: Convert.

en in het rechtervenster staat nu mijn json.

Deze waardes moet ik nu gaan opslaan.

Door in het rechtervenster te klikken en CTRL+A...

...selecteer ik alle tekst en met CTRL+C kopieer ik deze.

Ik ga nu naar de map van mijn werkbestanden: AEP---

met de rechtermuis toets > New >Textdocument

Deze noem ik Vraagprijs.json...

en de .txt haal ik weg.

Ik type op enter en Windows vraagt of hij de extensie mag veranderen.

ja dat mag van mij!

Ik dubbelklik op de vraagprijs.json en open deze.

HIer in mijn texteditor

en met CTRL+V plak ik de zojuist gekopieerde data van de website.

Ik zal uit leggen waar je naar kijkt

zodat je straks in After Effects alles makkelijk kunt herkennen.

Ik zie als eerste een blokhaak daarmee opent hij.

en als ik naar onderen scroll wordt hij ook daarmee afgesloten.

Daartussen zie ik groepen van accolades

binnen deze accolades zie ik een terugkerend patroon:

Ik zie als eerste: Woningmarktcijfers per provincie (sept )

met daar achter de provincie naam

Als tweede zie ik aantal te koop met

Dit zijn de aantal huizen te koop in de provincie Drenthe.

Zoals je ziet in Flevoland staat een ander getal.

Dat geldt ook voor de andere waardes

In mijn geval wil ik van iedere provincie uit de lijst...

...de provincienaam hebben en de vraagprijs.

Ik ga dit bestand nu opslaan met CTRL+S

In de volgende video ga ik deze importeren in After Effects.