Kinetic Typography
Introductie & Basisvaardigheden
Introductie & Basisvaardigheden
Kinetic Typography is de kunst van bewegende tekst. Het is waar taal, design en film samenkomen. In plaats van woorden simpel op het scherm te zetten, breng je ze tot leven! Laat ze springen, draaien, uit elkaar vallen... het maakt niet uit. Zolang ze de betekenis/context maar versterken en beewegen op het ritme en emotie van je gekozen fragment.
Het doel
Uiteindelijk maak je een Kinetic Typography video van ±10–20 seconden op basis van een zelfgekozen scene/quote's/lyrics met audio.
Na 4 weken heb je:
Een complete Kinetic Typography animatie.
Basisvaardigheden in After Effects.
Kennis over typografie, ritme en animatie.
Deze periode voor deze opdracht is 4 weken. Daarna volgt de opdracht 'Montage maken' in Premiere Pro.
Introductie & Basisvaardigheden
Typografie & Opbouw van Animatie
Effecten
Finetuning, Feedback & Export
Met Kinetic Typography kun je gevoel, sfeer en betekenis versterken. Een simpel woord kan krachtig worden door hoe het verschijnt, beweegt of verdwijnt.
Denk aan songteksten die meebewegen met de muziek, quotes die visueel worden opgebouwd, of filmintro’s waarin typografie de storytelling bepaalt.
Weet jij een goed voorbeeld? Laat het ons weten!
De student kan uitleggen wat Kinetic Typography is en herkennen waarin het verschilt van statische typografie.
De student kan een project aanmaken en navigeert zelfstandig door de interface in Adobe After Effects.
De student kan een passende quote of tekst selecteren en deze vertalen naar een eenvoudig storyboard.
Adobe After Effects
PC / Mac
De theorie wordt door je docent klassikaal uitgelegd.
Je gaat deze opdracht individueel uitvoeren.
Wat is After Effects?
Adobe After Effects is een krachtig programma voor videobewerking en animatie. Het wordt vooral gebruikt voor het creëren van motion graphics, compositing en visuele effecten, vandaar de naam! Met After Effects kun je indrukwekkende animaties en effecten toevoegen aan video's, zoals bewegende teksten, geanimeerde logo's, en complexe visuele effecten die je anders moeilijk zou kunnen realiseren.
Wat After Effects zo leuk maakt, is de enorme creativiteit en flexibiliteit die het biedt. Je kunt er vrijwel alles mee doen wat je je kunt voorstellen op het gebied van visuele effecten en animatie. After Effects heeft talloze tools en mogelijkheden om je ideeën tot leven te brengen.
Wat is FPS
(FPS) Frames Per Seconde dit geeft aan hoe veel beelden in een seconde zitten voor Europa zitten er 25 beelden in een seconde in Amerika zitten er 30 beelden in een seconde. Hoe meer beeldjes je in een seconde hebt hoe vloeiender de bewegingen zijn. Want voor stopmotion zitten er maar 8 tot 12 beeldjes in een seconde.
TIP: Wanneer je met After Effects aan de slag gaat kan je project al snel zwaar worden. Bijvoorbeeld door allerlei bestandjes die je geïmporteerd hebt. En al die bestandjes zet je weer in een mapje die je naar je Onedrive upload. En dan de volgende les er weer vanaf haalt om verder te werken, en dan weer terug upload aan het einde van die les... enfin... je voelt het al wel aankomen. Dit kan makkelijk fout gaan.
Daarom, werk met een externe harde schijf als je die hebt!
De opdracht wordt nóg leuker wanneer je een fragment kiest dat jou écht raakt. Denk aan een krachtige scène uit een film waarin één oneliner de toon van het hele verhaal bepaalt, of een refrein uit een nummer dat je elke keer opnieuw pakt.
Het belangrijkste is dat jouw tekst zonder beeld al sterk genoeg is. Want in deze opdracht draait alles om woorden: jij gaat met animatie de betekenis, emotie en impact van die tekst versterken. UIteraard is het van belang een goed lettertype en kleur te kiezen die in het thema past.
Bekijk enkele voorbeelden:
"... If you let my daughter go now that'll be the end of it. I will not look for you, I will not pursue you, but if you don't, I will look for you, I will find you and I will kill you."
— Wish you where here, Pink Floyd
"Wop, wop, wop, wop, wop, Dot, fuck 'em up. Wop, wop, wop, wop, wop, I'ma do my stuff. Why you trollin' like a bitch? Ain't you tired? Tryna strike a chord and it's probably A minor."
— Not like us, Kendrik Lamar
Forest Gump "Life's a box of chocolates."
Troy Achilles vs Hector gevecht
Pirates of the Caribbean "Worst pirate i've ever seen!"
The Dark Night Joker's Pencil Trick
Conceptontwikkeling
Bekijk eerst de voorbeelden hierboven om inspiratie op te doen. In deze OneDrive-map vind je een aantal scènes die al voor je klaarstaan (audio en tekst). Wil je geen tijd verliezen aan het zoeken van geschikt materiaal? Kies dan gerust één van deze fragmenten.
Optie: Misschien heb je zelf al een scène of fragment in gedachten voor je Kinetic Typography-opdracht. Laat dit dan eerst even aan de docent zien, zodat we kunnen beoordelen of het goed aansluit bij de opdracht. Zorg dat je dit in max 1 lesuur hebt geregeld!
Wat is het allerbelangrijkst als tekst visueel de hoofdrol speelt? Juist, een krachtig lettertype! Een lettertype (font) kies je niet zomaar. Wees heel kritisch op een font dat je kiest. Het moet namelijk binnen het thema van je fragment passen en de inhoud en emotie versterken.
Misschien heb je wel meerdere fonts nodig? Het is handig om de tekst van je fragment te kopiëren in bijv. Illustrator om vervolgens een overzicht te maken welke tekst welk font krijgt.
Bepaal eerst de volgende onderdelen:
font(s)
tekstgrootte
kleur(en)
stijlelementen
Checklist: Maak een mooi overzicht van je font(s), kleuren, stijlelementen etc.
Maak een mini-storyboard
Welk woord komt wanneer?
Hoe verschijnt het in en uit beeld?
Welke sfeer past erbij?
Gebruik je ondersteunende vorm elementen?
Werk je met bepaalde effecten?
Voorbeeld aanleveren linkje naar download bestand
Checklist: Maak een mini-storyboard.
Je After Effects project klaarzetten
New composition:
- Composition name: Digitaal - Kinetic Typography - Naam Achternaam
- Preset: HD • 1920x1080 • 25 fps
- Width: 1920 px
- Height: 1080 px
- Frame Rate: 25
- Duration: 0:00:20:00
Save & autosave
Je composition waar je je animatie in gaat maken staat nu klaar, deze zie je links in je 'project panel' verschijnen en in het groot in de composition window. Voordat je ook maar iets gaat doen, zorg je ervoor dat je 'autosave' aan hebt staan. Dit voorkomt een hoop problemen in de toekomst. Ga naar bovenin naar 'After Effects' → 'Settings' → 'Auto Save', en zorg dat het vinkje aanstaat bij 'save every ... seconds'. Bepaal zelf wat je handig vind!
2. Daarna gaan we je project voor de eerste keer opslaan. Ook al
heb je nog niks gemaakt, we bepalen nu eerst de locatie. Ga
bovinen naar 'File' → 'Save' en maak een nieuwe map aan op je
desktop (of op een andere logische locatie als je met je eigen
laptop werkt). Deze noem je Digitaal-Kinetic Typography-
Naam Achternaam. Het .aep bestand noem je exact hetzelfde!
Voorbereiden
Je bent nu klaar om te beginnen met animeren. Importeer je audio-bestand in After Effects door weer via 'File' te klikken op 'Import' → 'file' en zoek je audio bestand op van je scéne. Je ziet dat de audio file nu ook verschijnt in je 'project panel'.
Installeer de font(s) die je wilt gaan gebruiken.
Als laatste is het belangrijk om wat hulplijnen in te schakelen. Iets wat erg handig is maar snel vergeten wordt. 'Title Action Safe' gebruik je om te controleren of tekst en belangrijke visuele elementen veilig binnen het zichtbare beeld vallen.
Je zet het aan via de knop onderin de composition panel
'Choose Grid and Guide options' → 'Title Action Safe'
Dependencies uitleggen?..
LET OP: Het kan wel eens gebeuren dat de User Interface er bij jou heel anders uit ziet dan bij een ander of wanneer je een tutorial volgt op Youtube. Dit gaan we eerst controleren door naar bovenin het menu naar Window -> Workspace en selecteer dan All Panels.
Nu moet je interface er hetzelfde uitzien als het voorbeeld hieronder. Dit is de standaard layout.
Verken de verschillende onderdelen.
Het Projectpanel is waar de composities die je maakt worden weergegeven (ze kunnen worden gegroepeerd in submappen)
De Timeline is waar je de actie door de tijd heen bestuurt. Het is samengesteld uit lagen
Composition Window is waar je je visuele elementen plaatst en aanpast
De Character & Paragraph is waar je de grootte, het lettertype, de kleur enz. van je tekst kunt instellen
Effects is waar je effecten kunt vinden/toevoegen aan je lagen
De Tools bar is waar je hulpmiddelen vindt om visuele elementen te maken en te bewerken. De eigenschappen aan de rechterkant van het palet veranderen afhankelijk van het geactiveerde hulpmiddel.
Sla je werk op en gebruik de 'dependencies' → 'collect files' methode om al je materiaal te verzamelen zodat je de gehele map in één keer in je OndeDrive kan opslaan. Zo raak je niks kwijt!
Wat heb je tot nu toe af?
Welk fragment, scene, muziekstuk etc. je gebruikt. Titel en platte tekst van het audiofragment.
Overzicht van je font(s), kleuren, (grafische elementen).
Mini Storyboard.