Animated ICONS

In deze eerste software gerichte opdracht ga je aan de slag met het in beweging zetten van iconen. Je leert hoe je van Illustrator naar After Effects werkt en maakt de workflow goed eigen. Met slimme technieken in After Effects geef je een eenvoudig icoon snel leven. Deze tips en tricks kun je ook toepassen bij grotere opdrachten voor je opdrachtgevers.

Het gebruik van iconen is iets wat je regelmatig voorbij ziet komen in uitleganimaties en geanimeerde infographics. Je wilt graag dat de kijker kijkt naar dat plekje op het scherm waar jij wilt dat de kijker naar kijkt. Jeetje wat een ingewikkelde zin.

Wanneer een icoon te zien is moet hij schreeuwen om aandacht. Dat doe je met beweging. Er zijn veel toffe technieken in After Effects waarmee je dat kan doen.

We gaan in deze opdracht een viertal iconen uit Adobe Illustrator importeren en die animeren met de eerste set eenvoudige maar toffe technieken. Het thema is "plekjes op de wereld". Het vijfde icoon maak je zelf binnen dezelfde stijl.

Lesmateriaal

1.D World - Masking

Beoordeel het Adobe Illustrator bestand op correctheid. Maak eventuele aanpassingen om het animeerbaar te maken.
Haal de sublaag met de twee wereldkaarten los en plaats deze in hun eigen laag.
Maak een nieuwe Composition aan die geschikt is voor Instagram (1080*1080px30fps).
Plaats alle lagen en voeg een maskerlaag toe met een ovalen shape.
Animeer de aarde binnenin het masker.

1.E YOUR OWN LANDMARK - YOUR OWN TECHNIQUES

Maak een eigen icoon binnen de serie in Adobe Illustrator. Let op correctheid. Maak eventuele aanpassingen om het animeerbaar te maken.
Maak een nieuwe Composition aan die geschikt is voor Instagram (1080*1080px30fps).
Animeer het icoon met eigen technieken. Omschrijf stapsgewijs op jouw express page jouw technieken.

1.F The EDIT

Maak een nieuwe composition van 1080*1080px30fps en plaats daarin de vijf verschillende geanimeerde iconen achter elkaar.
Exporteer de video in hetzelfde formaat als de composition.
Let goed op de lengte van de animatie en voorkom een aantal seconden zwart aan het einde.

Page updated

Google Sites

Report abuse