【AviUtl】文字を書く演出を作る！書き順通りにテキストが描かれるアニメーション

• 制作者テツ様のダウンロードページにアクセスし、Trackingラインをダウンロード

• ダウンロードしたzipファイルの中身を自身のAviUtl「script」フォルダにコピーします

• 拡張編集タイムライン [Root] をクリックし、シーン1に切り替え

• シーン1上に、テキストオブジェクトを追加（今回は「A」）
• テキストオブジェクトの下レイヤー（Layer2）に、カスタムオブジェクト > Trackingライン を追加

• テキストオブジェクトに沿って、Trackingラインでトレースしていきます

ちなみに今回使用しているフォントは「antro-vectra」というフリーフォントです。
以下の記事で紹介しているので、書体が気に入った方はチェックしてみてください。

≫めちゃくちゃカッコいいフォント見つけたｗｗｗｗｗｗｗｗｗ【Antro Vectra】

↑のトレース時、Trackingラインの設定から、「頂点数」や「ラインサイズ」の数値を調整しつつ、テキストオブジェクトが隠れるような太さにします。

• Trackingラインの設定ダイアログ [全長] を直線移動に切り替え、右側の数値を変更することでラインがアニメーションします。

↑のような感じになっていればOK！

• トレースが出来たら、Trackingラインとテキストオブジェクトのレイヤーを入れ替えます

（↑TrackingラインをLayer1に、テキストオブジェクトをLayer2に）

• テキストオブジェクトを右クリック > [上のオブジェクトでクリッピング]

↑のようになっていればOK！

この状態では↓のように、トラッキングラインに乗っかった不要な線が入ってしまったりします。

なので、これらを小さい図形を使って隠していきます。

• Trackingラインと同じ色（今回は赤）の小さい図形オブジェクトを作成

• ↑のように、図形オブジェクトで不要箇所を隠す

• 図形の表示タイミングを、ラインのアニメーションのにあわせて調整

↑のようになっていればOK。

• 一番上のレイヤーに、図形オブジェクト > [背景] を追加
• 背景オブジェクトをTrackingラインと同じ色（今回は赤）に変更

不用箇所を隠すための小さい図形オブジェクトが、同じ色で見えなくなっていれば成功です。

ここまで出来たらほぼ完成！最後に画像と合成していきます！

• シーン1からRootに切り替え
• RootのLayer1に背景画像を追加
• Layer2に [メディアオブジェクトの追加] > [シーン] を追加

• シーンオブジェクトの設定ダイアログ [シーン選択] で シーン1を選択
• シーンオブジェクトの設定ダイアログ右上 [+] > [クロマキー] を追加
• クロマキーの [キー色の取得] でトラッキングラインの色（赤）を指定

じゃーーーーん！！！

赤色がクロマキーで透過し、文字のアニメーションが表示されました！！やったぜ！！