Awesome Amsterdam ontwikkeld regelmatig animaties. En dat kunnen we in verschillende stijlen. Maar hoe maak je nou een keuze voor een bepaalde stijl? Dit document helpt daarbij

1. Kiezen van een animatie stijl
Op zoek naar de juiste vorm

2. De stijl van de animatie
Boodschap
Een stijl van animeren moet in een lijn zijn met je boodschap.
Door bij het kiezen voor een stijl rekening te houden met wat je wilt vertellen en aan wie,
vergroot je het effect dat je wilt bereiken.
Uitstraling
Wat wil je uitstralen? Vriendelijk, zakelijk of allebei? Moeten de films herkenbaar zijn als
een serie? Welke rol heeft de afzender (het merk) in de films? En moeten het consitent zijn
met de rest van de huisstijl?
Flexibiliteit
Verschillende stijlen brengen verschillende workflows met zich mee en daar moeten we
rekening mee houden. Verwacht je in een proces veel kleine wijzigingen dan is het
bijvoorbeeld verstandig om met een gemakkelijk aanpasbare stijl te werken.

3. Interactief ?
Hoofdstukken
Met het verdelen van lange animaties in hoofdstukken kom je de ontvanger tegemoet. Hij
of zij kan zich gemakkelijk naar de content bewegen die voor hen relevant is en hoeft de
stukken die niet voor hen bedoeld zijn niet uit te zitten.
Per film (hoofdstuk) adviseren we 1 tot max. 1,5 minuut aan te houden.
Vragen stellen
Je kunt door middel van vragen stellen iemand een bepaalde route laten lopen door je film.
Dit zorgt er voor dat de ontvanger betrokken wordt bij de film en zich wederom beperkt tot
de voor hem of haar relevante onderdelen.

4. Een paar voorbeelden
Op zoek naar de juiste vorm

5. 1. Persoonlijk verhaal
We maken gebruik van een hoofdpersoon die met een aantal logische vragen zit over dit onderwerp. We volgen
deze persoon langs een verhaallijn waarin we de belangrijke onderdelen passeren.
Boodschap:
De focus ligt op de persoonlijke keuzes waar de doelgroep voor staat. De ontvanger wordt bijgestaan door die
keuzes. Niet alleen wordt er hierbij informatie verstrekt en oplossingen geboden. We laten ook zien dat we
meedenken met de klant.
Uitstraling:
Aan de hand van een speelse bewegelijke animatie met een persoonlijke uitstraling houden we het dicht bij de
doelgroep. Tevens is het mogelijk de kleurstelling richting de corporate identity te houden.
Flexibiliteit:
Zeer flexibel, alle elementen zijn gemakkelijk te vervangen, aan te passen en te versterken naar gelang dat in het
proces nodig blijkt te zijn.
Voorbeelden:
Awesome Amsterdam animatie Smart.pr http://vimeo.com/28615925
Thompson Rivers University http://vimeo.com/35969151
Direct Link Finance http://www.youtube.com/watch?v=CMzCcXpuDgQ

6. 2. Zakelijk iconisch
De issues worden besproken als een algemene problemen waar we slimme oplossingen voor bieden.
Boodschap:
De problemen/vragen die de ontvanger heeft zijn universeel, wat een bemoedigende en relativerende werking
heeft. Ook voorzien we de ontvanger van de oplossingen. Hoe moeilijk het ook lijkt, wij kennen het probleem en
hebben de oplossing.
Uitstraling:
Professioneel en merk-consistent. Door binnen de de corporate identity te blijven, behoud je de associatie met
het merk. Gebruik maken van bepaalde typische vormgeving kan een brug slaan met de website en dergelijke.
Flexibiliteit:
Alle elementen zijn gemakkelijk te vervangen, aan te passen en te versterken naar gelang dat in het proces nodig
blijkt te zijn. Maar we beperken ons wel tot een iconische weergave, wat bij sommige onderwerpen wellicht voor
een uitdaging kan zorgen.
Voorbeelden:
Awesome Amsterdam animatie BMW http://vimeo.com/41017815
Google Apps for Business Overview http://www.youtube.com/watch?v=15zSL5infoc
BBC knowledge 60 http://vimeo.com/24263213
Financial crisis http://www.youtube.com/watch?v=qqUGoVez8xg&feature=related

7. 3. ‘Knip & plak’ animatie
Het verhaal wordt verteld aan de hand van figuren die uitgeknipt lijken en achter elkaar worden gezet.
Boodschap:
Nadruk op amusement i.p.v. informatie overdracht. Over het algemeen luchtig, grappig en ‘over the top’.
Uitstraling:
Anders dan anders, creatief en grappig
Flexibiliteit:
Alle elementen zijn gemakkelijk te vervangen, aan te passen en te versterken naar gelang dat in het
proces nodig blijkt te zijn. Arbeidsintentsief proces m.b.t. scripting, verzamelen verschillende onderdelen
en implementatie.
Voorbeelden:
Awesome Amsterdam animatie AVRO Televizier http://vimeo.com/30634950
Awesome Amsterdam animatie New Venture http://vimeo.com/18021196

8. 4. Data gedreven animatie
Deze vorm wordt vaak gebruikt om verschillende vormen van data of statistieken weer te geven
Boodschap:
Overbrengen van data of ontwikkelingen gedurende een bepaalde periode
Uitstraling:
Professioneel en merk-consistent. Door binnen de de corporate identity te blijven, behoud je de
associatie met het merk. Gebruik maken van bepaalde typische vormgeving kan een brug slaan met de
website en dergelijke.
Flexibiliteit:
Alle elementen zijn gemakkelijk te vervangen, aan te passen en te versterken naar gelang dat in het
proces nodig blijkt te zijn.
Voorbeelden:
Awesome Amsterdam animatie Heineken: http://vimeo.com/31167170

9. 5. Getekende uitleg
We zien steeds vaker dat er gebruik gemaakt wordt van een getekende uitleg. Een vorm die sterke
associaties opwekt met een docent of expert die aan de hand van een (voice-over) tekst een visualisatie
laat ontstaan, om de informatieoverdracht te versterken.
Er zijn veel varianten, ieder met voor- en nadelen.
3a - Het whiteboard
3b - Het schrijfblok
3c - Het schoolbord
3d – Animatie van ‘getekende’ elementen
Boodschap: Door te laten zien dat we een probleem herkennen tonen we onze betrokkenheid. We willen
een bepaalde issue verhelderen. Enerzijds door het probleem vereenvoudigd neer te zetten en
anderzijds door informatie en advies te verstrekken over hoe het beste met het probleem om te gaan.

10. 5a Whiteboard uitleg
Een hand die met een duidelijke cartoonesque stijl en handschrift het verhaal in een beweging op een
whiteboard zet. We spelen als het ware de docent of expert die een probleem aankaart en er een
oplossing voor bied. Het verhaal wordt voor de camera (versneld) getekend wat zowel de docent-
associatie versterkt als de kijker fascineert.
Uitstraling:
Whiteboard, met whiteboard markers. De tekenstijl is afhankelijk van de tekenaar die je gebruikt.
Flexibiliteit:
Alles moet in een keer worden getekend wat betekent dat als er zaken aangepast moeten worden dit
voor problemen zorgt. Arbeidsintensief proces.
Voorbeelden:
Awesome Amsterdam animatie Mamaprint http://vimeo.com/38033700
RSA http://www.youtube.com/watch?v=zDZFcDGpL4U
Volkswagen (geen whiteboard wel hand) http://www.youtube.com/watch?v=hsT-GZVuaco

11. 5b Schrijfblok uitleg
Een verhaal dat met een duidelijke cartoonesque stijl en handschrift op een schrijfblok ontstaat. Alsof we
bij een consult o.i.d. een probleem uitleggen aan de hand van een schematische tekening.
Animatie van tekeningen, zonder dat ze ontstaan door een hand in beeld.
Uitstraling: Animeren van getekende onderdelen, op een schrijfblok ondergrond. De tekenstijl is
wederom afhankelijk van de tekenaar die je gebruikt.
Flexibiliteit: doordat we alle elementen eerst in de computer omzetten hebben we meer controle op de
film en is het ook gemakkelijker aan te passen.
Voorbeelden:
Chrome OS http://www.youtube.com/watch?v=LwVX42Amcak&feature=relmfu
Do you own http://www.youtube.com/watch?v=RER95ghO1uQ&feature=relmfu

12. 5c Schoolbord uitleg
Een verhaal dat met een duidelijke cartoonesque stijl en handschrift op een schoolbord ontstaat.
Animatie die aan de hand van een tekst ontstaat, wat de beleving van het verhaal intensiver maakt.
Uitstraling:
Animeren van losse onderdelen aan de hand van een verhaal, op een schoolbord ondergrond.
Flexibiliteit:
Zeer, alle elementen zijn gemakkelijker aan te passen.
Voorbeelden:
Exameneisen http://www.youtube.com/watch?v=g-
JyKdNgtwc&list=UUC_blW6U3qUdLEZC8IzKuCw&index=2&feature=plcp

13. 5d Animatie van tekeningen
Animatie van cartoonesque elementen die aan de hand van een tekst ontstaat en beweegt.
Uitstraling:
Animeren van losse onderdelen aan de hand van een verhaal, met een simplificerende uitstraling door
de getekende elementen.
Flexibiliteit:
Zeer, alle elementen zijn gemakkelijker aan te passen.
Voorbeelden:
Awesome Amsterdam animatie RBS http://vimeo.com/38109207
Google apps for business http://www.youtube.com/watch?v=T_upX2Js72g&feature=related
Google TV http://www.youtube.com/watch?v=m2Ssupe0iz8&feature=relmfu

14. Recente Awesome Amsterdam animaties

15. Belangrijk voor de juiste keuze
Communicatie kracht – overbrengen van de boodschap
Aansluiting bij merk – wat is de rol van het merk?
Uitstraling – zakelijk of vriendelijk?
Doelgroep – wie moet het aanspreken?
Aandacht vasthouden – maximaal 1,5 minuut per film/onderwerp
Flexibiliteit – aanpassingen achteraf makkelijk aan te passen?
Variatie – Onderdeel van een langlopende serie?
Ontwikkelkosten – ontwikkelkosten verschillen per format

16. Vragen?
Olchert Vels - 06 17 44 97 55
olchert@awesomeamsterdam.nl
www.awesomeamsterdam.nl
Vijzelstraat 72, 1017 HL Amsterdam