AEで一文字ずつ出すテキストアニメーションの作り方│After Effects

AE1文字ずつ出る After Effects

AE1文字ずつ出る

こんにちは、B.すずめです。

普段、動画編集の副業で使っている
AE(アフターエフェクト:After Effects)で
文字を一文字ずつ下から出す
というテキストアニメーションの作り方をサクッとご紹介します。

AE1文字ずつ出る

サンプルファイルをダウンロードできます。

サンプルファイルをダウンロード >

手順は以下の通り。

 

スポンサードリンク

 

スポンサーリンク

1.テキストに「アニメーター」を追加

テキストレイヤーの横にある
「アニメーター」から「位置」と「不透明度」を追加。

AE1文字ずつ出る

スポンサーリンク

2.「位置」のY軸を下げて「不透明度」を0%に

「位置」のY軸を自分がイメージする程度に下げて「不透明度」を0%にする。

AE1文字ずつ出る

スポンサーリンク

3.シェイプを「上へ傾斜」にする

「範囲セレクター」の
「高度」にあるシェイプを
「上へ傾斜」にします。

そうすることで、一文字ずつ現れる短形でなく、滑らかなアニメーションになります。

AE1文字ずつ出る

スポンサーリンク

4.「イーズ(低く)」を100%にする

「高度」にある「イーズ(低く)」を100%にします。
アニメーションがゆっくり着地するようになります。

AE1文字ずつ出る

スポンサーリンク

5.「範囲セレクター」のオフセットを設定

「範囲セレクター」のオフセットで
アニメーションさせたい範囲に
「-100%」と「100%」のキーフレームを打つと
文字を一文字ずつ下から出す
テキストアニメーションの完成です!

AE1文字ずつ出る

以上です。

お役に立てれたら嬉しいです^^

 

参考サイト

めっちゃ使えるテキストアニメーション2選
![]( 実質使ってる文字アニメーションって5つくらい説僕はこの説を提唱します!ミュージックビデオとか、モーショングラフィックスは置いておいて企業VPとかってだいたい使うのが限られてるなー…と思う今日この頃。今回はその中でも簡単に出来て使い勝手のいいアニメーションを2つ紹介したいと思います!# ビデオチュートリアルはコ...

コメント

タイトルとURLをコピーしました