【Ae】書き順通りに文字を表示させるアニメーション

参考動画

新規コンポジションにテキストレイヤーを作成する。

アニメーションをつける文字を打ち込む。

このテキストレイヤーを選択している状態でペンツールを使用する。

表示させたい順番にペンツールでなぞる。

⌘＋クリックで線を止めることができる。2画目を描くときはいったん1画目を確定させることができる。

線を描き終えたらエフェクト＞描画＞線を選択する。

プロパティからアニメーションの設定をする。

・パス＞すべてのマスクにチェックを入れる。

今の状態は白い文字の上に白い線がかかっている状態。区別するために線の色を変える（今回は赤）

・ブラシサイズ＞太くする。だいたい、文字の線が隠れるくらいに調整する。

・ペイントスタイル＞元のイメージを表示に変更する。

コンポジションに戻る。

テキストレイヤー＞エフェクト＞線のプロパティを表示。

インジゲーターをスタートのポイントに置く。

「終了」のキーフレームを打つ。100％→0％にする。

2秒後にすべての文字が表示されるようにアニメーションを設定してみる。

インジゲーターを2秒後にずらし、終了のキーフレームを打つ。0％→100％にする。

これで、ペンツールでなぞった順番にテキストが表示されるアニメーションができる。

欠けている部分が合ったりするので、ペイントスタイル＞元のイメージに変更してパスを修正する。

これで完成！