Ontwerp document 1
Student: Moja Schuring Studentnummer: 513192 CAVI klas: A Groep: 5 Docent: Mike Menijn Datum: 13/10/13
Inhoud Inleiding
3
Research 4 Concept 6 Look en feel 8 Moodboard 10 Schetsen 12 Storyboard (low fidelity) 14 Storyboard (high fidelity) 16 Kleurgebruik 18 Typografie 19 Muziek 20 Voice-over 21 Ontwerpproces 22 Animaties 30 Reflectie 32 Bijlagen 33
Inleiding
3
De opdracht is op een informerende motion graphic te ontwerpen voor TV Gelderland, onderdeel van Omroep Gelderland. Voor het ontwerpen van deze infographic is er keuze uit drie onderwerpen, namelijk: - - -
Bisschop Hamer Gers Pardoel De Stuwwal bij Nijmegen
Ik heb ervoor gekozen Bisschop Hamer als onderwerp te nemen. Ferdinand Hamer was een katholieke Nijmeger die zich tijdens de Bokseropstand in China heeft opgeofferd voor het geloof. Naar aanleiding daarvan is er in Nijmegen een herdenkingsmonument geplaatst. Uit de infographic mag niet duidelijk worden waar dit standbeeld precies staat. In het analysedocument is meer te lezen over Bisschop Hamer.
Het eindresultaat is hier te bekijken: https://vimeo.com/78352955
Research
5
Om tot een concept te komen voor de infographic ben ik begonnen met research te doen naar andere motion graphics. Hierbij heb ik me georienteerd op het onderwerp (genre: geschiedenis) en op de vormgeving. Meer over deze research is te lezen in het analyse document, inclusief visuele voorbeelden.
Daarnaast heb ik een mindmap gemaakt rondom het onderwerp ‘Bisschop Hamer’. Dit heb ik gedaan om mijn ideeën voor de animatie snel op papier te krijgen. Daarnaast worden er elementen in genoemd die bruikbaar zijn voor de infographic.
Concept Het concept is ge誰nspireerd door de verschillende research die ik vooraf heb gedaan. Hierover wordt uitgebreid vertelt in het analysedocument. De infographic zal gaan over het leven van Ferdinand Hamer, zijn missie in China, de Bokseropstand en zijn gruwelijke dood. Zijn verhaal zal in het kort verteld worden, in een chronologische volgorde. Hierbij zal er niet ingegaan worden op alle details omdat anders de infographic te lang wordt. De infographic zal eindigen met het standbeeld van Ferdinand Hamer. Natuurlijk klopt dit met de chronologische volgorde, maar dit is ook omdat de vraag voor de uitzending zal gaan over het monument.
7
Look en feel
9
De infographic wordt in de quiz gebuikt als introductie bij de vraag over Bisschop Ferdinand Hamer. Naar aanleiding van de research wordt het duidelijk dat motion graphics die ook vallen onder het genre ‘geschiedenis’ vooral fotografisch zijn. Hierbij wordt verschillende malen gebruik gemaakt van 3D-effecten. Dit zal ook toegepast worden in mijn
infographic over bisschop Hamer, door middel van collagetechnieken en lagen.De beelden zullen worden versterkt door een voice over. Door het gebruik van zwart-wit en sepia wordt het feit dat het draait om geschiedenis versterkt. Daarnaast zal er ook gebruik gemaakt gaan worden van texturen. Denk hierbij aan verkleurd papier of koffievlekken.
Moodboard Om inspiratie op te doen en een eerste impressie te geven van de infographic heb ik een moodboard gemaakt. Hierin is de stad Nijmegen te zien, zowel als een foto van de winkelstraat als op een kaart uit 1865. Ook Ferdinand Hamer wordt twee keer weergeven: een schilderijportret en het standbeeld. Als laatste is een deel van Hamers afscheidsbrief te zien. Door middel van de kleuren wordt het duidelijk dat het om oud materiaal en geschiedenis gaat.
11
Schetsen
13
Om tot een concept en storyboard te komen voor de motion graphic ben ik mijn ideeen op papier gaan zetten. Ik heb hiervoor schetsen gemaakt met wat aantekeningen erbij die als uitleg dienen bij de schetsen. Het zijn veel losse ideeen die niet allemaal het uiteindelijke storyboard hebben gehaald.
Storyboard
Low fidelity
15
Storyboard
High fidelity
17
Kleurgebruik Uit de beelden van de motion graphic moet duidelijk worden dat het gaat om een verhaal wat zich ruim 100 jaar geleden afspeelde. Dit doe ik door te letten op het kleurgebruik. Er zal voor de afbeeldingen voornamelijk gebruik gemaakt worden van zwart-wit/sepia tinten. De achtergrond zal bestaan uit een afbeelding van oud papier, dit is een bruintint. De landkaart die te zien zal zijn in de infographic wordt rood. Deze kleur staat voor strijdlustigheid, vastberadenheid en loyaliteit. In de motion graphic slaat dit op Ferdinand Hamer’s missie naar China. Hij is hierbij loyaal aan het geloof en vastberaden om het geloof te verspreiden. Ook wordt de kleur rood vaak geassocieerd met de dood. In dit geval klopt die associatie aangezien de missie in China ook Hamer’s dood betekend. C: M: Y: K:
24 100 100 23
Typografie
19
In het analyseverslag heb ik onderzoek gedaan naar het gebruik van typografie in motion graphics van hetzelde genre. Tijdens het ontwerpproces heb ik echter besloten geen gebruik te maken van tekst in de animatie. Hier heb ik bewust voor gekozen. De beelden en de voiceover vertellen samen heel duidelijk verhaal, wat maakt dat tekst in de animatie overbodig zou zijn.
Muziek Bij de motion graphic hoor je op de achtergrond gezang dat kenmerkend is voor de kerk. Ferdinand Hamer wijde zijn leven aan het geloof, wat uiteindelijk ook zijn einde betekende. De muziek komt dus goed overeen met het onderwerp. Daarbij is de muziek vrij rustig, net als de beelden. Dit maakt ook dat de muziek de aandacht van de kijker niet teveel afleidt van de voice-over. Geluidseffecten De geluidseffecten zijn er om beeldelementen te versterken. Hieronder een lijstje van de geluidseffecten bij de beelden: - - - -
Katholieke kerk: luiden van kerkklokken. Geloof verspreiden: In China worden kerken in elkaar gehamerd. Bokseropstand: Oorlogsgeluiden. Overlijden van Hamer: Het knetteren van het vuur.
Voice over
21
-
Het is de bedoeling dat de motion graphic ondersteunt wordt door een voice-over. Deze ga ik zelf inspreken. Hieronder is de verhaaltje te lezen dat verteld gaat worden. Deze heb ik geschreven naar aanleiding van de gedane research. Ferdinand Hamer is geboren op 21 augustus 1840 in Nijmegen. Hij groeit op in een katholiek milieu en besluit zijn leven te wijden aan het geloof. Na intreding als priester sluit hij zich aan bij de missionarissen van Scheut, een katholieke gemeenschap. Hiervoor vertrekt hij naar China, met als doel het katholiek geloof te verspreiden. Hamer heeft veel succes bij de lokale bevolking. In 1878 ontvangt hij de titel van bisschop. Het succes is echter niet blijvend. In China is de Bokseropstand
aan de gang, met als doel alle vreemdelingen uit China te verdrijven. In 1900 bereikt de opstand het gebied waar Hamer aan het werk is. Hij blijft stug op zijn post, met als gevolg dat hij gevangen genomen, gemarteld en uiteindelijk vermoord wordt. Nederland is geschokt. Twee jaar na zijn dood wordt er na een landelijke geldinzamelingsactie een monument voor hem opgericht.
Ontwerpproces
23
Het ontwerpproces van de motion graphic bestaat uit verschillende stappen. Ik ben begonnen met het maken van schetsen, waarna ik uiteindelijk een low fidelity storyboard heb kunnen maken. Om dit low fidelity storyboard om te zetten naar een high fidelity storyboard ben ik gaan photoshoppen. De photoshopresultaten heb ik uiteindelijk in After Effects geanimeerd om het gewenste resultaat te krijgen. In dit hoofdstuk worden een aantal processen getoond.
Voor deze scene ben ik begonnen met het creëren van een compositie. Ik heb Hamer uitgesneden, evenals het vergrootglas. De rand van de kaart heb ik met een brush zo bewerkt dat deze gescheurd lijkt. De compositie heb ik in After Effects geïmporteerd. Ik heb een adjustment layer aangemaakt en het vergrootglas hieraan gekoppeld. Om het vergrooteffect te creëren heb ik gebruik gemaakt van een mask, waar vervolgens twee effecten op zijn toegepast: Bulge en Magnify. Deze combinatie creëerde het gewilde effect. Om de effecten mee te laten bewegen met het vergrootglas heb ik deze ‘parents’ gemaakt van de positie.
25
Voor het maken van de landkaart heb ik onderstaande afbeelding gebruikt. Door middel van de optie ‘kleurbereik’ heb ik in Photoshop de drie continenten uitgesneden zodat ik ze alle drie als een verschillende laag heb. Vervolgens heb ik ze allemaal rood gemaakt en los opgeslagen als .png bestanden. Door middel van de overvloeimodus ‘linear burn’ heb ik het effect gecreëerd dat de kaart onderdeel van de achtergrond lijkt. Door het toevoegen van het ‘Bulge’ effect lijkt de kaart net wat ronder, net als wanneer je naar een wereldbol kijkt. Als laatste heb ik de drie lagen geanimeerd zodat ze net als in de originele afbeelding tegen elkaar liggen. De continenten drijven naar elkaar.
27
Hier heb ik een poging gedaan om onderstaande foto zo te bewerken dat 29 ik hem 3D kan laten lijken. Hiervoor ben ik begonnen met het uitknippen van alle personen, zodat elk in een andere photoshoplaag staat. Als ik hier vanuit een 3D effect wil creĂŤren en de camera beweegt in After Effects zie je dat dezelfde persoon ook nog op de achtergrond staat. Vandaag dat ik de achtergrond heb bewerkt met het kloongereedschap. Op die manier lijk het dat de persoon en de achtergrond twee verschillende dingen zijn. In After Effects heb ik alle losse lagen in de volgorde geplaatst van de personen in de afbeelding. Vervolgens heb ik de camera laten bewegen om het 3D effect te creĂŤren.
Animaties Voor de animaties van de motion graphic was het belangrijk dat er met de cameratool en een 0-object in After Effects werd gewerkt. In mijn animatie is te zien dat de camera over de achtergrond beweegt. Deze volgt de bewegingen van het gekoppelde 0-object. Daarnaast was het de bedoeling dat er gebruik gemaakt zou worden van 3D-lagen (zie plaatje hiernaast). In mijn animatie is dat te zien doordat de camera wat draait en kantelt waardoor je de lagen niet van recht voor ziet maar van iets opzij. In de animatie verschijnen er objecten op de achtergrond. Deze
objecten verschijnen door middel van het overgangseffect ‘gradient wipe’.
31
Reflectie Ik ben erg tevreden over hoe ik deze opdracht ben gestart en heb uitgevoerd. In tegenstelling tot de vorige opdracht (de titelsequentie) heb ik dit keer alle op te leveren producten wel in de juiste volgorde gemaakt: eerst analysedocument, dan het ontwerpproces en uiteindelijk het eindresultaat. Hierbij heb ik gemerkt dat het komen tot een eindresultaat een stuk eenvoudig is wanneer je goed onderzoek hebt gedaan rondom het onderwerp. Doordat ik goed onderzoek had gedaan naar het onderwerp Ferdinand Hamer was het eenvoudig om de juiste informatie te kiezen die ik wilde laten horen in de voice-over. Ik vond het echter wel lastig om de voice-over tekst in de opgegeven tijd te passen. De tekst kon dus geen details bevatten. Om
deze zo beknopt mogelijk te krijgen heb ik drie verschillende versies gemaakt (deze zijn te zien in de bijlage). Zo kon ik precies mijn eigen aanpassingen bijhouden. Daarnaast heb ik de voice-overtekst zelf steeds opgelezen om deze te timen. Uiteindelijk ben ik toch erg tevreden over hoe dit is gegaan. Met mijn voice-overtekst als basis ben ik een storyboard in elkaar gaan zetten. Hierbij had ik toch aardig wat moeite met een goed visueel beeld te creĂŤren in mijn hoofd. Om mezelf daarbij te helpen ben ik op zoek gegaan naar materiaal dat ik zou kunnen gebruiken in de animatie. Dit hielp heel erg en binnen de kortste keren had ik een storyboard. Bij de vorige optie had ik de basis van After Effects al goed onder de knie gekregen. Dit was echter de eerste keer dat ik met 3D-lagen en een 0-object heb gewerkt. Door het kijken van tutorials kreeg ik dit snel onder de knie. Uiteindelijk ging de realisatie van de animatie zonder problemen en ben ik erg tevreden met het eindresultaat.
Bijlagen - Voice-over - Versie #01 - Voice-over - Versie #02
33
VOICE-OVER - VERSIE #01
Ferdinand Hamer werd geboren op 21 augustus 1840 te Nijmegen. Hij groeide op in een katholiek milieu en besloot zijn leven te wijden aan het geloof. Na zijn intreding als priester sluit Hamer zich aan bij een katholieke gemeenschap, genaamd de Scheutisten. Hiervoor vertrekt hij in 1865 naar China, met als doel het katholieke geloof te verspreiden. Hij heeft veel succes met de Chinese bevolking. In 1878 ontvangt hij de titel van bisschop. Het China waarin hij terecht kwam was een grootmacht in verval. Dat gaf de westerse mogendheden de kans om hun eigen belangen te gelde te maken in het land. Dit leidde tot onvrede bij het volk. Zo ontstond er een Chinese nationalistische beweging met als doel de vreemdelingen uit China te verdrijven. De opstand bereikt het gebied waar Ferdinand Hamer aan het werk was. Ondanks het advies om te vertrekken vanwege de lage overlevingskansen, bleef Hamer stug op zijn post omdat hij zijn bekeerlingen niet in de steek wilde laten. Hamer wordt gevangen genomen, gemarteld en uiteindelijk vermoord. Katholiek Nederland is geschokt. Twee jaar na zijn dood werd er na een landelijke geldinzamelingsactie een monument voor hem opgericht.
VOICE-OVER - VERSIE #02
35
Ferdinand Hamer werd geboren op 21 augustus 1840 te Nijmegen. Hij groeide op in een katholiek milieu en besloot zijn leven te wijden aan het geloof. Na zijn intreding als priester sluit Hamer zich aan bij een katholieke gemeenschap, genaamd de Scheutisten. Hiervoor vertrekt hij in 1865 naar China, met als doel het katholieke geloof te verspreiden. Hij heeft veel succes met de Chinese bevolking. In 1878 ontvangt hij de titel van bisschop. In China was er een nationalistische beweging aan de gang die bekend staat als de Bokseropstand. Het doel was om alle vreemdelingen uit China te verdrijven. In 1900 bereikt de opstand het gebied waar Ferdinand Hamer aan het werk is. Hamer wil zijn bekeerlingen niet in de steek laten en blijft stug op zijn post, met als gevolg dat hij gevangen genomen, gemarteld en uiteindelijk vermoord wordt. Katholiek Nederland is geschokt. Twee jaar na zijn dood werd er na een landelijke geldinzamelingsactie een monument voor hem opgericht.