日本人が知らない太平洋戦争の大嘘

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

AE1文字ずつ出る After Effects

こんにちは、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とかってだいたい使うのが限られてるなー…と思う今日...

▼Web・ゲーム系クリエイターに特化したフリーランス求人サービス「レバテッククリエイター」を紹介する広告です。

動画編集の求人・案件もあります。
まずは無料会員登録をして様子を見てみませんか?

コメント

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