Animated Infographics

WAT GA JE MAKEN?

Je leert in deze opdracht:

1. Illustrator-bestanden importeren en animeren in After Effects

• Hoe je je ontworpen assets uit Adobe Illustrator importeert naar After Effects en deze klaarmaakt voor animatie.

2. Basisexpressies schrijven in After Effects

• Hoe je eenvoudige scripts (expressies) schrijft om animaties dynamischer en efficiënter te maken.

3. Animaties loopable maken

• Hoe je animaties zo ontwerpt dat ze naadloos herhalen voor een vloeiende weergave.

4. JSON-gegevens koppelen aan After Effects

• Hoe je JSON-bestanden importeert en de gegevens koppelt aan shape layers en teksten om automatisch veranderende weerdata weer te geven.

5. Structuur en projectbeheer in After Effects

• Hoe je een georganiseerde projectstructuur opzet, inclusief het gebruik van een master controller om verschillende animatie-elementen te beheren.

STAP 1: Het maken van de interface en de assets

• Ontwerp in Adobe Illustrator een interface aan met de afmetingen FULL HD en in de juiste kleurmodus.
  In deze interface creeer jij een overzichtelijk overzicht voor het weer van de komende vijf dagen. Je kan hiervoor het voorbeeld gebruiken die gebasseerd is op het weer van RTL4. Maar je kan ook het weerbericht maken van jouw vakantie locatie van de komende zomer en inspiratie opdoen van de lokale zender daar. Zolan je maar ruimte hebt voor de dagen van de week, geanimeerde weer iconen en de temperaturen.
  
  

• Creeer in artboards met de afmeting 500 x 500 pixels vijf verschillende typen weer.
  In het voorbeeld zie je de weertypen zonnig, half bewolkt, bewolkt, onweer en regen. Hou jij meer van de winter, dan kan sneeuw ook. Als het maar verschillende weertypen zijn. Houd hierbij rekening met de lagen die je wilt animeren in After Effects.
  
  

• Sla alle assets (de interface én de vijf losse weertypen) als losse Adobe Illustrator bestanden.
  In After Effects heb je lagen nodig om te animeren op een transparante achtergrond.

STAP 2: Het maken van de interface en de assets

• Hoe Illustrator-bestanden te importeren en te animeren.

• Hoe basisexpressies te schrijven.

• De animaties loopable maken.

STAP 3: Het koppelen van de JSON bestanden

• Inleiding tot JSON-bestanden en hun structuur.

• Basisprincipes van het importeren van JSON-gegevens in After Effects.

• Importeren van JSON-bestanden en koppelen aan shapelayers.

STAP 4: Het fine tunen van het weerbericht

• In de laatste les zal je jouw eventuele foutjes eruit kunnen halen. De vormgeving verbeteren. De animaties nog beter maken.

• Je krijgt ook nieuwe weerdata aangeleverd. Update jouw weerdata en zie of het allemaal goed werkt.

Gedurende de lessen zul je worden aangemoedigd om zelfstandig te experimenteren en creatief te zijn met je projecten. Maak gebruik van de kennis die je tijdens de lessen opdoet en probeer nieuwe ideeën uit. Vergeet niet dat je docenten beschikbaar zijn om je te begeleiden en ondersteunen bij eventuele vragen of problemen die je tegenkomt.

Tegen het einde van de lessen zul je in staat zijn om zelfstandig eenvoudige tot meer geavanceerde animaties te maken met behulp van JSON-bestanden in After Effects. Dit omvat het kunnen animeren van een weerbericht van meerdere dagen. Zorg ervoor dat je alle geleerde concepten en technieken toepast om een indrukwekkend eindresultaat te behalen. Veel succes!

Toelichting bij Beoordeling

Deze rubriek is ontworpen om de voortgang en kwaliteit van je werk in Les 3/5: Weerbericht te beoordelen. Zorg ervoor dat je tijdens het maken van je project aandacht besteedt aan elk van de criteria om een goed eindresultaat te behalen. Experimenteer en wees creatief met de technieken die je leert, en aarzel niet om hulp te vragen aan je docent wanneer dat nodig is. Veel succes!