MENU

【After Effects】下から上に文字が上がってくるアニメーション作成方法

After Effects で下から上に文字が上がってくるアニメーションの作成方法は、以下の通りです。順に詳しく見ていきます。

  1. テキストツールで文字を記述
  2. 文字レイヤーのアニメーターから位置・スケール・不透明度を選択
  3. アニメーションの終了点に移動し、位置の Y軸の値を増加
  4. 範囲セレクターのオフセットの値を 100% にして、キーを打つ
  5. アニメーションの開始点に戻り、オフセットの値を -100% に設定
  6. 高度を開き、シェイプから上へ傾斜を選択
  7. イース低くの値を 100% に設定
  8. スケールの値を 0 に設定
  9. 不透明度を 0% に設定

まずは、新規コンポジションを作成し、テキストツールで文字を書いておきます。この記事では以下のコンポジション設定で作成しています。

(Width)1920
高さ (Height)1080
フレームレート (Frame rate)30 fps
時間・デュレーション (Duration)0:00:03:00 (3秒)

次に、文字レイヤーのアニメーターから位置・スケール・不透明度を選択します。

位置Position
スケールScale
不透明度Opacity

アニメーションの終了点に移動し、位置の Y軸の値を増やします。ここでは 01:00 f に移動し、 120.0 にします。

アニメーター内にある範囲セレクターのオフセットの値を 100% にして、ストップウォッチマークをクリックしてキーを打ちます。

アニメーションの開始点に戻り、オフセットの値を -100% にします。この記事ではアニメーションの開始点は 0f目 です。

その範囲セレクターの中にある高度を開きます。シェイプから上へ傾斜を選択してください。

アニメーションを滑らかにするために、同じく高度内にあるイース低くの値を 100% にします。

次に、スケールの値を 0 にします。すると、上記画像のように、文字が見えなくなります。

最後に、不透明度を 0% にします。そうすると、何もないところからフワッと文字が上がってくるアニメーションの完成です。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

CAPTCHA


目次