Bounce Text
バウンスとスケールを使ったテキストアニメーションです。
テキストレイヤー1つで完結できるアニメーションを厳選してお伝えします。
作成方法
After Effectsで作成する場合の作成方法 １.テキストレイヤーを作成し、任意の文字を打ち込んでください。 ２.アニメーターからスケールを追加して0%にしてください。 ３.追加<セレクター<エクスプレッションを追加してください。 ４.量のところに下記のエクスプレッションを打ち込んでください。 freq = 2; // hindo decay = 4; // shindo no gensui delay = .05; // moji no chien dur = .12; // animation no nagasa myDelay = (textIndex-1)*delay; t = time - (inPoint + myDelay); startVal = 100; endVal = 0; if(t < dur){ linear(t,0,dur,startVal,endVal); }else{ amp = (endVal - startVal)/dur; w = freq*Math.PI*2; endVal + amp*(Math.sin(t*w)/Math.exp(decay*t)/w); } ５.消滅させたい場合は、プリコンポーズしてレイヤー<時間<時間反転レイヤーをクリックしてください。
After Effects用スクリプトについて
トランジション周期表は、チュートリアルサイトとして作成していますが、さらにトランジション業務を効率化するためにAdobe After Effects用のスクリプトを用意しています。
スクリプトの詳細は下記よりご確認いただけます。