こばやしたいよう
こんにちは!今回はアニメーションでめちゃくちゃ重宝するバウンズアニメーションを簡単に付ける方法を紹介します。
バウンズアニメーションは緩急のある動きや跳ね返りなどで使えるアニメーションです。これが無いとかなり不自然なアニメーションになってしまいます。
バウンズアニメーション無し
バウンズアニメーションあり
見てもらったらわかる通り、これだけの差が出ます。
適応方法は簡単でエクスプレッションの機能(位置のプロパティの上でOptionを押しながらクリック)を使い、下のテキストを貼り付けるだけです。
amp = .1;
freq = 2.0;
decay = 8.0;
n = 0;
time_max = 4;
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 < time_max){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + vampMath.sin(freqt2Math.PI)/Math.exp(decayt);
}else{value}
他にもMotion Toolsというプラグインをダウンロード(40$)すればボタン一つで適応することもできるのでもっとアニメーションを追求したいという人は是非!!
Motion Tools - Motion Design SchoolOur exclusive After Effects Script contains only the most nec
motiondesign.school
こばやしたいよう
琵琶湖県出身。主にWebデザインについての発信をしていきます。実はWebデザイン学生からアパレル業界を目指しています。
トップページへ戻る