Tips och tricks för animation i After Effects: Dynamiska pendelrörelser

Mycket efterfrågade och mycket behövda är svängande rörelser. I alla typer av infografik, rörlig grafik eller även karaktärsanimationer förekommer alltid vinkande, svängande, fallande osv.

Alla åtgärder har gemensamt att vi någonstans har en utlösare. Till exempel är vår axel utlösaren till den svängande armen och därigenom förs denna svängning genom armen.

I exemplet har jag skapat fyra utfällbara skyltar som är hopkopplade med kedjor. När jag släpper den översta vill jag att resten ska pendla vackert.



För att uppnå detta börjar jag med att dölja alla röda områden i början, förutom det översta, och börjar animera dem. Det handlar om fyra 3D-plan och så kan vi enkelt låta hela saken pendla genom att snurra på X-axeln.

Jag börjar där man knappt ser något av planet - vid +90°.

Sedan går vi vidare med tidscursorn och går över X-rotationen över 0-gradsgränsen till ca -40°.

Detta upprepar vi med mindre värden tills pendelrörelsen är över. I slutet ska vi också leka med riktigt små värden för att göra rörelsen perfekt till sist.

Så ska kurvan se ut ungefär i slutet:

Nu är det dags att göra kurvan vackrare: Vi markerar alla punkter och gör först en Easy Ease, så att kurvorna får finare rundningar. Med en Slow-In och Slow-Out - det är Disney-regler - uppnår vi den dynamiska rörelsen på det sättet.

Rörelsen känns lite för långsam för mig just nu, så jag "stramar" till den lite och spelar upp rörelsen snabbare.

Nu kan jag visa de andra röda områdena igen och "parentar" dem till de respktive nedre planen.

Och nu kommer den verkliga snabba tipset:

Jag kopierar X-rotationen och infogar den i de andra färgområdena. När jag tittar på förhandsvisningen på det sättet: ... Det pendlar visserligen, men hela saken ser inte riktigt dynamisk ut.

Med U-tangenten kan jag nu visa alla keyframes överallt. På så sätt blir det mycket enklare att välja alla keyframes från en yta och flytta dem bakåt lite. Det är säkert också meningsfullt att fadea in allt innan.

Detta gör pendelrörelsen betydligt jämnare.

För att se allt bättre kan vi nu lägga till en ljuskälla genom Plan>Ny>Ljus....

I exemplet väljer vi parallell ljusstil med en Intensitet på 100%.

Nu ser pendeln mycket bättre ut och rörelsen uppfattas mycket bättre.

Tricket är att i en sådan kedja justera de underordnade animationerna något - så blir animationerna mycket dynamiska.

Det fungerar också mycket bra med 2D-objekt. Om man t.ex. på objekt med Puppet Tool och fästade null-objekt lägger till rotation. Om keyframes även här justeras något från varje punkt, upplevs animationen mycket mer rörlig.

Här kan jag också rekommendera videoutbildningen för att bättre förstå förloppet.