AviUtlで動画にテキストを入れたあと、「そのまま表示するだけでは物足りない」と感じたことはありませんか。市販の家庭向け動画編集ソフトと違い、AviUtlにはテキスト専用のアニメーションプリセットがありません。しかし、標準のアニメーション効果とフィルタ効果を組み合わせる ことで、無料ソフトとは思えないほど豊富なテキスト演出が可能です。
本記事では、AviUtlの標準機能だけで作れるテキストアニメーションの代表例を、GIFサンプル付きで 「基本3種 → 応用3種 → デザイン強化」 の順に解説します。GIFで動きを確認しながら、自分の動画に合うものを選んで真似してください。
「AviUtlでテキストにアニメーションをつけたいです。市販ソフトのようにプリセットを選ぶだけのつもりでしたが、AviUtlにはそういうメニューがなくて困っています。どんな動きが作れるのか、サンプルが見たいです」
ある利用者の質問(Yahoo!知恵袋 2024年7月)
読了後にできるようになること
- AviUtlでテキストアニメーションを作る 3つの基本要素(オブジェクト/エフェクト/中間点)
- 定番テキストアニメ 「基本3種・応用3種」 のGIFサンプル+作り方
- グロー・閃光・制御文字を組み合わせた デザイン強化テクニック
本記事で紹介するアニメ素材を組み合わせるだけでも十分作れますが、もし「自分専用のテキストアニメ」を一から組みたいなら、After Effectsの7日間無料体験のテキストアニメーターが次の段階の選択肢になります。
Aviutlからステップアップ！
After Effectsなら、テンプレートを使ってさらに高度な表現が驚くほど簡単に作れます。
テンプレートも10点まで無料
テキストアニメーションを作る3つの基本要素
本題のサンプル集に入る前に、AviUtlのテキストアニメーションを構成する基本要素を整理しておきます。これを知らずに作り始めると遠回りになるので、最初に押さえておきましょう。
テキストオブジェクト
タイムライン右クリック→「メディアオブジェクトの追加」→「テキスト」で配置。フォント・サイズ・色を設定
アニメーション効果 / フィルタ効果
テキスト設定の「＋」ボタンから追加。動き(アニメ効果)+見た目(フィルタ効果)の二段構成
【最重要オプション】テキスト設定ダイアログの 「文字毎に個別オブジェクト」 にチェックを入れると、1文字1文字に対して個別にアニメ効果がかかります。本記事の応用編で頻繁に登場するキー機能なので、まず存在を覚えておきましょう。
AviUtlでテキストの大きさや位置を自由に調整する方法
AviUtlは無料動画編集ソフトでありながら、テキストの 位置/サイズを直感的かつ精密に 調整できる自由度の高さが特徴。iMovieのような固定的タイトル配置に慣れている方に
キーフレームは、アニメーションの「始まり」と「終わり」、そして「途中の変化」を定義するものです。これを使いこなすことで、単調な動きから脱却し、より複雑でプロフェッショナルな演出が可能になります。
「文字毎に個別オブジェクト」は、テキストアニメーションの表現力を格段に高める魔法のチェックボックスです。これを活用することで、単調な動きから脱却し、よりクリエイティブな演出が可能になります。
【基本編】定番テキストアニメ3種
ここから具体的なサンプルを紹介します。まず基本中の基本となる3種類のアニメーションです。これだけ覚えれば、どんな動画にも自然に組み込めます。
ⅰ. フェードイン・フェードアウト(最もシンプル)
テキストが徐々に現れたり消えたりする フェードアニメーション は、シンプルながら洗練された印象を与えます。落ち着いたテロップやエンディングタイトルに最適。
設定方法: テキストオブジェクトに「フェード」エフェクトを追加 → フェードイン・アウトの時間を調整するだけ。
| フェードイン | フェードアウト |
 |
 |
【速度で印象が変わる】フェード時間を1秒以上にすると落ち着いた雰囲気、0.3秒以下にするとテンポの良い演出になります。動画全体のリズムに合わせて調整しましょう。
ⅱ. スライドイン・スライドアウト(動きで魅せる定番)
画面の端からテキストが滑り込んでくるスライドインは、テロップやタイトルで頻繁に使われる効果的な演出です。視聴者の視線を自然に誘導できます。
設定方法: 「アニメーション効果」から「画面外から登場」を適用 → 角度を入力して方向を指定。
| 左からイン(角度 -90) | 右からイン(角度 90) | 上からイン(角度 0) | 下からイン(角度 180) |
 |
 |
 |
 |
スライドインは、動画の導入部分や新しい情報の提示に最適です。画面のどこから登場させるかで、視聴者の視線を自然に誘導できます。特に、情報が切り替わるタイミングで使うと、視聴者の注意を引きつけやすいですよ。
ⅲ. 拡大縮小(ダイナミックな登場)
テキストが小さく(または大きく)始まり、本来のサイズへ変化するアニメーションは、ダイナミックな印象を与えたい時に効果的。タイトルや見出しでよく使われます。
設定方法: 「アニメーション効果」→「拡大縮小して登場」を適用 → 「拡大率」を「0」にすれば小→大、100以上にすれば大→小。
| 小から大へ拡大 | 大から小へ縮小 |
 |
 |
【さらに細かく制御するなら】「サイズ」プロパティに中間点を設定し、手動で拡大率を調整すれば、一度大きく表示してから少し縮むようなメリハリのある動きも作れます。
💡 別の選択肢として: AviUtlのテキストアニメーションは設定の組み合わせ次第で無限の表現が可能ですが、毎回ゼロから組むのは時間がかかります。After Effectsの7日間無料体験では、テキストアニメーションプリセットが 200種類以上標準搭載 されており、ドラッグするだけで適用可能です。動きをカスタマイズしたい時もテキストアニメーター機能でパラメータ調整のみで完結します。
【応用編】組み合わせで広がる3種
基本の3種に「文字毎に個別オブジェクト」やキーフレームを組み合わせれば、表現の幅が一気に広がります。応用編の代表例を3つ紹介します。
ⅰ. 1文字ずつ表示(タイプライター系)
テキストが1文字ずつ順番に表示されるアニメは、タイプライター演出や歌詞表示で定番です。単調になりがちなテキストにリズムを与えます。
設定方法: テキスト設定で「表示速度」を2〜3に設定 → さらに別のアニメ効果(拡大縮小・フェード・ランダム)を重ねて「文字毎に個別オブジェクト」をオンにすると複合効果が生まれます。
| 純粋なタイプライター | +拡大縮小で浮き上がる | +フェードで浮き上がる | +ランダム方向から |
 |
 |
 |
 |
1文字ずつ表示させるアニメーションは、歌詞表示やナレーションに合わせてテキストを表示する際に非常に効果的です。表示速度を調整して、読みやすさと演出のバランスを取りましょう。制御文字の`<r>`を使うと、さらに手軽にタイプライター効果を実現できますよ。
タイプライター効果単体の作り方を詳しく知りたい方は関連記事もご覧ください。
AviUtlでタイプライターのように1文字ずつ順番に表示する方法
動画の中でテキストが 1文字ずつパチパチと表示される タイプライター効果は、メッセージの重みを伝えたい場面で重宝する定番演出です。AviUtlにはこの効果を作る方法が 大
ⅱ. ランダム方向から登場(予測不能な遊び心)
テキストがバラバラの方向から飛び込んでくる演出は、視聴者にサプライズを与え、動画に遊び心を加えます。オープニングやインパクト重視のシーンに最適。
設定方法: 「アニメーション効果」→「画面外から登場」で「ランダム方向」を有効化 → 「文字毎に個別オブジェクト」にチェック。回転値を上げれば3D回転も伴います。
| 画面外から登場 | ランダム間隔で落下 | ランダム方向+3D回転 | どこからともなく登場 |
 |
 |
 |
 |
【視認性とのバランス】ランダムな動きは演出力が高い反面、情報伝達が目的のテロップでは読みづらくなることがあります。短いキャッチコピーやタイトルに使うのが効果的です。長文には不向き。
ⅲ. 3D回転(奥行きとインパクト)
テキストがパタパタと回転しながら表示される3次元的な動きは、平面的な動きに飽きた時に試したいインパクトのある演出です。
設定方法: 「アニメーション効果」→「広がって表示」または「起き上がって表示」を適用 → 「文字毎に個別オブジェクト」を併用すれば1文字ずつ異なるタイミングで回転します。
| 広がって表示 | 起き上がって表示 | 広がって表示(1文字単位) | 起き上がって表示(1文字単位) |
 |
 |
 |
 |
【より高度な3D表現】本格的な3D演出には「カメラ制御」オブジェクトや「拡張描画」の活用も有効です。これらを組み合わせれば、テキストを空間内で自由に動かして奥行きのある映像が作れます。
テキストアニメにデザインを加える:色と光で表現力UP
動きだけでなく、テキスト自体のデザインを工夫することで、アニメーションの魅力をさらに引き出せます。フィルタ効果と制御文字を駆使しましょう。
グロー・閃光・凸エッジで光と立体感
「グロー」や「閃光」を適用するとテキストに発光効果が加わり、ネオン感のあるデザインに。「凸エッジ」を組み合わせれば疑似的な3D立体感も表現可能です。これらのパラメータにキーフレームを打てば、モーショングラフィックスの幅はほぼ無限大です。
| グロー・閃光・凸エッジでデザイン | 制御文字で文字を1文字ずつ着色 |
 |
 |
制御文字で文字単位の装飾
テキスト入力欄に 制御文字 を直接書き込むことで、文字の色・サイズ・フォントを部分的に変更できます。例: <#ff0000>テキスト<#> で囲んだ範囲だけが赤色に変わります。
制御文字は、テキストアニメーションの表現力を飛躍的に向上させる隠れた機能です。特に、強調したい単語だけ色を変えたり、サイズを大きくしたりする際に非常に便利です。複雑な設定なしに、視覚的なインパクトを加えられますよ。
制御文字の詳しい使い方は関連記事をご覧ください。
AviUtlで文字サイズやフォントを1文字だけ指定する方法 [制御文字]
AviUtlの「拡張編集」でテキストを入れたとき、「ここの1文字だけサイズを大きくしたい」「強調したい単語だけフォントを変えたい」 と思ったことはありませんか。AviUtlの
テキストアニメをさらに極めるための3つのヒント
イージングで緩急をつける
「加減速移動」やイージングスクリプトで動きの開始/終了に速度緩急を付与。プロっぽい滑らかさが出る
スクリプト制御で個性
プログラミング知識があれば、After Effects級の独自アニメも自作可能。学習価値の高い領域
エイリアスで設定保存
作り上げた設定を「エイリアス」として保存→別プロジェクトに使い回せる。シリーズ動画で統一感UP
【プロの作業効率術】よく使うテキストアニメーションは必ずエイリアスに登録しておきましょう。毎回ゼロから設定する手間が省け、シリーズもの動画で統一感のあるテロップが効率的に作れます。
テキストアニメをプリセットで量産したい人へ
AviUtlで毎回テキストアニメをゼロから組むのが負担になってきたら、After Effects のテキストアニメーターとプリセット機能が選択肢になります。200種類以上のプリセットをドラッグ&ドロップで適用 でき、独自設定はスタイルとして保存して他プロジェクトに使い回せます。複数の動画で統一感のあるテロップを作るスタイルなら、長期的にはAE側が圧倒的に効率的です。
結婚式ムービーをテンプレートで簡単作成
fu-non.netのAfter Effectsテンプレートなら、写真を差し替えるだけでプロ品質のムービーが完成。無料お試し版で事前にクオリティを確認できます。
関連コンテンツ
動画の質を高めるアニメーション素材
10点まで無料でダウンロードできて商用利用もOK！今すぐ使えるテンプレート
