2 maanden aan het werk
- Beau van Dijk
- 24 apr 2020
- 7 minuten om te lezen
Bijgewerkt op: 23 jun 2020
Hi, welkom bij een nieuwe blogpost. Vandaag bespreken we wat ik de afgelopen 2 maanden voor opdrachten heb gedaan.
3 op dinsdag
Motion design
Ocean DOOH
Laten we beginnen met de 3 op dinsdag. De 3 op dinsdag is een teaser video die aansluit op een blog die door ons bedrijf heeft gemaakt. Ik gebruik de programma’s Première Pro en After Effects daarvoor.
De eerste stap die ik gedaan heb is het verzamelen van de beelden van de video’s en die in een mappenstructuur gezet zodat niet alles overhoop gaat. Nadat ik dat gedaan heb ben ik de opdracht gaan bespreken met de persoon die mij die opdracht heeft gegeven. De opdracht is de komende 6 weken een teaser video maken met daarbij animaties erin die gaan over de onderwerpen/tips die in de video worden verteld. Ik ben daarna gaan kijken hoe ik de opdracht het beste kan gaan maken door middel van een soort planning te bedenken. Nadat ik dat gedaan heb ben ik de video gaan bekijken zodat ik een inzicht heb van wat er tijdens de video gebeurd en waar het over gaat.
B1-K1-W5
B1-K2-W1
Bij het beginnen van de opdracht heb ik de opgenomen video in Première Pro geplaatst. In de video was het beeld en geluid apart opgenomen dus die moest ik eerst op hetzelfde punt krijgen zodat het gelijk loopt. Daarna ben ik de video gaan knippen met het stukje dat voor die week nodig had om te bewerken en dat deed ik met de kniptool die je met (sneltoets) activeerde. Nadat ik het stukje had uitgeknipt moest ik in de video een blauwe achtergrond zetten zodat de persoon die aan het vertellen was goed in beeld kwam. Dat deed ik met een (tool) en daarmee kon ik de blauwe achtergrond zo goed mogelijk maken voor de video. Verder moest er ook nog een outro bij de video bijgeplaatst worden en die deed ik op dezelfde manier als de video. Nadat gedaan te hebben ben ik de outro en video gaan exporteren voor After Effects.
B1-K2-W1
Ik heb de video en outro in After Effects geplaatst en ben ik begonnen met het bedenken van de animaties die ik in de video ga zetten. Om die animaties te maken gebruikte ik de website Flaticon en daarmee animaties mee combineren en in de video gezet. Nadat ik dat gedaan heb is het daarna de animaties op de goede plek te zetten en de video op een goede manier te laten lopen en dat deed ik met knippen en plakken, verplaatsing van delen video en kijken of niet iets overloopt. Als verder alles klopte was het tijd om de video te gaan exporteren en naar de persoon te sturen die de opdracht gaf en daarop feedback te krijgen.
B1-K2-W3,4
De feedback was per video verschillend en de meest voorkomende waren tekst aanpassen, iets sneller of slomer laten lopen, iets weghalen/erbij doen of de animatie klopte niet zo goed met wat er gezegd werd.
Voor de feedback
Na de feedback
Hieronder een aantal resultaten van de video’s
https://www.linkedin.com/posts/dominiekvanesse_appstore-appadvertising-apppromotie-ugcPost-6653221424519536641-aLa3
https://www.linkedin.com/posts/dominiekvanesse_aso-appstoreoptimisation-3opdinsdag-activity-6643060940990361601-cIxx
Om mijn kennis te vergroten ben ik met een tutorial begonnen over motion design die heb ik gekregen van mijn collega. Motion design het tot leven brengen van grafische vormgeving. Motion design is een onderdeel van animatie door animaties te laten bewegen. In deze tutorial werd er aan mij de opdracht gegeven om de afbeelding hieronder te gaan animeren dus ben ik begonnen met bekijken van de eerste video van de eerste stap. De eerste video ging over het animeren van een vis en hoe je die het beste kan maken en soepel kan laten bewegen.
B1-K2-W1,2,3
In het begin van de video wordt er laten zien hoe je de vis maakt met de pentool en hoe je die moet inkleuren. Daarna laat diegene zien hoe je de animatie gaat beginnen met keyframes en laat zien hoe je de vis kan animeren met de panels die daarvoor bestemd zijn. De vis wordt met een boog geanimeerd en dat wordt met keyframes gedaan en dat doe je de eerste keyframe op het punt te zetten waar de vis staat en de tweede keyframe aan de andere kant van het eerste keyframe zodat hij van de ene kant naar de andere kant gaat en daarna kan je met de pentool de vis in een boog laten bewegen. Dan daarna moet je de vis vloeiend met de lijn laten meelopen en dat doe je door de op de rechtermuisknop te klikken van de laag van de vis, transformeren, auto-orient en dan langs lijn laten lopen en zo loopt de vis vloeiend mee met de lijn daarna kan je de vis nog aanpassen als je er nog niet tevreden mee bent. Zo wordt de vis geanimeerd en dat was ook het eerste deel van de tutorial.
B1-K2-W1
In de tweede video wordt de achtergrond elementen, planten, bomen en lucht geanimeerd. In het begin van de video wordt een tool genaamd Motion Tools MDS geïnstalleerd daarmee kan je hulp krijgen bij het animeren van elementen en helpt ook bij het importeren van Illustrator bestanden naar een AE laag te maken. Daarna wordt de Illustrator bestanden gelijk geïmporteerd en gelijk geëxporteerd naar AE laag met de motion tools. Verder in de video werden de planten en bomen geanimeerd. Als voorbeeld wordt er een plant gebruikt die wordt geanimeerd en wordt als dezelfde manier met de keyframes gedaan als in de eerste video als ze op een andere plek worden neergezet. Maar er komt bij deze animatie iets extras bij kijken want er wordt een expressie toegevoegd (een expressie is een stukje javascript die ervoor zorgt dat het bijvoorbeeld in een loop kan blijven draaien) en de expressie die wordt toegevoegd is een loop zodat je weinig keyframes hoeft te maken in plaats van heel veel. In de rest van de video worden de planten en bomen op dezelfde manier geanimeerd als de plant die voorgedaan werd. Verder werd de lucht geanimeerd met de sterren en die werd met een wiggle transform geanimeerd (een wiggle transform geeft hetzelfde effect als een glitter) en je hoeft daarbij alleen ervoor zorgen dat het een echte neutrale weergave geeft. Dit was het tweede deel van de tutorial.
B1-K2-W1,2,3
In de derde video werd het kampvuur en een karakter geanimeerd. Als eerste werd het kampvuur aan bod, bij het kampvuur werden de vlammen per vlam met keyframes op een andere plek gezet en dat dan een paar keer achter elkaar, het kampvuur werd ook weer een expressie toegevoegd met een loop erin. Verder in de tutorial werd de rode karakter als voorbeeld geanimeerd en de andere 2 moest je daarna zelf gaan animeren. Als eerste werd de karakter geïmporteerd van Illustrator naar AE en werden de lagen naar een AE laag gemaakt. Als eerste werd de arm gedaan met een tool genaamd Bend it (Bend it zorgt ervoor dat een laag via 2 ankerpunten gaat bewegen). De arm werd met keyframes op verschillende punten gezet om te laten bewegen en de tool bend it werd toegevoegd en daarna werd hetzelfde gedaan bij het andere arm. Verder werden de ogen en oren geanimeerd ook op dezelfde manieren die hiervoor ook gedaan werden. Dit was het derde deel van de tutorial.
B1-K2-W1,2,3,4
In de vierde video werden de schaduwen geanimeerd. Als eerste werden de schaduwen op de grond gedaan en die werden met een tool genaamd Turbulent Displace (Turbulent Displace zorgt ervoor dat het soepele bewegingen krijgt) en dat wordt met keyframes bewerkt. Daarna werd de maan haar licht geanimeerd en kreeg het een radio wave effect die je gelijk kan toepassen en aanpassen. Verder werden de bomen en het hout bewerkt met schaduwen en daarvoor was er al een patroon gemaakt dus die werd alleen toegepast en geanimeerd met alle bovenstaande tools die genoemd waren. Nadat dat allemaal gedaan was werd de video geëxporteerd als GIF. Dit was het vierde deel van de tutorial.
Hieronder het eindresultaat
B1-K1-W5
De derde opdracht was een DOOH opdracht. Een DOOH (Digital Out Of Home) is een advertentie bord die je op verschillende plaatsen kan zien bijvoorbeeld langs de snelweg een groot interactief bord. Bij deze opdracht werden er voor verschillende bedrijven een DOOH gemaakt om zo ook een gevoel te krijgen hoe dat is. Bij deze opdracht werkte ik off the side om te helpen voor ideeën. Ik maakte daarvoor ook ontwerpen waar ik dan feedback op kreeg om het beter te doen zodat het meer een leerproces werd van hoe zoiets in elkaar zou moeten zitten. Ik heb geholpen bij Het Faire Oosten en Foodmarket Amsterdam. Bij de eerste stap was ik de bestanden aan het verzamelen en onderzoek gedaan naar het bedrijf en alles in een mappenstructuur gedaan. Nadat ik dat gedaan gedaan heb ben ik begonnen met ontwerpjes/conceptjes maken en kijken hoe en wat het beste zou zijn.
B1-K1-W6
Het Faire Oosten: Kijken hoe de afbeelding en tekst eruit kwam.
Foodmarket Amsterdam: Kijken hoe ik ervoor kon zorgen dat de app gedownload werd.
Daarna had ik feedback gevraagd om zo weer het proces verder te gaan
B1-K2-W1
Feedback:
Het Faire Oosten: Werk met minder vlakken bijvoorbeeld 1 of 2 vlakken. De opacity die kan wel weg want dat zorgt wel voor meer rust
Foodmarket Amsterdam: Je zou kunnen spelen met een mini gradiënt. Experimenteer met de telefoon. Probeer een cirkel/vlak/bubbel of iets dergelijks.
Nadat ik feedback had gekregen ben ik weer aan de slag gedaan en heb de feedback in mijn ontwerpen gaan verwerken. Daarna dat ik klaar was heb ik voor de volgende keer weer feedback gevraagd.
B1-K2-W1,2,3,4
Feedback:
Het Faire Oosten: Je kan sommige delen tekst kan je weghalen.
Foodmarket Amsterdam: Het is te druk. Probeer bij elk element na te denken wat voor functie heeft het. Het moet in een oogopslag te zien zijn wat je laat zien. Kijk goed naar verschillende afbeeldingen
Toen ik voor de tweede keer feedback had gekregen ben ik kritisch gaan kijken wat er nou echt goed laat zien wat de advertentie goed bij de mensen doorkomt.
Hieronder het eindresultaat
De conclusie van deze opdrachten is dat ik er veel van geleerd heb. Ik heb meer kennis gekregen over de programma’s die ik ervoor gebruikt heb en ik weet nu ook meer hoe ik dan een advertentie het beste kan laten zien. Ik kan mijn proces goed vergelijken met wat ik bijvoorbeeld eerst deed als ik zo een soortgelijke opdracht had. Ik ben blij met de dingen die ik heb gemaakt. Ik ga de komende maanden nog zeker veel erbij leren.
Opmerkingen