アフターエフェクトで文字を一文字ずつ出現させるアニメーションの手順

アフターエフェクトの最も基本的な文字アニメーションで、文字を一文字ずつ出現させる方法があります。

文字アニメーションはプリセットで設定しても構いませんが、基本的なテクニックを理解しておけば、プリセットからカスタマイズすることもできるようになります。

ここでは文字が徐々に表示されるアニメーションを作る流れを解説します。

この動画ではアフターエフェクトのプリセットを使って文字を一文字ごとに出現させ、レンズフレアを加えています。
手順通りに進めればカッコいいタイトルが出来上がります。ぜひ視聴してみましょう。

アフターエフェクトで文字を一文字ずつ出現させるアニメーションの手順

まず、新規コンポジションを作成してから、文字レイヤーを作成します。

文字レイヤーは「Ctrl+T」で作成しましょう。

入力するテキストはここでは「Animation」と入力します。

次にレイヤーパネルのテキストレイヤーの左にある▼をクリックするとプロパティが開きます。

プロパティの「テキスト」右にあるアニメーターの?を選択

次に「スケール」を選択します。

するとテキストのプロパティに範囲セレクター１とスケールが増えます。

タイムインジケータ―はキーフレームの一番最初にあるのを確認して、スケールを0％にします。

するとコンポジションパネルの文字が消えました。

次に範囲セレクターのプロパティを開きます。?をクリックすると「開始」「終了」「オフセット」「硬度」が現れます。

①タイムインジケータ―が最初のフレームにあるのを確認して②開始の値を0にして左にあるストップウオッチのマークをクリックすると、③タイムラインインジケーターの上にキーフレームが打たれます。

①次にタイムインジケータ―をアニメーションの終わりのフレームまで移動して②「開始」の値を100にします。そしてキーフレームを打ちます。

するとテキストが現れました。これで設定は完了です。

タイムインジケーターを最初に戻してスペースキーを押す。
もしくはプレビューパネルの「再生」をクリックしてみます。
するとテキストが一文字ずつ出現するようになります。

文字出現のスピードを変更したい場合は終了位置のキーフレームを移動します。

これとは反対に左から文字を消していく方法はスケールを0％にしたまま、開始を0にして、終了を0フレームの位置で0％、終了の位置で100％になるようにします。

アフターエフェクトで文字を一文字ずつ出現させるアニメーションの手順 まとめ

こんな感じです！

では次回も文字アニメーションの定番。「一文字ずつフェードイン・フェードアウト」をやってみましょう。

アフターエフェクトの文字を動かす基礎講座 目次