Ontwerpdocument Motion graphic voor Dance4Livestream Een tv-uitzending over Dance4Life.
Marla de Haan Student nr. 481340
Mitchel Bongers Student nr. 524796 AVI - Class A AVI C Mario de Vries
31 oktober 2014
Inhouds opgave
Inleiding Pagina 3
Onderwerp Pagina 3
Beeldmateriaal onderwerp Pagina 4
Beeldmateriaal vormgeving Pagina 5
Concept Pagina 6
Look & feel Pagina 7
Moodboard Pagina 8 en 9
Storyboard Pagina 10 en 11
Kleurgebruik Pagina 12
Typografie Pagina 12
Audio Pagina 13
Presentatie Pagina 14
2
Bronnen Pagina 15
Inleiding
Wat is dit?
Onderwerp
Waar gaat ‘t over?
Dit is het ontwerpdocument voor de opdracht ‘ontwerpdocument motion graphic Dance4life-stream’ behorend tot het vak AVI C van de opleiding Communication & Multimedia Design aan de HAN in Arnhem. Met dit document willen wij laten zien welke richting we op willen met onze motion graphic. Dat betreft de content maar ook de vormgeving van de motion-graphic.
De motion graphic wordt gecreëerd vanuit het oogpunt hem te kunnen gebruiken in de liveshow voor Dance4Life, namelijk Dance4Lifestream. Het doel van deze motion graphic is om uit te leggen wat Dance4Life is, wat de organisatie doet en hoe je zelf deel kunt nemen aan dit initiatief. We hebben gekozen voor dit concept omdat het meer overkoepelend is: het vertelt een beetje over AIDS/HIV, wat Dance4Life is en wat Dance4Life doet en allerlaatste hoe je zelf kunt ondersteunen. In het eerste stukje zit concept 1 deels verwerkt en in het laatste deel zit concept 3 deels verwerkt. Meer informatie over de verschillende concepten lees je in het hoofdstuk ‘Concept (met onderbouwing)’
3
Beeldmateriaal onderwerp
4
Beeldmateriaal vormgeving
5
Concept
Allereerst zijn er drie concepten ontwikkeld voor een dergelijke motion-graphic die tijdens de livstream gebruikt zou kunnen worden.
01 Introductie AIDS / HIV • • • • •
Waar komt AIDS / HIV voor? Aantal mensen dat besmet wordt (per dag / uur / minuut) Met hoe veel procent stijgt het aantal sterfgevallen in deze landen? Hoe staat het met AIDS / HIV in Nederland? Wat kunnen wij doen om dit te verhelpen?
02 Introductie Dance4life • • • •
Wat doet deze organisatie? Voor wie en door wie Het festival Zelf steunen
03 Promotie festival • • • • •
Voor wie? Waarom? Locaties Bands / DJ’s Tickets boeken
Het tweede concept zal verder uitgewerkt worden, naar onze mening is dit het concept dat de meest belangrijke informatie overdraagt. De livestream is opgezet rondom het thema Dance4life, dus de kijker moet ervan op de hoogte zijn wat dit voor een organisatie is. De volgende onderdelen zullen besproken worden in de motion graphic:
6
• • • • • •
Initiatieven van Dance4Life om geld in te zamelen Run4Life Friends4life Supportacties Scholenactie Feestje4life
• • • •
Feesten Inhoud festival Sfeerimpressie Locaties
•
Hoe kun jij wat betekenen voor Dance4Life en de strijd tegen AIDS en HIV? Doneren Vrijwilliger worden Vier je eigen feestje Webshop Vliegtickets Stuur een kaartje
• • • • • •
Look & feel
In ons onderzoek naar de huidige huisstijl van Dance4Life zagen we dat deze wordt gekenmerkt door het gebruik slechts 3 kleuren, namelijk rood, wit en zwart. Opvallend is dat de tekstkleur bijna altijd wit of anders rood is. Deze stijl willen wij doorzetten in ons voorstel voor de motion graphic. Zo zien mensen direct dat het content van Dance4Life of het daar in ieder geval mee te maken heeft. Ter inspiratie voor de motion graphic hebben we gekeken naar een voorbeeld van PUMA. In deze video wordt aan de hand van eenvoudige animaties vertelt hoe en waarom PUMA een nieuwe doos voor hun schoenen heeft ontworpen. De video legt de nadruk op het milieu en de besparingen van de nieuwe doos. We vinden deze stijl zo aantrekkelijk dat we ons concept in eenzelfde vorm willen uitvoeren. Ook in deze animatie wordt gebruik gemaakt van slechts 2 kleuren: rood en wit. Deze animatie willen we combineren met live-action footage, van onder andere de festivals en feesten. In principe worden alle sfeerimpressies op basis van filmbeeld vertoond. Verder wordt het merendeel van de video volledig geanimeerd. Uiteindelijk moet de video een gevoel van power bij je achterlaten. Ga de strijd aan tegen AIDS/HIV! Dans! Eerst een goede impressie geven van het probleem, daarna vertellen wat Dance4Life is en hoe het de strijd aangaat met deze ziektes, vervolgens hoe jij onderdeel kunt worden van die strijd.
7
Moodboard
8
9
Storyboard 1
2
1150
De motion graphic begint met een wereldkaart waarop wordt weergegeven waar overal AIDS / HIV heerst.
In de motion graphic verschijnen cijfers over de sterfgevallen.
5
6
JIJ! De campagnes en uitingen van Dance4Life worden aangehaald.
De introductie is afgelopen. Nu wordt verteld hoe jij wat kunt betekenen voor de strijd tegen AIDS/HIV
9
10
Strijd mee! Op een kaart van Nederland wordt getoond waar al deze feesten zijn.
10
Laatste strijdkreet om meer jongeren in actie te krijgen.
3
4
Dance4Life wordt ge誰ntroduceerd en er wordt verteld wat Dance4Life doet.
Er wordt verteld over de verschillende acties en festivals.
7
8
Friends4Life De verschillende mogelijkheden om Dance4Life te steunen worden aangehaald.
Er wordt getoond wanneer het volgende festival is en hoe je tickets kunt kopen.
10
Afsluiten met het logo van Dance4Life.
11
Kleur gebruik
Het kleurgebruik in de video zal voornamelijk rood met wit en zwart zijn, aangezien dat de huisstijl van Dance4Life is waarop we ons voor deze motion graphic gaan baseren. Dit om optimale herkenning te creëren voor het publiek. De achtergrond wordt afwisselend wit of rood. De teksten worden afwisseld rood, wit of zwart. Enige onmogelijk combinaties zijn: • Rode achtergrond, rode tekst • Rode achtergrond, zwarte tekst • Witte achtergrond, witte tekst Meer over deze algehele vormgeving lees je in het hoofdstuk ‘Look en feel’.
Typo grafie
12
Ondanks dat er voornamelijk gebruik wordt gemaakt van illustraties in deze motion graphic, komen er ook kleine stukjes tekst in voor. Deze worden uitgevoerd in het lettertype ‘ITC Avant Garde Gothic’. Dit lettertype gebruikt Dance4Life ook in de titels op hun website en papieren uitingen.
Audio
De audio zal in drie verschillende vormen toegepast worden: • Voice-over • Achtergrond-muziek • Geluidseffecten Deze drie audio elementen zullen allemaal, een voor een, hun werk doen om de motion-graphic compleet te maken.
Voice-over
Het verhaal van de motion-graphic wordt verteld aan de hand van grafische elementen, fotografie en video. Om dit te ondersteunen zal er gebruik gemaakt worden van een voice-over. Het is van belang dat deze voice-over beschikt over een vriendelijke en rustige stem die de beelden toelicht en er zo voor zorgt dat beeld en geluid één geheel worden.
Achtergrond-muziek
Terwijl de voice-over toelicht wat er in beeld te zien is, zal er een achtergrondmuziek draaien die de sfeer van de motion-graphic bepaalt. Deze muziek zal een vlot tempo en positieve, hoge tonen bevatten. Het publiek moet een positief beeld krijgen van dance4life en enthousiast worden om zelf deel te nemen aan dergelijke initatieven. Dit kan niet gerealiseerd worden aan de hand van een treurig of spannend stuk muziek. De muziek bepaalt de sfeer en het beeld dat de kijker krijgt.
Geluidseffecten
Naast deze twee audio-elementen zal er nog een derde element gebruikt worden, namelijk de geluidseffecten. Deze effecten zullen bepaalde animaties ondersteunen. Bij de verschijning van een animatie met oplopende getallen, zal er een geluidseffect geplaatst worden dat lijkt op het draaien van de getallen van een casino-automaat. Zo zullen dergelijke geluidseffecten het beeld versterken.
13
Presentatie
De presentatie voor ons concept doen wij aan de hand van dit ontwerpdocument. In een tiental dia’s, met ieder een duur van ongeveer 20 seconden, leggen we onze concepten uit en gaan we dieper in op het gekozen concept. In de presentatie hebben we het inhoudelijk over de motion graphic, maar ook de stijl die we willen hanteren. Daarnaast onderbouwen we waarom we deze stijl willen en hoe we ertoe geïnspireerd zijn. In principe wordt alle informatie uit dit ontwerpdocument samengevat in de presentatie verwerkt. In de presentatie maken we alleen gebruik van afbeeldingen en geen teksten. Dit is volgens het Pecha Kucha concept voor het geven van presentaties.
14
Bronnen PUMA. (13 april 2010). Clever Little Bag by PUMA and FuseProject [Video] Verkregen via http://www.youtube.com/watch?v=vwRulz8hPKI Screenshots, logo’s en video content zijn eigendom van PUMA AG.
Dance4Life. (2014). Logo’s, advertenties, screenshots van video’s en fotomateriaal Verkregen via http://www.dance4life.nl/nl/home/home/ Logo’s, advertentiepublicaties, videocontent en fotomateriaal zijn eigendom van Stichting Dance4Life Nederland.
15