Tips en trucs voor animatie in After Effects: Dynamische slingerbewegingen

Ze zijn vaak gevraagd en vaak nodig, slingeringen. In elke vorm van infographics, motion graphics of karakteranimatie komt altijd wel iets voor zoals zwaaien, slingeren, vallen, enzovoort.

Alle acties hebben gemeen dat we ergens een trigger hebben. Bij een zwaaiende arm is bijvoorbeeld onze schouder de trigger en daardoor wordt deze slingering door de arm gedragen.

In het voorbeeld heb ik nu vier uitklapbare borden gemaakt die met kettingen aan elkaar hangen. Als ik de bovenste loslaat, wil ik dat de rest mooi heen en weer slingert.



Hiervoor laat ik aan het begin alle rode vlakken verdwijnen, behalve de bovenste, en begin ik met het animeren ervan. Het zijn vier 3D-lagen en zo kunnen we door de X-rotatie heel mooi laten slingeren.

Ik begin waar je nauwelijks iets van het vlak ziet - bij +90°.

Vervolgens gaan we met de tijdcursor verder en gaan we met de X-rotatie voorbij de 0-gradengrens tot ongeveer -40°.

Dit herhalen we met kleine waarden totdat de slingerbeweging voorbij is. Op het einde moeten we ook echt met kleine waarden spelen zodat de beweging perfect eindigt.

Zo zou de curve er uiteindelijk circa uit moeten zien:

Nu is het tijd om de curve mooier te maken: We markeren alle punten en voegen eerst een 'Easy Ease' toe zodat de curven mooiere bochten krijgen. Met een slow-in en slow-out - dit zijn de Disney-regels - bereiken we zo de dynamische beweging.

Naar mijn idee beweegt het nu alleen een beetje traag, daarom 'strak' ik het wat aan en speel ik de beweging versneld af.

Ik kan nu de andere rode vlakken weer tonen en 'parent' ze aan de respectievelijk onderste laag.

En nu komt de eigenlijke tip:

Ik kopieer de X-rotatie en voeg die in bij de andere kleurvlakken. Als ik zo naar de voorvertoning kijk: ... Het slingert wel, maar het ziet er niet echt dynamisch uit.

Met de U-toets kan ik nu overal de keyframes tonen. Zo wordt het veel gemakkelijker om alle keyframes van een vlak te selecteren en ze wat naar achteren te verplaatsen. Het is zeker ook handig om alles van tevoren te vervagen.

Op die manier wordt de pendelbeweging aanzienlijk vloeiender.

Om alles beter te kunnen zien, kunnen we nu via Laag>Nieuw>Licht… een lichtbron toevoegen.

In het voorbeeld kiezen we voor de parallelle lichtsoort met een intensiteit van 100%.

Nu ziet de slinger er al veel beter uit en kunnen we de beweging veel beter herkennen.

De hoofdtruc is om in zo'n keten de onderliggende animaties een beetje te verplaatsen - zo lijken de animaties veel dynamischer.

Dit werkt ook heel goed bij 2D-objecten. Als je bijvoorbeeld bij objecten met het Puppet Tool en aangehechte Null Objects de rotatie toevoegt. Wanneer hier ook de keyframes van elk punt iets worden verschoven, lijkt de animatie veel beweeglijker.

Ook hier kan ik de videotraining aanbevelen, om het proces beter te begrijpen.