Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects Delay time and offset rotation (Fanning Cards Animation)

  • Delay time and offset rotation (Fanning Cards Animation)

    Posted by Francis Saldaña on April 17, 2019 at 3:55 am

    Hi! I am new on using After Effects and I am thinking if there is an easy way of creating a “fanning cards” like animation using expressions. I used the valueAtTime expression and layer index to delay the animation of the duplicate layers. However, I am not familiar with offsetting the end keyframe of the parent layer.

    For example, the PARENT layer will rotate from 0° to 15° only. Then the CHILD layer will rotate from 0° to (15°+15). Then the next CHILD layer will rotate from 0° to (15°+30).

    I would really appreciate your answers and it will help me a lot. Thank you so much.

    Vivien Lemaignan replied 5 years, 4 months ago 3 Members · 5 Replies
  • 5 Replies
  • Tomas Bumbulevičius

    April 17, 2019 at 10:42 am

    Hey Francis,

    please share the delay expression you are currently using to enhance it further.

    Yet in general, it would be something like this, assuming you have a null layer with ‘Slider’ named ‘delay’ in the comp:
    delayFrames = thisComp.layer("control").effect("delay")(1);
    delay = framesToTime(delayFrames);
    extraSpin = 15;
    thisComp.layer(index-1).transform.rotation.valueAtTime(time-delay) + extraSpin

    You could change ‘inded-1’ to ‘index+1’ if your parented layers stack has a different order (if parent is below)

    Cheers.

    Find out more:
    After Effects Tutorials: motion design, expressions, scripting.

  • Francis Saldaña

    April 22, 2019 at 7:05 am

    Thank you so much Tomas!

    I’m just wondering if the framesToTime function is necessary, since the value of the delayFrames is just a number.

  • Tomas Bumbulevičius

    April 22, 2019 at 7:59 am

    Francis – framesToTime() is there to have a greater control over the delay. Personally, I tend to keep delay between elements small, and without a need to pay close attention to the slider value.

    You could remove this translation and see how it works. Also, this one is important for TimeRemapping. Without translation it does not work as expected 🙂

    Find out more:
    After Effects Tutorials: motion design, expressions, scripting.

  • Francis Saldaña

    April 24, 2019 at 2:10 am

    Oh alright, I’ll remember that. Thank you so much Tomas! You surely helped me save a lot of time. 🙂

  • Vivien Lemaignan

    December 27, 2020 at 6:33 pm

    Hello Tomas,

    I’m going to start this topic again because I’ll need a variant.

    It’s for the opening of a card game 🙂

    at the beginning all cards have a rotation value of 0.

    The first card (control) starts its rotation from 0 to 45 with two keyframe on 1 second for example.

    I would like the other cards to follow with a delay but that their rotation stops before 45° for example for the second card 40°, the third 35° etc…

    I hope I’m clear enough 🙂

    Thanks for your help

    vivien

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy