In de tip van vandaag wil ik met jullie enkele methoden voor sprite-animatie uitleggen - met sprite-animatie bedoel ik wat ons in staat stelt om te animeren met meerdere afzonderlijke beelden. In het voorbeeld heb ik een smiley gemaakt met twee open ogen en een paar mond bewegingen.
Ik heb het geheel opgedeeld in meerdere lagen: terwijl de hoofd- en ooglagen de hele tijd zichtbaar zijn, zijn de mondlagen opgedeeld zodat ze gemakkelijk kunnen worden uitgewisseld. De compositie duurt in totaal 7 frames, waarbij bij elk frame een nieuwe mond beweging zichtbaar wordt.
We kunnen nu de smiley-compositie in een nieuwe compositie laden en met een rechtsklik op de compositie> tijd> frame onze animatie zo plannen dat op een bepaald moment een bepaalde mondlaag in de smiley-compositie wordt weergegeven.
Bovendien kunnen we nu de smiley-compositie naar believen verlengen - in het voorbeeld verleng ik de nieuwe compositie tot 20 seconden.
We kunnen nu de stopwatch bij de beginsituatie van de mond activeren en het gewenste frame kiezen.
Als we verdergaan met de tijdcursor, hebben we de mogelijkheid om verdere mond bewegingen te kiezen door eenvoudig een nieuwe keyframe in te stellen en de tijd van de S-compositie aan te passen.
In het voorbeeld laten we onze smiley eerst verdrietig kijken, daarna zegt hij iets en tot slot wordt hij gelukkig. We zouden de smiley-compositie nu meerdere malen kunnen dupliceren en de animatie wordt overgenomen.
We kunnen hiermee al behoorlijk goed animeren, maar helaas hebben we niet zoveel mogelijkheden met de tijdvervormingsmethode. Een andere methode hiervoor zou de expressieoplossing zijn - hiervoor kunnen we de smiley-compositie echter niet herhaaldelijk gebruiken zoals bij de tijdvervormingsmethode mogelijk is.
Ik kopieer nu de smiley-compositie en noem de compositie "Expression". Vervolgens selecteer ik alle lagen van de S-compositie, ga naar het begin met de tijdcursor en druk op Alt+Ö en ga vervolgens naar het einde van de animatie en klik op Alt+Ä, om alles te verlengen.
We maken nu een compositie 3 en voegen daar de "Expression"-compositie aan toe. Voor mijn expressie wil ik nu een schuifregelaar voor de mond elementen maken en dat bereik ik door Effectinstellingen> Einstellungen für Expressions> Einstellungen für Schieberegler. Ik blokkeer dit even ....avif "Tips en trucs voor animatie in After Effects: Sprite-animatie"){kind=icon}
... en nu voer ik het volgende in bij de Dekkracht van elk mondobject in de expressie:
sld = Math.floor HIER GELIEVE TE VERBINDEN MET DE AANGEMAAKTE SCHUIFREGELAAR);
if(sdl == index) {
100
}else{
0
}.avif "Tips en trucs voor animatie in After Effects: Sprite-animatie"){kind=icon}
Met een rechtermuisklik op de waarde van de schuifregelaar kunnen we de laatste waarde instellen op 7 (voor 7 verschillende mond bewegingen).
Als we de regelaar nu verplaatsen, zien we hoe de mond bewegingen veranderen - bovendien is het nu veel gemakkelijker om de juiste waarde vast te leggen.
Het voordeel van deze methode is dat het veel gemakkelijker is om meerdere elementen te combineren. Zo kunnen we bijvoorbeeld nog een aangepaste expressie voor de ogen maken en ze bijvoorbeeld laten knipperen.
sld = Math.floor HIER GELIEVE TE VERBINDEN MET DE OGEN-SCHUIFREGELAAR+8);
if(sdl == index) {
100
}else{
0
}
Als we willen animeren met de regelaar van 0-1 (0 voor open ogen, 1 voor gesloten ogen), kunnen we achter de bron 8 toevoegen met +8.
En zo kunnen we eenvoudig met de stopwatch de expressies sturen en de smiley animeren. Een dergelijk expressiesysteem is weliswaar complexer, maar ook veel flexibeler bij het animeren.
Het enige nadeel is dat we een even lange expressie-compositie als eindcompositie moeten hebben om ervoor te zorgen dat het tot het einde werkt..avif "Tips en trucs voor animatie in After Effects: Sprite-animatie."){kind=icon}
