2022/02/11　 2022/02/26

【After Effects】文字の出現

1 下からinして上へいき少し下に戻るテキスト
2 3D拡散出現テキスト
3 スケールinと飛び跳ねるテキスト
4 下から出現してバウンス

下からinして上へいき少し下に戻るテキスト

これを作ります

このテキストにモーションを付けていきます

位置のキーフレームを19フレームのところで元の位置でうちます、
0フレームは画面より下へ、15フレームは19フレームの位置より上へ。
F9で全てのキーフレームにイージーイーズを適用して15フレームのキーフレームの入る速度と出る速度を70％に。

不透明度を0から5フレームで0％から100％にする

出来上がり

3D拡散出現テキスト

これを作ります

VDL ロゴJr レギュラーのフォントを使用しました

テキストを3Dレイヤーにしてaptionを押したままドラッグして表示角度を調整します。。

テキストの右端を右にドラッグして右側に拡大します。

位置の調整をしてGG分解などを使用して1文字ずつに分解します。

スケールを0から5フレームで0％から100％にして、最初のキーフレームにF9でイーズをかけてバウンスのエクスプレッションを適用。

他の文字にもキーフレームをコピーして適用します。
表示をずらすため、ウは2フレーム後ろに、コとソはそれぞれ3フレーム後ろにズラしました。

出現時に色を変えます。
最初のキーフレームから12フレーム目までが黄色に、13フレーム目を白色にしました。

これで出来上がりです。

スケールinと飛び跳ねるテキスト

これを作ります。

準備

コンポジションは24fpsで制作します。

テキストを描いてGG分解などを使用して文字を1文字ずつ分解しておきます

”こ”のモーション

”こ”の文字のスケールの値を8フレームで0から100に、最初のキーフレームにF9でイージーイーズをかけます。

速度グラフで見るとこんな感じ、これでバウンスのエクスプレッションを追加しておきます。

バウンスのエクスプレッション

amp = .06; // amplitude
freq = 2; // frequency 
decay = 7; // decay (the more the value, the faster oscillations fade)
//----------------------------------
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){ 
  v = velocityAtTime(key(n).time - thisComp.frameDuration/10); 
  value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t); 
}else{ 
  value; 
}

先程のスケールのキーフレームをコピーして
”ん”、”な”、”あ”、”り”、”ま”、”せ”、”ん”、”か”、”？”の
それぞれの1文字ずつにエクスプレッションごとペーストしておきます。
”ん”は”こ”の3フレーム後ろ、”な”は”ん”の3フレーム後ろに。