Ontwerpproces verslag over hoe ik een gestileerde Motion Graphic heb gemaakt: een geanimeerd logo van mijn naam.

MOTI Procesverslag

Tutorial voor Rotoscoping in Photoshop. Een nieuwe skill voor mij.

Photoshop How to Convert Photo to Line Drawing

Easy Rotoscope Animation for Beginners - Adobe Photoshop

Dit heeft mij geholpen om de uitlijnen beter te kunnen vinden.

Ook geleerd om een extensie voor Photoshop te installeren en te gebruiken (zie eerste tutorial).

[EN] How to Install my Photoshop Extensions

Feedback &amp; Vervolgstappen Docent gaf als grootste feedback dat er meer statische elementen in de motion graphic verwerkt moeten zitten. De impressie van de inktvlekken is aanwezig, maar het voelt nu nog niet als een organische animatie. De overgetrokken lichaamsanimatie is een goed voorbeeld van wat het zou moeten worden op gebied van natuurlijke hiërarchie van beweging, stijleenheid en look &amp; feel. Om deze reden wil ik meer experimenteren met fysieke materialen. Textuur zou daarbij ook nog een mogelijke toevoeging kunnen zijn van het statische aspect. Ook het kleurgebruik is iets waar de docent en ik zelf niet heel tevreden over waren. Zwart en wit hebben sterk contrast, maar het voelt in deze animatie heel afstandelijk van elkaar. Ook de gekozen paarse kleur voelt niet alsof het hoort tussen het zwart en wit. In het volgende, definitieve storyboard ga ik de gekozen kleuren wel goed laten terugkomen. Ook plan ik meerdere kleuren te gebruiken om mijn innerlijke creativiteit, positiviteit en inclusiviteit te verbeelden. Over het algemeen moet er meer hiërarchie in de motion graphic komen door alle vormen en lijnvoeringen meer in het midden te laten plaatsvinden.

VORMSTUDIES 2: Beeldthema textuur en structuur.

Maak een animatie van een persoonlijk logo die te maken heeft met CMD. In book creator beschrijf je alle stappen die je hebt gemaakt op een professionele manier. De criteria voor deze stappen zijn dat er voldoende iteratieslagen zijn gemaakt. Dit kan zijn gebied van snelheid, materiaal gebruik en verschillende ideeën. Daarnaast moet de student ook duidelijk aantonen dat er verbeteringen zijn doorgevoerd gedurende het hele proces. Het laatste en zwaarst wegende criteria is dat het eindresultaat in eigen stijl is gerealiseerd en in het beeld de hiërarchie en visuele compositie klopt. PDF en link/epub bestand van procesverslag inclusief definitieve Motion Uiteindelijk lever je een graphic in op Brightspace &amp; een PDF met een link/epub bestand van procesverslag inclusief definitieve Motion. Dit moet vóór 9:00 uur op vrijdag 25 maart 2022 worden ingeleverd.

Week 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Week 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Week 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Week 4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Week 5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Week 6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Week 7 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3 t/m 7 8 t/m 11 12 t/m 15 16 t/m 23 24 t/m 29 30 t/m 41 42 t/m 45

Relevant aspect uit de checklist: Slow in-out (versnellen en vertragen)

Wat is er te zien? Een cirkel die groeit uit het niks met een kleine versnelling. De cirkel gaat met dezelfde snelheid ook weer weg. Een hoofdletter A wordt gevormd door een lijntje (/ touwtje) dat op een constante snelheid het scherm op komt. Zodra het begin van het lijntje het scherm af is, komt het einde van het lijntje de A ook weer weghalen. Weer met een constante snelheid.

Wat is het effect ervan? Dat de grote cirkel een beetje versneld in en uit beeld komt is fijn om te zien. De letter a die met een constante snelheid wordt gevormd is saaier om te zien. Er zit geen spanning in de opkomst of het weggaan van de letter A.

Hoe kan het verbeterd worden, of extra worden uitgewerkt? De komst en het weggaan van zowel de grote cirkel als de hoofdletter A kunnen beiden een slow in en slow out gebruiken. Met de bubbels op de achtergrond kan mee worden geëxperimenteerd, maar die zijn interessanter van nature om naar te kijken. Ook is het een opgenomen beeld, waardoor de beweging ook natuurlijk is (natural slow in &amp; slow out).

Wat is het doel daarvan? Het doel van deze toevoeging is om het interessanter te maken voor de kijker om te zien dat er iets in beeld verschijnt en weer weg gaat. Nu gaat dat nog te sloom en kijk je naar wat je al weet dat er gaat gebeuren. Het moet spannend blijven en onverwachts wat er met de Motion Graphic gebeurd.

Relevant aspect uit de checklist: Kleur

Wat is er te zien/horen? Welke tools zijn gebruikt? Er zijn verschillende tinten van roze / paars te zien. De kleuren zijn erg aanwezig, omdat ze bijna neon zijn. Maar het is harder dan neon. Heel 'in your face'. Bubblegum. Om de bubbels die kleuren te geven, zijn er meerdere kleurcorecties toegepast. Op de achtergrond zijn bubbels te horen.

Wat is het effect ervan? Doordat alles 1 kleur is, wordt het voor de ogen moeilijker om onderscheid te maken tussen de letters en de achtergrond. Verder is het een kleur die als 'meisjes kleur' geassocieerd kan worden. Heel vrouwlijk, maar ook onvolwassen. Het is een kleurgebruik dat niet geel serieus is.

Hoe kan het verbeterd worden? Meer verschillende en serieuzere kleuren gebruiken. Diversiteit straal ik graag uit in mijn motion graphic en dat lukt niet met één type kleur. Of in ieder geval kleuren die zo dicht bij elkaar zitten.

Wat is het doel daarvan? Meer rust creëren voor de ogen van de kijker. Het moet rustgevend en inspirerend zijn om te kijken naar de Motion Graphic. Ook moet het nieuwe, bredere kleurgebruik mijn waarden overbrengen. Diversiteit, kleurrijk en creatief staan centraal. Met meerdere en rustigere kleuren denk ik dit effect te kunnen bereiken.

Er zijn heel. veel. experimenten gedaan met deze vloeistof en dit is een selectie daarvan.

Dit heb ik gedaan omdat ik sinds week 1 al iets met vloeistof wilde doen.

Eigenlijk met inkt, maar dat is niet gelukt (mede dankzij corona).

Moonlight Waves GIF

Jamboree Miami

Deze zwart-wit geanimeerde zee met zon vind ik een goed voorbeeld waarin fysieke (textuur) en digitale elementen zijn verwerkt, omdat het zichtbaar digitaal is afgewerkt en de textuur van water met slechts 2 kleuren prachtig is verbeeld. De keuze van het kleurengebruik creëert een sterk contrast in de animatie tussen de lichtbron met verlichte stukjes water versus het donkerdere deel. Wat mij aanspreekt is the look and feel. Hier naar kijken geeft mij veel rust. Dat komt door het geabstraheerde beeld, lange timing en het algemene gevoel van ontspanning als je naar een zonsondergang/opgang kijkt.

Dit voorbeeld is juist een gestileerde animatie vergeleken met de golven. De timing is ook veel sneller in het begin en einde, maar zodra de vrouw in beeld is wordt dat beeld on hold gezet. Zo kan de aanschouwer het gevormde beeld net iets langer bekijken. De animatie is duidelijk digitaal gemaakt, maar lijkt invloed te hebben gehad van een vloeibare substantie voor de manier waarop de kleuren in beeld verschijnen. Gebruik van complementair kleurpalet. Daar kan ik zelf nog veel van leren en dat is een van de grootste redenen waarom dit voorbeeld mij inspireerd. Graag zou ik willen weten hoe de textuur in de bewegende animatie is gerealiseerd. De slow-in en out kan ik in mijn eigen motion graphic toepassen.

De docent gaf als verbeterpunt voor mijn derde motion graphic dat mijn naam langer in beeld moet staan. Hier draait de hele motion graphic om: het visite kaartje van mijn naam. Ook mag de manier waarop de restletters -ïda in beeld komen meer bij de handen/het geheel passen. De bubbels geven een barba papa look &amp; feel en dat past niet bij de rotoscope, realistische animatie van de handen met het touwtje. Verder gaf docent aan dat het geheel niet bij elkaar lijkt te horen&nbsp; De bubbels vs de handen zijn te ver ontbonden qua stijl. In de laatste motion graphic is het waard om na te denken over hoe ik de twee stijlen toch op elkaar kan laten aansluiten. Mogelijk kan ik van de bubbels een transitie te maken naar een andere stijl (of die van de handen) die beter past bij de handen met touwtje animatie.

Ink In Motion

America's Got Talent 2017 Audition Golden Buzzer - Light Balance Dancers Light Up The Stage And Earn

America's Got Talent 2017- Light Balance Dancers

Relevant aspect uit de checklist: Spanningsboog en verrassingselement

Hoe loopt de spanningsboog? De spanningsboog is het hoogste in het begin wanneer het rondje verschijnt en wanneer de bubbels komen. Zodra de hoofdletter A wordt gevormd, wordt het wat minder. Het einde is best voorspelbaar, dus daar is de spanningsboog al vlak.

Wat is het effect ervan? Interessant in het begin. De aandacht wordt ook getrokken door het bijkomende geluid van de bubbels. Maar zonder geluid moet de Motion Graphic ook sterk kunnen zijn.

Hoe kan het verbeterd worden? Door een snellere pace, meer dingen die gebeuren en diverser kleurgebruik denk ik de aandacht er beter bij te kunnen houden van de kijker. De letter A heeft de minste spanning en daar denk ik het meeste aan te kunnen schroeven. Daarintegen zijn de bubbels (vooral met geluid) het grootste verassingselement. Daar wil ik verder mee gaan.

Wat is het doel daarvan? Een over het algemeen fijner uitziende Motion Graphic maken door de spanning hoog te houden. Je moet als kijker niet kunnen weten wat er gaat gebeuren. Dat moet een verassingselement blijven.

Welke ontbreken er nog? 3. Nadruk op compositie, textuur en de behandelde (beeld)aspecten hebben de aandacht gekregen

Is het zichtbaar? Zeker in de tweede Motion Graphic is al meer compositie zichtbaar en textuur. Echter is de compositie nu te centraal en saai. De textuur veel te overweldigend.

Waaruit blijkt dat? De feedback van de docent en een tweede, kritischere blik vanuit mij. Er is te veel gelet op de feedback verwerking van de vorige keer en te weinig op de samenhang van het geheel. Daar ga ik in de derde versie meer op letten.

Hoe kan het verbeterd worden? De textuur van de bubbels zijn leuk om naar te kijken en kunnen als een verassingselement, transitie, etc. dienen. De compositie van de A kan nog een tikkeltje worden verbeterd, terwijl de cirkel die de animatie aankondigd weg/minder saai moet worden.

Wat is het doel daarvan? Om het gevoel te geven aan de kijker dat het hele plaatje van 10 seconden goed is doordacht en met aandacht is verzorgd. Dit bedoel ik op diverse vlakken, zoals tempo, kleur, compositie, textuur en andere (beeld)aspecten.

Beschrijf wat je interessant vindt en waarop je wilt doorwerken. Bedenk en beschrijf hoe deze experimenten kan inzetten voor jouw Motion Graphic. Wat ik interessant vond uit de experimenten was de vloeiende bewegingen die ik met het wollen draad kon maken. Hier wil ik mee doorwerken en kijken hoe ik de bewegingen nog vloeiender kan maken. De experimenten die ik heb gedaan kan ik als inspiratie meenemen voor mijn Motion Graphic. De natuurlijke en simpele bewegingen die ik tot nu toe heb gemaakt zijn een goede leidraad waarmee ik de basis van mijn animatie kan opbouwen.

Geslaagde experimenten Week 1- Slicing, omdat ik de simpele maar toch visueel sterke beweging van ‘slices’ en dat alles daarna uit elkaar valt mooi vind. Ik zie mogelijkheden om de gebroken of gevallen stukjes dan weer mooi bij elkaar te laten komen of iets nieuws te vormen. Week 1- CAPS, omdat dit anders is dan de andere animaties op gebied van technisch denken. Het is makkelijk te zien dat de letters 1 voor 1 als een soort gokapparaat in de juiste categorie vallen (tussen normale en hoofdletter). Het lijkt me leuk om dit soort logische connecties in mijn motion graphic te stoppen. Week 1- Down under, omdat de inkt die vrij komt op een mooie, naturalistische wijze vrijkomt. Met deze vloeiende bewegingen werk ik graag verder, al weet ik nog niet precies hoe ik datzelfde effect kan bereiken digitaal. Week 2- Gone with the draad, want de simpele truc om uit een enkele lijn een woord te genereren of andere illustraties spreekt mij aan. Visueel ziet het er glad uit en ik kan er veel kanten mee op. Week 2- Nietjes, omdat het niet 1 ding is. Dit is denk ik het enige experiment waarin meer gebeurd dan 1 ding, zoals letters in water of een draad die je verbuigt. Het idee dat je met een materiaal meerdere concepten kunt animeren in korte tijd vind ik leuk om verder te onderzoeken. Week 3- 1, omdat het eindresultaat het beste is van de andere die week. De silhouette is in mijn opinie goed gelukt. De letters die exploderen kunnen beter en ik denk dat hier verder op door te bouwen is vanaf dat punt.

Welke technieken wil je gaan testen en inzetten? Cut-Out Animatie, Typografie Animatie en (Digitaal) Getekende Animatie Hoe kunnen concept (profiel), techniek en vormstudies bij elkaar aansluiten. Dat kan door connecties te maken met de aspecten van die drie concepten waar mogelijk. Vormstudies kunnen ook verder uitgedacht worden en het profiel is best breed.

Feedback Docent zei: goed dat je nog steeds veel aan het experimenteren bent zo ver in het proces. De toevoeging van bubbels in de Motion Graphic kan goed werken, maar op deze manier wordt de volledige potentie van de bubbels niet gebruikt. De manier waarop de naam is geanimeerd kan meer zijn dan wat het is. Probeer de bubbels te integreren in de naam. De animatie van het touwtje en de bubbels is voldoende analoog. Er hoeft geen realistische achtergrond toegepast te worden. In dit geval voegt het geen waarde toe en lijkt heel random. Wel goed dat je ook aan geluid denkt.

Relevant aspect uit de checklist: Textuur

Wat is er te zien? Paars / roze bubbels in een rondje (bubbel). Het begint met een vloeistof. Daarna worden vanaf rechts de bubbels geblazen en vervolgens knappen alle bubbels, waardoor de vloeistof weer zichtbaar is. Ook zijn er letters te zien. De hoofdletter A komt zonder textuur geanimeerd in beeld. De rest van de letters -ïda blijven in vloeistof textuur tijdens het bubbelen, waardoor ze zichtbaar worden.

Wat is het effect ervan? Het bubbel effect trekt de aandacht. Er gebeurd heel veel in die textuur. Echter voegt het niet veel waarde toe naast dat feit. Omdat de textuur van de restletters -ïda niet veranderd, gaat daar automatisch je zicht naar toe. Je wilt zien wat er is verstopt.

Hoe kan het verbeterd worden, of extra worden uitgewerkt? Het kan worden verbeterd door de bubbels minder aanwezig te maken. Dat kan door zelf bubbels te tekenen en die in de animatie te verwerken. De letters kunnen interessanter worden gemaakt door de natuurlijke beweging van de bubbel. Zo blijft de textuur van de bubbel in het ontwerp, maar niet zo overweldigend als in Motion Graphic Versie 2.

Wat is het doel daarvan? Om de aandacht van de bubbels op de achtergrond weg te halen en meer op de letters te focussen. Het gaat om de naam, betekenis en vormgeving.

Waar ben je tevreden over. Wat ga je doen of heb je nodig? Hoelang gaat het duren? Wanneer wil je het af hebben?

Ik ben tevreden over de twee motion graphics die ik tot nu toe heb geproduceerd. Ze worden beter en dat ga ik deze keer weer doen door te letten op de punten uit het feedbackformulier. After Effects is een programma dat ik nog niet 100% beheerd. De eerste motion graphic kon ik een stuk beter beïnvloeden, omdat ik meer invloed heb op wat ik maak. Daarom ga ik terug naar Photoshop voor mijn laatste motion graphic. Het zal wel zo zijn dat de framerate niet zo goed is als bij motion graphic 2, oftewel After Effects. Dit kan ik juist als een middel gebruiken. En anders meer overgangsframes maken als verbeterslag op motion graphic 1. De bubbels ga ik zoals de docent aangaf met de hand verder animeren. Een rotoscope zoals in week 3 is voldoende analoog gaf hij aan. Daarom ga ik de hand met touwtje animatie van week 5 proberen daarmee te combineren. Dit gaat een dag of twee duren voordat ik het heb zoals ik het hebben wil. Dat is tenzij ik niet tevreden ben met het eindresultaat en daar iteraties op ga uitvoeren. Graag heb ik het af twee dagen vóór de deadline. Dat is woensdag 23 maart. Ik ga Motion Graphic 3 maken vóór de laatste inlooples, zodat ik nog feedback kan vragen voordat ik het de dag daarna plan in te leveren. Ook laat ik dan deze bookcreator zien om te vragen of dit is wat de docent verwacht.

Basisidee voor Motion Graphic versie 1

VORMSTUDIE 3: Mens en vorm in beweging.

Kies een eenvoudige beweging van een mens. Maak daar een serie foto’s van en zet deze achter elkaar in een programma. Combineer deze beelden met de eerder gemaakte studies van vorm en materiaal. Maak 3 versies.

Van: Aïda Omicevic Studentnummer: 2154905 Klas code: 42CM03H2 E-mail: a.omicevic@student.avans.nl Docent: Jean-François Roebers Padlet link: https://padlet.com/jean40/moti_Jean_GH

Eigen ideeën &amp; de adviezen, tips en feedback van anderen Eigen ideeën: Met het draad en de inkt druppels die in water oplossen wil ik verder gaan. Hoe dit er visueel uit ziet, is best complex en dat spreekt mij aan. Ik wil dat gaan leren en misschien wel in mijn motion graphic verwerken. Docent: Meer diverse iteraties maken zodat niet alles op hetzelfde lijkt (week 4). Verbreed je horizon. Medestudenten: Veel geëxperimenteerd vooral met de letters. De dingen die je interessant vind moet je meer tot uiting brengen. Bedenk wat je als eindresultaat zou willen hebben.

VORMSTUDIES 1 Beeldthema: compositie en beweging &amp; ritme en herhaling.&nbsp;

(iteratie van die &lt;&lt;)

Beschrijf wat je interessant vindt en waarop je door wilt werken. Wat ik interessant vond was het werken met andere materialen zoals water en scharen i.p.v. alleen de letters. Ik wil doorwerken met water, omdat het effect van de inkt die oplost er cool uit ziet.

Zet eerste ingevingen en ideeën op papier.

Welke onderdelen van het CMD spreken jou aan? Waar ben je goed in? Knutselen, knippen en plakken, experimenteren, nieuwe vormgevingen leren, tekenen, creatief oplossen, vrijheid, nieuwe mensen leren kennen die net zo creatief zijn als ik ben &amp; kunstgeschiedenis. Zoek maar interessante voorbeelden: Motion Graphics die jou inspireren. Links naar Motion Graphics die mij inspireren: - Google Logo Animation <a href="https://www.youtube.com/watch?v=BDwiUiitUbQ">https://www.youtube.com/watch?v=BDwiUiitUbQ</a> - When You Say You’re a Swimmer (Eli Guillou) <a href="https://www.youtube.com/watch?v=YaiIkQTSUJ0">https://www.youtube.com/watch?v=YaiIkQTSUJ0</a> - All Kurzgesagt intro’s&nbsp; <a href="https://www.youtube.com/watch?v=XO2Ip7o-Aik">https://www.youtube.com/watch?v=XO2Ip7o-Aik</a> - 2D Motion graphic animation showreel 2018 <a href="https://www.youtube.com/watch?v=Zvc3XK04EIo">https://www.youtube.com/watch?v=Zvc3XK04EIo</a> - Reddit's New Mobile App <a href="https://www.youtube.com/watch?v=cCnTVd9nMoY">https://www.youtube.com/watch?v=cCnTVd9nMoY</a>

Google Logo Animation

WHEN YOU SAY YOU'RE A SWIMMER | Motion Graphics

ALL KURZGESAGT INTROS 2

2D Motion graphic animation showreel 2018

Reddit's New Mobile App

Denk nog eens over na over de vraag hoe jij je wilt profileren als CMD’er. Hoe wil je dat in beeld brengen: denk ook aan de soorten animaties: teasers, infograhics, idents, storytellings etc. Wat past bij jou? Wat ik wil weergeven in de Motion Graphic is mijn houding t.o.v. de studie CMD en het werk dat ik later in die richting wil gaan doen: Leergiering, nieuwsgierig, onderzoekend, vallen &amp; opstaan, doorzetten, doorwerken, plezier, creatief bezig zijn,&nbsp;creëren, communiceren, doorvragen, etc……. Dat wil ik in beeld brengen op een verhalende wijze m.b.v. (natuurlijke) vormen die deze waarden goed verbeelden. Deze vormen moeten vloeiend op elkaar overlopen. Ook wil ik een stukje ‘Aïda’ laten terug komen in de Motion Graphic door er wat chaotische of juist open, vriendelijke vormen &amp; kleuren doorheen te mixen. Dit denk ik het beste te kunnen bereiken via de animatie stijlen: Cut-Out Animatie, Typografie Animatie, (Digitaal) Getekende Animatie, Flip Book Animatie of Zandanimatie.