• Save
Keuze animatie stijl
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Keuze animatie stijl

  • 1,739 views
Uploaded on

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

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

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,739
On Slideshare
1,527
From Embeds
212
Number of Embeds
9

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 212

http://olchert.blogspot.nl 123
http://olchert.blogspot.com 60
http://olchert.blogspot.be 10
http://www.twylah.com 9
http://www.linkedin.com 4
http://olchert.blogspot.it 3
http://olchert.blogspot.de 1
http://webcache.googleusercontent.com 1
http://www.olchert.blogspot.in 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Kiezen van een animatie stijl Op zoek naar de juiste vorm
  • 2. De stijl van de animatieBoodschapEen 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.UitstralingWat wil je uitstralen? Vriendelijk, zakelijk of allebei? Moeten de films herkenbaar zijn alseen serie? Welke rol heeft de afzender (het merk) in de films? En moeten het consitent zijnmet de rest van de huisstijl?FlexibiliteitVerschillende stijlen brengen verschillende workflows met zich mee en daar moeten werekening mee houden. Verwacht je in een proces veel kleine wijzigingen dan is hetbijvoorbeeld verstandig om met een gemakkelijk aanpasbare stijl te werken.
  • 3. Interactief ?HoofdstukkenMet het verdelen van lange animaties in hoofdstukken kom je de ontvanger tegemoet. Hijof zij kan zich gemakkelijk naar de content bewegen die voor hen relevant is en hoeft destukken 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 stellenJe 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 totde voor hem of haar relevante onderdelen.
  • 4. Een paar voorbeelden Op zoek naar de juiste vorm
  • 5. 1. Persoonlijk verhaalWe maken gebruik van een hoofdpersoon die met een aantal logische vragen zit over dit onderwerp. We volgendeze 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 diekeuzes. Niet alleen wordt er hierbij informatie verstrekt en oplossingen geboden. We laten ook zien dat wemeedenken met de klant.Uitstraling:Aan de hand van een speelse bewegelijke animatie met een persoonlijke uitstraling houden we het dicht bij dedoelgroep. 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 hetproces nodig blijkt te zijn.Voorbeelden:Awesome Amsterdam animatie Smart.pr http://vimeo.com/28615925Thompson Rivers University http://vimeo.com/35969151Direct Link Finance http://www.youtube.com/watch?v=CMzCcXpuDgQ
  • 6. 2. Zakelijk iconischDe 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 werkingheeft. Ook voorzien we de ontvanger van de oplossingen. Hoe moeilijk het ook lijkt, wij kennen het probleem enhebben de oplossing.Uitstraling:Professioneel en merk-consistent. Door binnen de de corporate identity te blijven, behoud je de associatie methet 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 nodigblijkt te zijn. Maar we beperken ons wel tot een iconische weergave, wat bij sommige onderwerpen wellicht vooreen uitdaging kan zorgen.Voorbeelden:Awesome Amsterdam animatie BMW http://vimeo.com/41017815Google Apps for Business Overview http://www.youtube.com/watch?v=15zSL5infocBBC knowledge 60 http://vimeo.com/24263213Financial crisis http://www.youtube.com/watch?v=qqUGoVez8xg&feature=related
  • 7. 3. ‘Knip & plak’ animatieHet 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 grappigFlexibiliteit:Alle elementen zijn gemakkelijk te vervangen, aan te passen en te versterken naar gelang dat in hetproces nodig blijkt te zijn. Arbeidsintentsief proces m.b.t. scripting, verzamelen verschillende onderdelenen implementatie.Voorbeelden:Awesome Amsterdam animatie AVRO Televizier http://vimeo.com/30634950Awesome Amsterdam animatie New Venture http://vimeo.com/18021196
  • 8. 4. Data gedreven animatieDeze vorm wordt vaak gebruikt om verschillende vormen van data of statistieken weer te gevenBoodschap:Overbrengen van data of ontwikkelingen gedurende een bepaalde periodeUitstraling:Professioneel en merk-consistent. Door binnen de de corporate identity te blijven, behoud je deassociatie met het merk. Gebruik maken van bepaalde typische vormgeving kan een brug slaan met dewebsite en dergelijke.Flexibiliteit:Alle elementen zijn gemakkelijk te vervangen, aan te passen en te versterken naar gelang dat in hetproces nodig blijkt te zijn.Voorbeelden:Awesome Amsterdam animatie Heineken: http://vimeo.com/31167170
  • 9. 5. Getekende uitlegWe zien steeds vaker dat er gebruik gemaakt wordt van een getekende uitleg. Een vorm die sterkeassociaties opwekt met een docent of expert die aan de hand van een (voice-over) tekst een visualisatielaat ontstaan, om de informatieoverdracht te versterken.Er zijn veel varianten, ieder met voor- en nadelen.3a - Het whiteboard3b - Het schrijfblok3c - Het schoolbord3d – Animatie van ‘getekende’ elementenBoodschap: Door te laten zien dat we een probleem herkennen tonen we onze betrokkenheid. We willeneen bepaalde issue verhelderen. Enerzijds door het probleem vereenvoudigd neer te zetten enanderzijds door informatie en advies te verstrekken over hoe het beste met het probleem om te gaan.
  • 10. 5a Whiteboard uitlegEen hand die met een duidelijke cartoonesque stijl en handschrift het verhaal in een beweging op eenwhiteboard zet. We spelen als het ware de docent of expert die een probleem aankaart en er eenoplossing 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 ditvoor problemen zorgt. Arbeidsintensief proces.Voorbeelden:Awesome Amsterdam animatie Mamaprint http://vimeo.com/38033700RSA http://www.youtube.com/watch?v=zDZFcDGpL4UVolkswagen (geen whiteboard wel hand) http://www.youtube.com/watch?v=hsT-GZVuaco
  • 11. 5b Schrijfblok uitlegEen verhaal dat met een duidelijke cartoonesque stijl en handschrift op een schrijfblok ontstaat. Alsof webij 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 iswederom afhankelijk van de tekenaar die je gebruikt.Flexibiliteit: doordat we alle elementen eerst in de computer omzetten hebben we meer controle op defilm en is het ook gemakkelijker aan te passen.Voorbeelden:Chrome OS http://www.youtube.com/watch?v=LwVX42Amcak&feature=relmfuDo you own http://www.youtube.com/watch?v=RER95ghO1uQ&feature=relmfu
  • 12. 5c Schoolbord uitlegEen 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 tekeningenAnimatie 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 doorde getekende elementen.Flexibiliteit:Zeer, alle elementen zijn gemakkelijker aan te passen.Voorbeelden:Awesome Amsterdam animatie RBS http://vimeo.com/38109207Google apps for business http://www.youtube.com/watch?v=T_upX2Js72g&feature=relatedGoogle TV http://www.youtube.com/watch?v=m2Ssupe0iz8&feature=relmfu
  • 14. Recente Awesome Amsterdam animaties
  • 15. Belangrijk voor de juiste keuzeCommunicatie kracht – overbrengen van de boodschapAansluiting 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/onderwerpFlexibiliteit – 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 55olchert@awesomeamsterdam.nl www.awesomeamsterdam.nl Vijzelstraat 72, 1017 HL Amsterdam