VIDEO DESCRIPTION:

Play, download and edit the free video Spinne Animation - Making Of / Tutorial.

Vor einiger Zeit, haben wir euch unser doch recht gemeines 5-Jahre-Weltenwandler-GIF mit der verletzten Spinne vorgestellt. Heute wollen wir uns etwas genauer die Umsetzung in AfterEffects anschauen. Die Spinnenbeine wurde nicht per Keyframes animiert, sondern mit untereinander verlinkten Expressions. Die Beine bestehen aus 4 Grafiken, die in AfterEffects übereinander angeordnet sind (Reihenfolge ist in diesem Fall wichtig!). Das erste Element hat eine normale WIGGLE-Expression, alle weiteren darüber haben eine Expression, die auf den Rotationswert eine Ebene darunter referenziert:

…
Ebene Bein1-4 ROTATION = [ value + thisComp.layer(index+1).transform.rotation.valueAtTime(time - 0.1 )*3 ]
Ebene Bein1-3 ROTATION = [ value + thisComp.layer(index+1).transform.rotation.valueAtTime(time - 0.1 )*1.5 ]
Ebene Bein1-2 ROTATION = [ value + thisComp.layer(index+1).transform.rotation.valueAtTime(time - 0.1 )*1 ]
Ebene Bein1-Ansatz ROTATION = WIGGLE
…

Erklärung:
VALUE = Das ist der originale Wert der Ebene, so das man trotz Expression noch die Rotation einstellen kann
hisComp.layer(index+1) = Eine Ebene darunter
valueAtTime(time - 0.1 )*3 = 0.1 Sekunden später + 3x der originale Wert

Dank der Expressions bewegen sich alle Bein-Glieder wie das erste und verstärken die Rotationsbewegung. Damit es organischer und natürlicher aussieht, wurde noch ein minimaler Zeitversatz eingefügt. So können z.B. auch ganze Kutschen animiert werden (wie in DIESEM Beispiel). Falls ihr noch weiterführende Fragen rund um das Thema Expressions Ihr Fragen und Anregungen habt, könnt ihr euch jederzeit hier im Channel an uns wenden, oder besucht uns auf weltenwandler.design.

Download, play and edit free videos and free audios from Spinne Animation - Making Of / Tutorial using RedcoolMedia.net web apps