Julia Gruijters (2129723)

@playmediacmd

Welkom bij mijn tumblr-blog voor het vak Play Media, waarin ik wekelijks mijn proces zal bijhouden. Mijn proces zal voornamelijk bestaan uit grafische en auditieve iteratieslagen.

29 posts

Hierbij presenteer ik mijn eindresultaat van de animatie MET geluid! De bronvermelding van alle gebruikte bronnen is in een los bericht op deze blog geplaatst. Verder is vrijwel alles door mijzelf gemaakt, inclusief de achtergrond muziek van deze animatie.

Ik vond het ontzettend leuk om aan de slag te gaan met het creëren van een animatie. Ik vond het daarnaast ook een leuke uitdaging om instructies te geven aan een gebruiker middels de animatie. Kortom, ik vond dit een geslaagd vak waar ik zeker positief op terug kan kijken!

Bronvermelding

Freesound:

https://freesound.org/people/InspectorJ/sounds/416179/ (Book Flip) https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand) https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click) https://freesound.org/people/Bratish/sounds/503273/ (Menu Button) https://freesound.org/people/woodwolf/sounds/239907/ (Kiss) https://freesound.org/people/esperar/sounds/170781/ (Voice) https://freesound.org/people/esperar/sounds/170766/ (Voice) https://freesound.org/people/lebaston100/sounds/264438/ (Woosh) https://freesound.org/people/debsound/sounds/320549/ (Pop)

Freepik:

Freepik Potion (deze heb ik echter wel helemaal gecustomized)

Freepik Cursor (deze heb ik echter wel helemaal gecustomized)

Freepik Parchment (deze heb ik echter wel helemaal gecustomized)

Muziek Animatie Versie 3

Visit Original Link

Dit is de derde versie van mijn eigen gemaakte muziek voor onder de animatie. Ik heb nog wat geëxperimenteerd met de achtergrondmuziek op basis van de feedback die ik heb ontvangen van mijn docent. Naar mijn mening is de hogere en snellere variant mooier, dus ik ga nog even nadenken over welke stijl ik ga toepassen op mijn animatie.

Hierbij mijn eindresultaat van de animatie ZONDER geluid! De versie met geluid zal ik later vandaag uploaden op deze tumblr-blog.

Hierbij de uitwerking van mijn laatste scene, namelijk scene 10. In deze scene wordt aan de gebruiker getoond hoe je liefdesleven kan aflopen wanneer je op Castlefest gebruik maakt van de offline-tinder dienst!

In deze scene heb ik geëxperimenteerd met het toevoegen van een kus-geluidje, maar ik weet niet 100% zeker of ik dit bij de animatie vind passen (al vind ik het wel een leuke/grappige toevoeging).

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

https://freesound.org/people/Bratish/sounds/503273/ (Menu Button)

https://freesound.org/people/woodwolf/sounds/239907/ (Kiss)

Hierbij de uitwerking van scene 9. In deze scene wordt aan de gebruiker getoond wat hem of haar staat te wachten wanneer hij of zij het persoonsgebonden nummer heeft doorgegeven. (Hij of zij ontvangt de gegevens van een eventuele match, waardoor hij of zij contact kan opnemen met die persoon).

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

https://freesound.org/people/esperar/sounds/170781/ (Voice)

https://freesound.org/people/Bratish/sounds/503273/ (Menu Button)

Hierbij de uitwerking van scene 8. In deze scene wordt aan de gebruiker getoond hoe hij of zij de gegevens van eventuele matches kan verzamelen bij de kraam (dit is mogelijk door je nummer door te geven aan een medewerker).

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

https://freesound.org/people/esperar/sounds/170781/ (Voice)

https://freesound.org/people/Bratish/sounds/503273/ (Menu Button)

Hierbij de uitwerking van scene 7. In deze scene wordt aan de gebruiker getoond hoe de nummertjes worden gebruikt door bezoekers van het festival die hem of haar er aantrekkelijk of aardig uit vinden zien.

In deze scene heb ik geëxperimenteerd met het toevoegen van een vrouwelijke stem, maar ik weet nog niet zeker of ik dit echt mooi vind ja of nee. Nog 3 scenes en dan is mijn animatie zo goed als afgerond en wordt het tijd voor de finishing touches!

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

https://freesound.org/people/esperar/sounds/170781/ (Voice)

https://freesound.org/people/esperar/sounds/170766/ (Voice)

https://freesound.org/people/Bratish/sounds/503273/ (Menu Button)

Hierbij de uitwerking van scene 6. In deze scene krijgt de gebruiker wat meer informatie over hoe hij zich moet aanmelden bij de kraam en wat hem of haar dan te wachten staat. Zo laat de guide-character van mijn animatie bijvoorbeeld heel snel zien wat er van je verwacht wordt wanneer je je tinder-nummer in ontvangst hebt genomen.

Ik heb nog wat geexperimenteerd met de beweging van het brilletje van mijn guide-character, maar ook met zijn arm wanneer hij het nummertje op zijn muts plakt. Ik ben zelf erg benieuwd hoe mijn animatie er straks uitziet wanneer alle scenes aan elkaar zijn gekoppeld!

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

https://freesound.org/people/esperar/sounds/170781/ (Voice)

https://freesound.org/people/Bratish/sounds/503273/ (Menu Button)

https://freesound.org/people/lebaston100/sounds/264438/ (Woosh)

Hierbij de uitgewerkte versie van scene 5. In deze scene krijgt de gebruiker uitleg over waar hij of zij zich kan aanmelden voor Offline Tinder en hoe hij of zij deze locatie kan vinden. Zowel de achtergrond als de marktkraam zijn door mijzelf gemaakt.

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/Bratish/sounds/503273/ (Menu Button)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

https://freesound.org/people/lebaston100/sounds/264438/ (Woosh)

Dit is de uitwerking van scene 4 van mijn animatie. Deze scene is niet zo spannend, omdat het puur een scene is waarin kort iets uitgelegd wordt. De scenes die hierop volgen, zullen wat interessanter zijn.

In deze scene kan de gebruiker kort lezen wat Offline Tinder en de daarbijbehorende ‘liefdes-potion’ inhoud. Vind de gebruiker het interessant? Dan kan hij of zij door naar de volgende scene door op de button met ‘Ga verder!’ te klikken. Vind de gebruiker het toch niet zo interessant dan dat hij van te voren dacht? Dan is het ook mogelijk voor de gebruiker om terug te keren naar het hoofdmenu om vervolgens een andere keuze te maken.

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

Ik heb opnieuw geëxperimenteerd met scene 3, omdat ik het gevoel had dat ik nog wat mistte. Zo vond ik dat mijn guide-character weinig tot geen toegevoegde waarde had aan de animatie (behalve dan dat hij puur esthetisch gezien bij de animatie past). Om deze reden heb ik een aantal geluiden toegevoegd waardoor het lijkt alsof hij echt reageert op de interacties van de gebruiker en heb ik zijn wenkbrauw geanimeerd.

Ook heb ik het ‘stuiterende’ effect toegevoegd aan de ‘actieve’ potion, omdat ik dit toch wat beter vond aansluiten bij de actie die erbij hoort (het aanklikken van de potion door de gebruiker).

De potions die gebruikt zijn in deze animatie, zijn afkomstig van Freepik (<- link). Ik heb ze echter wel naar eigen smaak aangepast zodat ze in mijn animatie passen. Ook de geluiden van Freesound heb ik zelf aangepast, zodat deze beter aansluiten bij mijn animatie.

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

https://freesound.org/people/debsound/sounds/320549/ (Pop)

https://freesound.org/people/esperar/sounds/170781/ (Voice)

Ook bij scene 3 van mijn animatie heb ik opnieuw geëxperimenteerd met de interface geluiden. Ik heb nu gekozen voor een wat hoger geluid dat afspeelt wanneer de ‘potions’ naar voren komen. Ik vind dit geluid op zich best wel bij de animatie passen, dus deze wil ik wellicht verder doorvoeren in mijn animatie.

In de vorige scene had ik ervoor gezorgd dat de button waarop geklikt werd een beetje ging ‘stuiteren’. In deze scene wilde ik eens kijken wat het effect is wanneer iets niet beweegt als je er op klikt. Ik vind het persoonlijk leuker als de ‘actieve’ potion (dus degene waarop geklikt wordt) stuitert, in plaats van stil blijft. Het stuiteren van een actief object wil ik dus verder in mijn animatie toe gaan passen.

De potions die gebruikt zijn in deze animatie, zijn afkomstig van Freepik (<- link). Ik heb ze echter wel naar eigen smaak aangepast zodat ze in mijn animatie passen. Ook de geluiden van Freesound heb ik zelf aangepast, zodat deze beter aansluiten bij mijn animatie.

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

https://freesound.org/people/debsound/sounds/320549/ (Pop)

Hierbij de geanimeerde versie van scene 2, het hoofdmenu van mijn animatie. Zorg ervoor dat het geluid aanstaat, want ik heb al wat geëxperimenteerd met de menu-geluiden (denk hierbij aan het toverstaf geluid, maar ook aan de klik-geluiden).

Alle geluiden die ik heb gebruikt zijn afkomstig van Freesound, op het achtergrondmuziekje na. De geluiden die afkomstig zijn van Freesound, heb ik echter wel zelf naar eigen smaak aangepast. Het achtergrondmuziekje heb ik zelf gecomponeerd. In deze scene heb ik echter geëxperimenteerd met de hoogte van het achtergrondmuziekje. Naar mijn mening past deze versie beter bij de look-and-feel van de animatie dan de vorige versie van mijn achtergrondmuziekje.

De cursor die gebruikt is in deze animatie, is afkomstig van Freepik (<- link)

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

https://freesound.org/people/Bratish/sounds/503273/ (Menu Button)

https://freesound.org/people/BenjaminNelan/sounds/321083/ (Click)

Hierbij mijn eerste poging tot het animeren van mijn eerste scene. Ik heb een soort van oud-televisie effect toegepast, maar ik weet nog niet of ik dit bij de algehele huisstijl vind passen. Ik wil dan ook nog graag verder experimenteren met de look-and-feel van mijn animatie. Het geluid van het toverstafje is afkomstig van Freesound.

Bron: https://freesound.org/people/qubodup/sounds/211624/ (Magic Wand)

Op de bovenstaande afbeelding zie je mijn visuele uitwerking van het hoofdmenu van mijn animatie. Daarnaast heb ik deze week een nieuwe styleguide opgesteld (zie de afbeelding onder het hoofdmenu) die naar mijn mening beter aan zal sluiten bij mijn concept, maar ook bij het festival Castlefest zelf. De parchment-vector in het hoofdmenu van mijn animatie is afkomstig van Freepik (<- link)

*Update: Op een of andere magische wijze kan ik mijn illustrator bestanden niet meer correct inladen bij after effects en zijn de lagen niet zichtbaar. Internet heeft mij echter geen oplossing kunnen bieden, dus ga ik tijdens het projectmoment opzoek naar een expert die mij zou kunnen helpen*

Hierbij mijn eerste poging tot lichtelijk animeren van mijn guide-character. Ik wilde hem graag middels een plugin (DUIK Rigging) animeren, maar wegens technische problemen is mij dit tot nu toe nog niet gelukt. Om deze reden heb ik gebruik gemaakt van de Puppet Position Pin Tool die Adobe After Effects zelf aanbied. Ik weet nog niet zeker of dit de manier is waarop ik mijn gehele video wil gaan animeren, dus ik ga mijn best doen om DUIK te installeren.

*Update: Inmiddels is het mij gelukt om DUIK te installeren als plugin voor AE. Hiermee wil ik later deze week aan de slag.*

Julia Gruijters (2129723) @playmediacmd - Tumblr Blog | Tumgag