Use A Jello-Jiggly Expression – Quick Tip

Use A Jello-Jiggly Expression – Quick Tip

Tutorial Details
  • Requirements: Just After Effects... enjoy!
  • Difficulty: Beginner

Final Product What You'll Be Creating

In this Quick Tip, Ewan is going to run you through inserting an expression to the properties of an object to give it a Jello-like Wiggle. For other fun expressions check out MotionScript.com.


Tutorial

Download Tutorial .flv

File size 60MB

Add Comment

Discussion 17 Comments

  1. Simon says:

    Looks fine, but I was rather expecting something more realistic ;)
    Although very useful info :D

  2. IANH - BR says:

    Pretty Simple, but’s good! Thanks.

  3. frankyframe says:

    REALY HELPFULL … EVEN MORE THAN MOST BIG TUTS ON AE.TUT
    THX!!!!!!!!!!!!!!!!

  4. Topher Welsh says:

    I really liked this! Really well presented Ewan! It’s hard to get the dynamics correct when working with 2D layers and expressions… but this is coming really close… AND NO KEYFRAMES! haha…

    Good job man!

  5. Lyndon says:

    Dude, freakin sweet! I so wanna punch some jello now :P

  6. Lyndon says:

    Dude I hate to sound like a tard but I totally got lost typing in that expression. You mind providing us w/ a simple copy and paste to get the jello jigglin?

    thx in advance.

    • Wangbar says:
      Author

      Hi, here’s the expression in full:

      warp =effect(“Warp”)(“Horizontal Distortion”);
      decay = .9;
      end= 0;
      duration = thisComp.frameDuration;
      current = Math.round(time / duration);
      amount = 0;
      for (f = 1; f <= current; f++){
      difference = warp – end;
      amount = (amount – difference) * decay;
      warp+= amount;
      }
      warp

      • Lyndon says:

        You’re awesome

      • Lyndon says:

        Phew! Finally got it, thanks man :)

        warp=effect(“Warp”)(“Horizontal Distortion”);
        decay=.7;
        end=0;
        duration=thisComp.frameDuration;
        current=Math.round(time/duration);
        amount=0;
        for(f=1;f<=current;f++){
        difference=warp-end;
        amount=(amount-difference)*decay;
        warp+=amount;
        }
        warp

        warp=effect("Warp")("Vertical Distortion");
        decay=.7;
        end=0;
        duration=thisComp.frameDuration;
        current=Math.round(time/duration);
        amount=0;
        for(f=1;f<=current;f++){
        difference=warp-end;
        amount=(amount-difference)*decay;
        warp+=amount;
        }
        warp

        That should work :D

  7. ramesh says:

    well done !!
    this is what i created two months earlier..
    http://www.youtube.com/watch?v=wCAQuYZOkgI

  8. Lisa says:

    And here’s the French version for copy/paste:

    warp = effect(“Déformation”)(“Distorsion horizontale”);
    decay = .9;
    end= 0;
    duration = thisComp.frameDuration;
    current = Math.round(time / duration);
    amount = 0;
    for (f = 1; f <= current; f++){
    difference = warp – end;
    amount = (amount – difference) * decay;
    warp+= amount;
    }
    warp

  9. random says:

    thnxx dude the tutorial of yours is very good and i enjoyed learning it

    once again thnxx for the share ;)

  10. Leilani says:

    I love the tutorial, but I can’t get my expressions to work. I’ve copied and pasted the expression code but I get an error saying:

    After Effects warning: Syntax error Expression disabled.

    Error occurred at line 1.
    Comp: ‘Animation’
    Layer: 1(‘Jello_Text’)
    Property: ‘Horizontal Distortion

    Any ideas?
    Thanks! =)

  11. Erik says:

    Most of the tutorials on this site won’t play, it gives a playback error message. The commercials before the tutorials play fine…of course, but the tuts won’t play at all. I’m on Mac OSX and have tried both Safari and Firefox with the same result.

    Also, I wish there was a link to report problems like this instead of having to post in a comments thread since there’s no way to know if anyone from AEtuts will even see it. Just a suggestion.

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.