3 Techniques to Offset Time in Your Animation (AE Tutorial)

Tutorial layout:

Intro and Basic Setup: 0:00 – 7:30

Technique 1 – offset comp: 7:30 – 10:30

Technique 2 – offset expression: 10:30 – 20:15

Technique 3 – time displacement: 20:15 – end

We’d LOVE to see what you make with this. Show us and we’ll include it in the blog!

Also, if you have questions or comments, feel free to let me know.

CODE for offset expression:

Original:

offset = -.5;
//The offset in time, negative half a second.

p = thisComp.layer(“My Animated Layer”);
//The parent layer

t = time + offset;
//The current time minus half a second

p.position.valueAtTime(t);
//Value of the parent’s position property at the current time minus half a second

(Source: http://forums.creativecow.net/readpost/227/9393 )

Code for multiple layers with slider control:

offset = thisComp.layer(“YOUR LAYER”).effect(“YOUR Slider Control”)(“YOUR Slider”) ;
//link everything between = and ; to the SLIDER CONTROL in YOUR comp

t = time + offset * index;
//index is the layer number

thisComp.layer(“YOUR LAYER”).transform.position.valueAtTime(t);
//be sure this is linked to the layer with the animation in YOUR comp

REFERENCE:

Vinicius Arrua’s Channels:

Vinicius Arrua’s Channel

Darby Edelen’s blog on Creative Cow:

Creative Cow Post

Matt Trunks:

MattTrunks.com

Download Project file (AE CS5.5 and up)