<p>This is called "Inertial Bounce" and has a handy expression to do all the work!</p>

<p><a href="https://gist.github.com/animoplex/aafd6a157282351c8dfeea385d969ef2" rel="nofollow">https://gist.github.com/animoplex/aafd6a157282351c8dfeea385d969ef2</a></p>

<pre><code>amp = 5.0; freq = 2.0; decay = 4.0;

n = 0;
if (numKeys &gt; 0) {
  n = nearestKey(time).index;
  if (key(n).time &gt; time) { n--; }
}
if (n == 0) { t = 0; }
else { t = time - key(n).time; }
if (n &gt; 0 &amp;&amp; t &lt; 1) {
  v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
  value + v*(amp/100)*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}
else { value; }
</code></pre>

<p>Here's a quick video tutorial as well:</p>

<p><div class="youtube-embed"><div>
                <iframe width="640px" height="395px" src="https://www.youtube.com/embed/653lxeVIyoo?start=0"></iframe>
            </div></div></p>

<p>Hope this helps you out!</p>

CC BY-SA 3.0
2016-06-29T12:46:17.100Z
2016-06-29T12:46:17.100Z
Parker Young
<p>I was wondering how this 'bouncy' effect is done when the computer comes up. Is it with keyframes or an expression? Has it a specific name? I have searched for bouncy effect tutorials but couldn't find one that explains this effect.</p>

<p><a href="https://infinit.io/_/3nvnKuG" rel="nofollow">bouncy effect video example</a></p>

CC BY-SA 3.0
2016-07-04T08:55:26.240Z
Related: http://video.stackexchange.com/questions/16045/how-do-i-create-this-slide-bouncy-effect-in-after-effects/
p2or
<after-effects><animation>
How do I recreate this bouncy effect?
Thore
# How do I recreate this bouncy effect?

(Asked by: username_0 on 2016-05-16)

I was wondering how this 'bouncy' effect is done when the computer comes up. Is it with keyframes or an expression? Has it a specific name? I have searched for bouncy effect tutorials but couldn't find one that explains this effect.

[bouncy effect video example](https://infinit.io/_/3nvnKuG)

**Tags:** after-effects, animation

> **Comments:**
> **username_1**: Related: http://video.stackexchange.com/questions/16045/how-do-i-create-this-slide-bouncy-effect-in-after-effects/  

---

## 1 answers

### Answer by username_2 on 2016-06-29. Score: 1

This is called "Inertial Bounce" and has a handy expression to do all the work!
https://gist.github.com/animoplex/aafd6a157282351c8dfeea385d969ef2
amp = 5.0; freq = 2.0; decay = 4.0;

n = 0;
if (numKeys > 0) {
  n = nearestKey(time).index;
  if (key(n).time > time) { n--; }
}
if (n == 0) { t = 0; }
else { t = time - key(n).time; }
if (n > 0 && t < 1) {
  v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
  value + v*(amp/100)*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}
else { value; }

Here's a quick video tutorial as well:



Hope this helps you out!


---

