Scéne & Assets Creëren
Digitaal
Digitaal
Je project is opgezet en in de vorige les Digitaal ben je al meer te weten gekomen over de basis vaardigheden van After Effects. We duiken vrij snel in het leukste onderdeel namelijk, effecten! Je animatie leeft pas echt op als je gebruik maakt van effecten. Het zorgt voor een verrijking van hetgeen wat er gebeurd in jouw animatievideo.
In deze les leer je kennis maken met verschillende effecten die goed te gebruiken zijn om jouw onderwater scene te realiseren. Denk bijvoorbeeld aan het ontstaan van bubbels, zonnestralen die worden vervormd door het wateroppervlak of zeewier dat met de stroming mee danst
Let op: verdrink niet in de alle effecten en hoeveelheid aan mogelijke instellingen... houd het simpel in het begin en wanneer je tijd over heb probeer er dan verder in te duiken.
Leerdoelen
Verschillende effecten ontdekken.
Effecten toepassen.
Adjustment layers toepassen
Gevoel voor samenhang ontwikkelen tussen beeldelementen en effecten, een geloofwaardige scene creeeren.
Werkvorm
Materialen/Benodigdheden
In deze les worden een aantal effecten gepresenteerd waarmee je kunt experimenteren. Pas deze effecten toe en observeer wat er gebeurt wanneer je de instellingen wijzigt. Vaak leer je het snelst door eenvoudigweg instellingen aan te passen en de resultaten te bekijken. Deze les biedt je de gelegenheid om zelfstandig te verkennen en te ontdekken.
Computer of laptop met internetverbinding.
Adobe After Effects.
Bronbestanden gerealiseerd m.b.t. je koraal verhaal.
Externe harde schijf.
Theorie
De vele verschillende effecten in After Effects kunnen variëren van eenvoudige kleurcorrecties tot complexe simulaties. Hier is een overzicht van enkele belangrijke theorieën over het gebruik van effecten in After Effects:
Effectenpanelen
After Effects biedt een scala aan effecten die in verschillende categorieën zijn georganiseerd in het Effecten & Presets-paneel.
Toepassen op lagen
Effecten worden toegepast op afzonderlijke lagen. Sleep een effect op een laag in de tijdlijn en voilà, het effect is toegepast. Het kan zijn dat je al direct iets ziet veranderen.
Adjustment layers
Een adjustment layer past effecten toe op alle lagen die onder deze adjustment layer zitten in de tijdlijn. Handig als je overal hetzelfde effect wilt!
Effect Controls
Wanneer je een effect toepast op een laag, wordt het Effect Controls-paneel links beschikbaar. Hier kan je aanpassingen doen aan je effect, speel ermee en kijk wat er gebeurt.
Keyframing
Veel effecten kunnen worden geanimeerd met behulp van keyframes. Door keyframes op verschillende tijdstippen in te stellen, kan je dynamische wijzigingen in de effecten aanbrengen. Breng bijvoorbeeld de intensiteit van een gloei-effect van laag naar hoog.
Blending Modes
Blending modes bepalen hoe lagen met elkaar interacteren in termen van kleur en helderheid. De verschillende blending modes vindt je op de laag wanneer je rechts klikt op de 'layer name' onder de kolom 'Mode'. Dit werkt precies hetzelfde als in Photoshop.
Effecten stapelen
Verschillende effecten op dezelfde laag reageren op elkaar. De volgorde hiervan is belangrijk en door deze te veranderen kan je uiteindelijke effect totaal doen veranderen! Dus de stapelvolgorde kan cruciaal zijn om het gewenste effect te bereiken.
MAAR HET ALLE BELANGRIJKSTE...
...experimenteer met verschillende combinaties van effecten. Dit leidt tot unieke en creatieve resultaten. Wees niet bang om te zien wat er gebeurd! Ctrl+Z is je grote vriend. 😉
Opdracht
STAP 1. Maak een solid-layer
We beginnen eerst met de achtergrond. Hiervoor maak je een solid layer aan. Klick met rechts ⭢ New ⭢ Solid...
Je nu een pop-up window: verander de naam in 'Background' zodat je weet wat er in deze laag bevind. De kleur mag voor nu op zwart staan, dit passen we straks toch aan.
Wat is een Solid Layer?
Simpel gezegd, gewoon een rechthoek met kleur, hoogte- en breedte waarden. En functioneert als een opvullaag dat ook een startpunt kan bieden voor het aanbrengen van allerlei bewerkingen.
STAP 2. Effect zoeken & toepassen
Zoek rechts bij effects & presets in het zoekbalkje naar 'gradient'
Zie je deze panel niet staan? Zorg er dan voor dat al je panels tevoorschijn komen. Doe dit door te navigeren naar Window ⭢ Workspace ⭢ Essential Graphics.
Als je op 'gradient' zoekt zul je meerdere effecten zien. Kies voor 'Gradient Ramp'.
Sleep dit effect op je Solid-Layer in je tijdlijn.
STAP 3. Effect vinden in je laag
Als het goed is heb je nu een 'Solid-Layer' in je tijdlijn met daarin je eerste effect toegepast, de 'Gradient Ramp'.
Op je laag klick je op het pijltje (naar recht) aan de linkerkant. Hiermee klap je als het waren je laag open en kan je zien wat er allemaal in zit. Je ziet nu twee eigenschappen, 'Transform' en 'Effects'.
Ook Effects kan je openklappen en zie je Gradient Ramp staan, klick deze ook weer open.
STAP 4. Effect aanpassen (eigen maken)
Wanneer je een effect openklapt zie je (bij elk effect anders) een aantal opties en eigenschappen.
In dit geval bij de 'Gradient Ramp' gaan we de twee kleuren aanpassen:
Start Color krijgt: #22B7E5 kleurcode
End Color krijgt: #151D37 kleurcode
Tip: kijk eens wat er gebeurt als je de Start- of End of Ramp waardes aanpast.
Je ziet nu dat de Solid Layer een kleurverloop heeft gekregen, en hieronder zie je het resultaat. De docenten vinden dit mooi, maar misschien wil je het liever anders... Dat is helemaal prima! Pas gerust de kleurcodes aan naar jouw eigen voorkeur, graag zelfs, anders worden alle animatievideo's te veel hetzelfde!
In ons voorbeeld gebruiken we diepblauw, maar voor jullie koraalverhaal speelt het zich misschien af in ondiep water, dan kun je juist beter lichtere blauwtinten gebruiken.
Je weet nu hoe je een effect kunt toepassen, super! Dit werkt op dezelfde manier voor elk ander effect.
We hebben een paar toffe effecten voor je klaarstaan om je onderwaterwereld echt tot leven te brengen. We geven je ook wat voorbeeldinstellingen mee, maar het leukste is om zelf te ontdekken wat het beste werkt voor jouw project.
Dus ga lekker aan de slag, speel met de waardes en zie wat er gebeurt. Daar leer je het meeste van, en het maakt je werk uniek!
Succes!
Oke, de basis van je project staat. Het project heb je aangemaakt, voorzien van de juiste instellingen en de eerste laag staat klaar. Nu gaan jullie de scene invullen. Hiervoor moeten alle assets digitaal uitgewerkt worden.
STAP 1. Verdeel de taken.
Aangezien je in duo's werkt zorgen jullie ervoor dat je de taken verdeeld. De één gaat alle omgeving assets uitwerken zoals bijv. zeewier, rotsen, schipwreck etc. En de ander gaat de karakters uitwerken zoals bijv. de Clownvis of de Zeeanemoon.
De afbeelding hiernaast moet je bekend voorkomen. Bekijk het bestand van het spookje nogmaals hier om te zien hoe je de assets gaat indelen in lagen tijdens het uitwerken. Denk goed na over welke onderdelen straks geanimeerd moeten kunnen worden.
STAP 2. Illustrator of photoshop organiseren.
In het voorbeeld hier rechts zie je dat alle vinnen elk op een aparte laag staat en de rest van het lichaam op één laag. Vergelijk dit op dezelfde manier als wanneer je een menselijke karakter maakt en je bijv. het hoofd, armen en benen ook apart op lagen hebt staan.
Als je dit voor elkaar hebt sla je je werk op als een Ai bestand. Waar? In je project map! Hou alles bij elkaar zo voorkom je problemen in de toekomst.
STAP 3. AI of PSD bestand importeren in After Effects.
In After effects kies je voor bestand importeren, kies dan voor je .ai bestand.
In het dialoogvenster kies dan bij Import As: Composition - Retain Layer Sizes. (Hiermee behoud je de lagen van Illustrator en worden ze één op één overgenomen in After Effects.
Hoe werkt dit precies?
🐡 Houdt de afzonderlijke lagen op hun oorspronkelijke afmetingen zoals je die hebt ingesteld in Illustrator.
🐟 Plaatst de ankerpunten in het midden van elk onderdeel binnen een laag waardoor je direct vanuit het juiste positie kan beginnen met animeren.
🦐 Voorkomt onnodige lege ruimte rondom je objecten.
After Effects maakt automatisch een nieuwe compositie met je geïmporteerde lagen. Zorg ervoor dat je de compositie in de juiste mappen plaatst.
STAP 4. Lagen animeren.
In het Project-venster zie je een map met alle lagen als aparte bestanden. Dubbelklik op de nieuw aangemaakte compositie om deze te openen.
Je ziet nu bijv. al je Illustrator-lagen in de tijdlijn van After Effects. Vanaf hier kun je elke laag afzonderlijk selecteren en animeren zoals je wilt (bijvoorbeeld rotatie, beweging of schaalveranderingen).
Gegenereert door AI
Tips/Bronnen
Evaluatie
Jouw voortgang wordt geëvalueerd op basis van de volgende criteria:
Je begrijpt het toepassen van een effect op het juiste onderdeel in de tijdlijn.
Je weet hoe je een ontwerp vanuit Illustrator kan overzetten naar After Effects.
Hieronder vind je de andere digitaal lesbrieven voor het project Tiny Ocean