こんにちは！今回はアニメーションでめちゃくちゃ重宝するバウンズアニメーションを簡単に付ける方法を紹介します。<h2 id="h5c3efc7b40">バウンズアニメーションって？</h2>バウンズアニメーションは緩急のある動きや跳ね返りなどで使えるアニメーションです。これが無いとかなり不自然なアニメーションになってしまいます。 <img src="https://images.microcms-assets.io/assets/d9db883bc929477a9cbafcb351fa25df/dad3814f09714a9e8d3eeea85fe8dc35/%E3%83%8F%E3%82%99%E3%82%A6%E3%83%B3%E3%82%B9%E3%82%99%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AA%E3%81%97.gif" alt=""> バウンズアニメーション無し <img src="https://images.microcms-assets.io/assets/d9db883bc929477a9cbafcb351fa25df/2be2e89cea7b45f38f6f68e39e2d9fc6/%E3%83%8F%E3%82%99%E3%82%A6%E3%83%B3%E3%82%B9%E3%82%99%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%82%E3%82%8A.gif" alt=""> バウンズアニメーションあり 見てもらったらわかる通り、これだけの差が出ます。<h2 id="hb3884229f4"> 適応方法</h2>適応方法は簡単でエクスプレッションの機能(位置のプロパティの上でOptionを押しながらクリック)を使い、下のテキストを貼り付けるだけです。<blockquote>amp = .1; freq = 2.0; decay = 8.0; n = 0; time_max = 4; 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; time_max){ v = velocityAtTime(key(n).time - thisComp.frameDuration/10); value + vampMath.sin(freqt2Math.PI)/Math.exp(decayt); }else{value}</blockquote> 他にもMotion Toolsというプラグインをダウンロード(40$)すればボタン一つで適応することもできるのでもっとアニメーションを追求したいという人は是非！！ <a style="color:inherit" href="https://motiondesign.school/products/motion-tools/" target="_blank" rel="noopener noreferrer">Motion Tools - Motion Design School</a><a href="unsafe:[object Object]" target="_blank" rel="noopener noreferrer">Our exclusive After Effects Script contains only the most nec</a> <a href="https://motiondesign.school/products/motion-tools/" target="_blank" rel="noopener noreferrer">motiondesign.school</a>

[After Effects]たった5秒でバウンズアニメーションを付ける方法！