Jump Into An Animated Freeze Frame Sequence

Jump Into An Animated Freeze Frame Sequence

Tutorial Details
  • Requirements: Just After Effects... enjoy!
  • Difficulty: Intermediate
  • Run Time: 20:54min
Download Source Files

Final Product What You'll Be Creating

Today, were going to take a look at using expressions to simplify and speed up your workflow. We’ll be using an animated jump sequence to demonstrate the use of an “If else statement”. We’ll start in Photoshop creating the sequence, and then jump into After Effects to create an animation…. which will be driven off of just one control layer, with the help of expressions. Let’s get started!


Tutorial

Download Tutorial .flv

File size 141 MB

  • http://tiny.cc/mialazar Mia Lazar

    Funny effect, nice video

    • http://videohive.net/user/felt_tips Felt Tips

      spam bot

      • http://videohive.net/user/dorde dorde

        omg really :S where is captcha?!

      • http://videohive.net/user/felt_tips Felt Tips

        Well, maybe it’s manual, but it’s definitely spam.

    • jink

      RID US OF THIS SPAMBOT!

  • John
  • http://www.methodd.com Evangelos

    very basic…

    • Don Plachno

      So was your comment…

      • Alec

        Heh heh! Zing!

  • Gert buist

    Awesomeness!!

  • ShoeToad

    Just some thoughts (I haven’t tested what I’m suggesting):

    If you put If (x > index) instead of manualy adjusting each and every layer’s ‘greater than value’, I guess the job’s done even faster…

    You could also say If (x > y) and make y another slider control.

    It seems alot faster than adjusting the expression over and over again… Cause, what are you gonna do when you have like 100 layers?!

    Beside that, cool tutorial ;)

    • thomas

      And with just the first and last keyframes for the slider you can do it faster with 100 layers too.

    • Remington McElhaney
      Author

      Love the suggestion, there’s just so much you can do to make your life easier with expressions. I’m going to give that a shot, and if you do as well please post your results in the comments for others to see :)

      Keep the thoughts coming, they’re certainly appreciated!

  • http://www.vfxrider.com Chandan Kumar

    Try to fade out the last frames one by one also and put some live running footage (in natural speed) once the boy settles down on the base. It can make the scene complete then. Nice try though :)

    • Remington McElhaney
      Author

      That’s a great suggestion, and easy to do if shot with a video camera. I’ve done it before. It’s also cool if you kinda blur the footage in between the sequence to really show motion. I chose to shoot this with my still camera though, because it originally wasn’t intended for video, and I love working with higher quality footage. Thanks! :)

  • ShoeToad

    So I tested the index suggestion and it seems to work… Here’s the code:

    x = thisComp.layer(“Name of the Layer”).effect(“Name of the Slider”)(“Slider”)

    if (x >= index) {100} else {0}

    So I basicly changed ‘the arbitrarly chosen digit’ into ‘index’ which correlates to the layer’s index.(how ’bout that :p)

    And I added an ‘is equal to’ sign, so you can put the exact value in :)

    Not the next moonlanding or a mission to mars, but it saves you some work… :p

  • ShoeToad

    Just be carefull with new layers…

    Precomping with the slider should solve that, but I’m sure there’s an eleganter solution :p

  • Péter Körmendi

    This is a useful code for “Flash” layer opacity:

    maxkeys=thisComp.layer(“control”).effect(“Slider Control”)(“Slider”).numKeys;
    choose=0;
    radius=0.1;
    choose = thisComp.layer(“control”).effect(“Slider Control”)(“Slider”).nearestKey(time).index;

    if (choose!= 0) {
    choosekeytime= thisComp.layer(“control”).effect(“Slider Control”)(“Slider”).key(choose).time;
    if ( time < choosekeytime )
    {
    // linear (time, choosekeytime-radius, choosekeytime,0,100);
    // ease (time, choosekeytime-radius, choosekeytime,0,100);
    ease_in (time,choosekeytime-radius, choosekeytime,0,100);
    // ease_out (time, choosekeytime-radius, choosekeytime,0,100);
    } else
    {
    if (time <choosekeytime+radius)
    {
    // linear (time, choosekeytime , choosekeytime+radius,100,0);
    // ease (time, choosekeytime , choosekeytime+radius,100,0);
    // ease_in (time, choosekeytime ,choosekeytime+radius,100,0);
    ease_out (time, choosekeytime, choosekeytime+radius,100,0);
    }
    }
    } else
    {
    0;
    }

    You don’t need a lot of keyframes. This way is more flexible.

    Sorry my english. :(

  • http://www.smartroutetour.com/ transportation services in miami

    I want to learn about flash action script.

    Another Great Resource about tour and transportation services , airport and cruise port shuttle services , airport transportation service .

  • http://fieveltrue.deviantart.com fievel

    damn, I hate expressions!