Embedded Files
LEKKER BELANGRIJK
LEKKER BELANGRIJK
Als grafisch vormgever ontkom je er niet aan: Overal zien we motion design. De abri bij de metro is een LED-scherm met bewegende reclames. Een beetje social media reel heeft geanimeerde typografie. De titel van een serie verschijnt op een creatieve manier in beeld. In de winkel hangen beeldschermen met bewegende aanbiedingen die jouw aandacht willen. Tijdens een concerten zie je vooral het beeldscherm achter de artiest. Enzovoort.
Dus ja... Motion is lekker belangrijk.
WEEK 1
WEEK 1
"Zijn traditionele animatie-technieken nu nog relevant?"
"Zijn traditionele animatie-technieken nu nog relevant?"
Je moet meegaan met je tijd. Niemand zit te wachten op boomer-design. Dat is waar. Toch kan "vintage" voor elke ontwerper een belangrijke inspiratiebron zijn. Ook vintage-technieken. Onderstaande link gaat naar een presentatie over de geschiedenis van animatie.
DOE-OPDRACHT
DOE-OPDRACHT
Voor deze opdracht heb je circa 70 minuten de tijd.
Bedenk een titel voor een fictieve film. Kies voor maximaal 2 lettergrepen, zodat je niet in tijdnood komt.
Bedenk een stop-motion-concept om de titel in beeld te brengen. Dit kan met foto's of door te tekenen. Je mag bij deze oefening NIET digitaal tekenen. Dan gaat het "ouderwetse" effect verloren. Mik op circa 25 tot maximaal 50 frames.
Maak de foto's of de tekeningen.
In Photoshop maak je een animated-GIF van al jouw frames. Houd er rekening mee dat dit best wat tijd kost. De tutorial legt uit hoe je dit kan aanpakken.
Als je liever andere software gebruikt, dan is dat ook prima. Zolang je er maar een animated-GIF mee kan maken.
Lever de animated-GIF in bij de docent.
TUTORIAL
TUTORIAL
Als je niet weet hoe je in Photoshop een "stop-motion-animatie" maakt, volg dan onderstaande tutorial. Deze legt het je uit; ook hoe je de animatie opslaat als animated-GIF.
INSPIRATIE
INSPIRATIE
FEEDBACK
FEEDBACK
Klassikaal bekijken we alle animaties.
Kan jij raden wat voor soort film de maker van de animatie in gedahte had? Horror? Romantiek? Actie? ...? Welke elementen in de vormgeving maken dat jij dit denkt?
WEEK 2
WEEK 2
"Hoe maak je een realistische animatie?"
"Hoe maak je een realistische animatie?"
Weinig animatoren kunnen echt realistisch animeren. Sinds "motion capture" bestaat, wordt meestal een acteur ingezet voor realistische animaties. Het werk van de animator is vaak het styleren van een beweging. Hij of zij maakt de beweging mooier, of heftiger, of opvallender dan de realiteit. Maar ja... Hoe doe je dat dan?
Vorige week heb je geleerd dat Disney de eerste grote animatie studio ter wereld was. Er waren toen nog geen opleidingen voor animatie. Disney moest haar tekenaars zelf opleiden. De "theorie" die ze toen ontwikkeld hebben, wordt nu nog steeds op animatie-opleidingen aangeboden.
DOE-OPDRACHT
DOE-OPDRACHT
Voor deze opdracht heb je circa 70 minuten de tijd.
Je ontwerpt een introductie-animatie van jouw eigen initialen, of jouw eigen logo (als je die hebt.)
De animatie zou gebruikt kunnen worden in jouw portfolio-website, of op jouw social media.
Het voorbeeld is gemaakt met After Effects. Als jij liever andere software gebruikt, dan is dat prima. Voor deze oefning is het formaat even niet belangrijk. Ook het aantal secondes maakt niet uit; 5 seconden kan al genoeg zijn.
Bij deze opdracht gaat het erom, dat je zoveel mogelijk "karakter" of "emotie" of "verhaal" in jouw animatie laat zien. Gebruik de animatie principes.
Open After Effects. Maak een nieuwe compositie en zet er 2 letters in, elk in een eigen laag. (Of importeer jouw logo.) Pas kleuren en fonts aan naar eigen inzicht.
Bedenk de animatie die je wil maken:
Wil je een emotie laten zien?
Hebben de 2 letters interactie met elkaar?
Moet de animatie een "loop" zijn, of is er een begin en een eind?
Zet eerst de keys grof neer. Doe dit alleen voor positie, rotatie en misschien ook schaal. Probeer de timing goed te krijgen. Het hoeft nog niet perfect.
Pas de grafieken aan, zodat de "ease-in" en "ease-out" kloppen.
Voeg kleine details toe in de beweging.
Blijf testen en keys verschuiven, totdat de docent zegt dat de tijd op is.
Vergeet niet het AE-bestand op te slaan. Exporteer de animatie naar een mp4-bestand. (H.264)
TUTORIAL
TUTORIAL
Als je niet weet hoe je de techniek achter deze opdracht aanpakt, volg dan onderstaande tutorial.
INSPIRATIE
INSPIRATIE
FEEDBACK
FEEDBACK
Open jouw animatie op jouw beeldscherm. Zet deze groot in beeld. Speel hem af met een oneindige herhaling.
Alle studenten krijgen 3 post-its.
Alle studenten lopen rond en plakken de post-its bij de animaties die ze het beste vinden.
Met de hele klas kijken we welke animaties de meeste post-its hebben.
Waarom spreekt deze zo aan?
Wat heeft de animator goed gedaan?
WEEK 3
WEEK 3
"Welke macht heeft een camera?"
"Welke macht heeft een camera?"
Wanneer je een film kijkt, wil de regiseur dat jij emoties voelt, in verwarring bent, of juist een aha-moment hebt. Natuurlijk zijn de acteurs, de muziek en de belichting hierbij belangijk. Maar onderschat niet welk effect de camera heeft.
Onderstaande link gaat naar een presentatie over camera-composties en beweging.
DOE-OPDRACHT
DOE-OPDRACHT
In 2 lessen maak jij een korte social reel om een klasgenoot te introduceren. Deze les ga je filmen. Volgende les ga je editten.
FILM ALLES STAAND - PORTRAIT
Maak duo's. (Trio's zijn eventueel ook toegestaan.)
Zoek verschillende interessante locatie waar je elkaar kan filmen.
A: De "acteur" doet iets (lopen, drinken, ...). De camera staat op een EXTREME positie. Bijvoorbeeld extreem laag, of extreem dichtbij, of recht van boven, of...
B: De "acteur" staat stil. De camera beweegt van een EXTREME positie naar een andere EXTREME positie. Bijvoorbeeld van heel ver weg naar in het oor. Bedenk zelf originele dingen.
Zorg dat je heel veel beeldmateriaal hebt. De videobeelden heb je volgende les nodig. Dus sla ze goed op.
TIPS
TIPS
Op de meeste telefoons kan je de hulplijnen voor de "regel van derden" laten zien. Dat helpt tijdens het filmen.
Zet de resolutie van de video laag. Bijvoorbeeld op 1024 x 768 pixels. Dan worden bestanden niet zo zwaar. Dat scheelt met downloaden en bewerken.
Let op de achtergrond. Je wil niet dat daar "iets" de aandacht wegtrekt van de acteur. Een lege achtergrond werkt meestal het beste.
Misschien kan je een karaktereigenschap van de acteur extra benadrukken?
Je mag een fictief verhaal bedenken bij de acteur. Dat kan houvast geven bij het bedenken van de shots.
Vergeet niet dat alle shots "portrait" moeten. Je kan niet later "portrait" en "landscape" door elkaar in 1 video editten.
INSPIRATIE
INSPIRATIE
FEEDBACK
FEEDBACK
Deze week ben je op pad met de camera. Je hoeft niet terug te komen voor feedback.
WEEK 4
WEEK 4
"Hoe beinvloed een edit de sfeer?"
"Hoe beinvloed een edit de sfeer?"
In een video kunnen beelden elkaar snel opvolgen, of langzaam. Toch zijn dit niet de enige trucjes die een editer tot zijn beschikking heeft. Sfeer wordt voor een groot deel bepaald in de edit.
Onderstaande link gaat naar een presentatie over de trucjes van de editer.
DOE-OPDRACHT
DOE-OPDRACHT
Voor deze opdracht heb je circa 70 minuten tijd.
Kies een kort stukje muziek waarop je gaat editen.
Open Premiere of After Effects. Mag je zelf weten. Importeer al jouw filmpjes van vorige week.
Importeer de muziek. Zoek circa 15 seconden uit waarop jij wil editen.
Maak een edit van circa 15 seconden. Knip op de beat van de muziek.
Voeg tekst toe om de klasgenoot te introduceren. Bijvoorbeeld "Dit is Karlijn" of "Ontmoet Akib".
Sla op als MP4-bestand en lever in bij de docent.
TUTORIAL
TUTORIAL
Als je niet weet hoe je de techniek achter deze opdracht aanpakt, volg dan onderstaande tutorial.
INSPIRATIE
INSPIRATIE
...
FEEDBACK
FEEDBACK
Op de beamer bekijkt de docent met de hele klas een paar filmpjes. Klassikaal bespreken jullie...
Welke camera-shots werken goed?
Wat verwacht je van een persoon als die zo aangekondigd wordt?
Hoe houd het filmpje jouw aandacht vast?
Zit er een kop, romp en staart aan het filmpje?
WEEK 5
WEEK 5
"Wat is de meerwaarde van beweging in een grafisch ontwerp?"
"Wat is de meerwaarde van beweging in een grafisch ontwerp?"
Aandacht is goud waard. Bedrijven geven miljoenen uit aan reclame. Ze willen allemaal opvallen. Onze ogen reageren heel sterk op beweging. Dit is dus een krachtige tool in de stijd om aandacht. Daarnaast kan je beweging gebruiken om iets uit te leggen zonder woorden, of om een emotie uit te drukken.
Als aandacht zo waardevol is, hoe kan jij als ontwerper dan een ontwerp of animatie maken, die aandacht krijgt? Hier is veel wetenschappelijk onderzoek naar gedaan.
DOE-OPDRACHT
DOE-OPDRACHT
Voor deze opdracht heb je circa 70 minuten de tijd.
Je ontwerpt voor een digitale abri bij de metrohalte.
De opdracht is verdeeld in 2 delen; Photoshop (circa 20 minuten) en After Effects (circa 50 minuten)
Bedenk een korte, pakkende vraag. (vb: Wat doet natuur met jou?)
PHOTOSHOP
Zoek een foto die enigszins past bij de vraag. (vb: Een groene berg met watervallen.)
Open de foto in Photoshop. (Voor nu letten we even niet op het formaat en de orientatie.)
Knip de foto in grote stukken. (In het voorbeeld zijn het best veel stukken. Dat is veel werk. Probeer maximaal 5 stukken te gebruiken.)
Elk stuk moet je in een eigen laag staan !!!
Sla op als Photoshop-bestand.
AFTER EFFECTS
Importeer het Photoshop-bestand in After Effects. Let op dat je "COMPOSITION - RETAIN LAYER SIZES" selecteert en kies voor "CREATE COMPOSTION".
Open de nieuwe composition in de tijdslijn. Waarschijnlijk duurt deze 10 seconden, met 30 fps en een zwarte achtergrond. Dit kan je zo laten, maar je mag het ook aanpassen.
Animeer de foto-stukken. Probeer met de beweging iets uit te leggen. (Rust, urgentie, inspanning, instorting, vrolijk...)
Voeg de tekst toe. (Jouw korte, pakkende vraag.) Soms moet je voor elk woord een aparte laag maken. Soms niet.
Als je tijd over hebt, dan kan je nog spelen met filters, fonts, kleuren, enz.. Ook kan je proberen de timing nog verder te verbeteren.
Vergeet niet het AE-bestand op te slaan. Exporteer de animatie naar een mp4-bestand. (H.264)
TIPS
TIPS
Als je de foto in stukken knipt, dan kan je "lijnen" in de foto gebruiken. Je kan ook expres niet die lijnen volgen.
Deze opdracht is veel werk voor 1 les. Knip de foto in maximaal 5 stukken.
Je moet snel werken om de opdracht in de les af te krijgen. Ga niet heel nauwkeurig selecties maken in Photoshop. Werk grof en snel. (Als een foto-stuk beweegt, zie je de "foutjes" toch niet.
Maak in Photoshop een laag met een kopie van het originele plaatje. Voor het geval je die later nog nodig hebt. (In Photoshop of After Effects.)
Als je niet meer weet hoe After Effects werkt, dan kan je de tutorial van week 2 bekijken.
Maak in After Effects eerst het begin frame en het eind frame. Maak daarna pas de animatie er tussenin.
INSPIRATIE
INSPIRATIE
...
FEEDBACK
FEEDBACK
Elke student opent de eigen animatie op zijn scherm en zet die op een oneindige herhaling.
Alle studenten lopen langs alle schermen om alles te bekijken.
Ga bij het scherm staan waarvan HET ONDERWERP jou het meeste aanspreekt. De docent vraagt enkele studenten waarom ze die keuze hebben gemaakt.
Ga bij het scherm staan, waarvan jij DE BEWEGINGEN het interessantste vindt. De docent vraagt enkele studenten om toelichting.
Ga bij het scherm staan, waarvan jij de GRAFISCHE VORMGEVING het sterkste vindt. De docent vraagt enkele studenten om toelichting.
BEOORDELING
BEOORDELING
WEEK 6
WEEK 6
....
Page updated
Google Sites
Report abuse