AviUtlでタイプライターのように1文字ずつ順番に表示する方法

動画の中でテキストが 1文字ずつパチパチと表示される タイプライター効果は、メッセージの重みを伝えたい場面で重宝する定番演出です。AviUtlにはこの効果を作る方法が 大きく分けて3つ あり、用途や手軽さで使い分けられます。

本記事ではAviUtl標準機能でのタイプライター作成、制御文字 <r> を使った時短テクニック、そして効果音・カーソル・他アニメーション効果との組み合わせまでを順を追って解説します。

「AviUtlで文字をタイプライター風に1文字ずつ表示させたいのですが、表示速度を設定しても全部一気に出てしまったり、途中で消えたりしてうまくいきません。どうすれば思った通りに表示できますか?」

Yahoo!知恵袋(動画・映像カテゴリ / 2024.6)

この記事で解決する3つの疑問

  • AviUtlでタイプライター効果を作る 3つの方法と使い分け
  • 「文字が途中で消える」「速度がうまく調整できない」 つまずきポイントの解消法
  • 効果音・カーソル・アニメーション組み合わせで プロ品質に仕上げる応用テクニック

Aviutlからステップアップ!

After Effectsなら、テンプレートを使ってさらに高度な表現が驚くほど簡単に作れます。

Adobeの生成AIも結構すごい

Adobeの生成AI Fireflyなら画像も動画も音声もベクター画像も効果音も作れます。無料で始められます

Adobe Fireflyを無料で始める

生成AIも全て込みの最強プラン

Premiere ProやPhotoshopなど全アプリと生成AIも使える全部入りプランで、実は結構お得です。

3か月半額で始める

結論:タイプライター効果を作る3つの方法

AviUtlでタイプライター効果を作る方法は、表示制御の場所が違う3パターンあります。それぞれメリットが違うので、用途で使い分けます。

方法A

「表示速度」プロパティ

テキスト設定ダイアログの数値1つで表示制御。最も標準的で細かい調整が可能

方法B

制御文字 <r>

テキストの先頭に <r15> と入れるだけで最速設定。短文向き

方法C

スクリプト「TAタイピング」

カーソル点滅付きの本格演出。スクリプト導入で機能拡張

シンプルに1文字ずつ表示したいだけなら 方法A または 方法B、カーソル点滅付きで本格的なタイプライター演出にしたいなら 方法C を選びます。

方法A:「表示速度」プロパティで標準的に作る

AviUtlの標準機能でタイプライター効果を作る、最もオーソドックスな方法です。テキストオブジェクトの設定ダイアログにある「表示速度」の数値を変えるだけで実現できます。

テキストオブジェクトの追加と設定ダイアログ表示

タイムライン上で右クリック→「メディアオブジェクトの追加」→「テキスト」を選んでテキストオブジェクトを追加します。テキストオブジェクトをダブルクリックすると設定ダイアログが開き、テキスト内容・フォント・サイズ・色などを編集できます。

AviUtlテキストオブジェクトの設定ダイアログ

「表示速度」に数値を入れて1文字ずつ表示

タイプライター効果の核となるのが、テキスト設定ダイアログの 「表示速度」 項目です。0以外の数値を入れることで、1秒間に表示する文字数 が決まります。例えば「3」と入れれば1秒間に3文字、「10」なら1秒間に10文字が表示されます。動画のテンポに合わせて調整しましょう。

AviUtl表示速度の設定画面

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

表示速度の数値は、動画のテンポや文字数に合わせて調整しましょう。最初は小さめの数値から試すのがおすすめです。視聴者が読みやすい速度を見つけることが重要です。

オブジェクトの長さ調整(文字が途中で消えるのを防ぐ)

「表示速度」を設定するとき、テキストオブジェクトの タイムライン上の長さ も重要です。長さが短いと、すべての文字が表示される前にオブジェクトが終わってしまい 文字が途中で消える 現象が起きます。

AviUtlオブジェクトの長さ調整

AviUtlには 「オブジェクトの長さを自動調整」 という便利なオプションがあります。これにチェックを入れると、設定した表示速度に基づいて、テキスト全文が表示される時間に合わせてオブジェクトの長さが自動的に調整されます。

AviUtl「オブジェクトの長さを自動調整」設定

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

「オブジェクトの長さを自動調整」は便利ですが、表示後に文字をしばらく表示させたい場合は、手動で長さを調整するか、後述する制御文字を活用しましょう。手動調整の方が直感的に操作できる場合もあります。

表示後の静止時間を入れる制御文字 <W+秒数>

「オブジェクトの長さを自動調整」を使うと、文字が出揃った瞬間にオブジェクトが終了してテキストが即消えてしまいます。文字が表示されたあとに 余韻として数秒間残したい 場合は、制御文字 <W+秒数> を使います。

例: テキスト入力欄に「こんにちは<W2>」と入力 → 文字がすべて表示されたあと 2秒間静止 してからオブジェクトが終了します。

制御文字W+秒数の使用例

【AviUtlの制御文字は他にも多数あり】制御文字はテキスト入力欄に直接記述することで特定の効果を付与できる便利機能です。タイプライター効果以外にも、文字色やサイズを途中で変更したり、特定の文字だけを動かしたりするなど多彩な表現が可能です。

関連記事
テキストの表示位置をバラバラにする [制御文字] AviUtlで動画編集を行う際、テキストの表現力を飛躍的に高めたいと考えるなら、「制御文字」の活用は避けて通れません。標準機能だけでは難しい、文字単位での細かなデザイ

方法B:制御文字 <r> で時短設定

表示速度プロパティを使わずに、テキスト本文の先頭に <r15> のように記述するだけでタイピング効果が適用される方法です。「15」の数値が表示速度を表し、数値を小さくすると遅く・大きくすると速く なります。

【方法Aとの違い】方法Aは設定ダイアログの数値を変える操作、方法Bはテキスト本文に記号を埋め込む操作。同じ効果を別の経路で実現します。複数のテキストで一括設定したい場合は方法B、細かく微調整したい場合は方法Aが向きます。

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

<r>の数値は、動画のフレームレート(FPS)によって体感速度が変わります。例えば、30FPSの動画で<r30>と設定すると1秒で全文字が表示されます。動画のFPSを考慮して調整すると、より意図した速度で表示できます。

💡 別の選択肢として: AviUtlのタイプライター効果は手軽な反面、カーソル点滅やイージング、フォント連動といった凝った演出には複数のスクリプトを組み合わせる必要があります。After Effectsの7日間無料体験なら、標準搭載の「テキストアニメーター」機能でカーソル点滅・1文字ずつフェード・スケール・位置のアニメーションを パラメータ調整だけで自由に組み合わせ可能 です。

方法C:スクリプト「TAタイピング」で本格演出

AviUtl標準機能と制御文字だけでもタイプライター効果は作れますが、カーソル(キャレット)の点滅 までセットで欲しい場合は、さつき氏配布の「TAタイピング」スクリプトを導入するのが最も手軽です。

TAタイピングで実現できること

  • 文字の表示に合わせて カーソルが自動移動・点滅
  • カーソルの長さ・太さ・色を細かく設定可能
  • 「文字毎に個別オブジェクト」と組み合わせて多彩な演出
  • スクリプト1つで導入手間が小さい(別途プラグイン不要)

スクリプトの導入方法はTAタイピング配布元のサイトや解説記事で確認できます。導入後はテキストオブジェクトのアニメーション効果として「TAタイピング」を追加するだけで利用可能になります。

応用テクニック:タイプライター効果をプロ品質に仕上げる4つの強化策

🔤

A. 文字毎に個別オブジェクト

テキスト設定で有効化すると各文字を独立オブジェクトとして扱える。文字単位の動きが付けられる

🔊

B. 打鍵音の効果音追加

効果音ラボ/魔王魂などのフリー素材でカチカチ音やタイプライター音を文字表示に合わせて配置

C. カーソルの追加表示

細長い矩形オブジェクトを文字の後尾に配置し、透明度の中間点で点滅を表現

D. アニメ効果と組み合わせ

フェードイン/拡大縮小/ランダム登場/イージングを併用すると質感が大幅に向上

強化策A:「文字毎に個別オブジェクト」をオンにする

テキスト設定ダイアログの「文字毎に個別オブジェクト」にチェックを入れると、各文字が独立したオブジェクトとして扱われます。これにより文字単位で異なるアニメーションを適用できるようになり、より複雑で魅力的なタイプライター演出が可能になります。

【高度なテキスト演出の入り口】「文字毎に個別オブジェクト」は、タイプライター効果以外にも、文字がバラバラに動いたり、特定の文字だけが強調されたりといった高度な演出の基盤になります。応用範囲が広いので必ず使い方を覚えておきたい機能です。

強化策B:打鍵音(効果音)で臨場感を出す

タイプライター効果に効果音を重ねると、視覚に加えて聴覚にも訴えかけて臨場感が一気に上がります。カチカチとした軽快な音、機械式タイプライターの重厚な打鍵音など、動画のトーンに合わせて選びます。

効果音は 効果音ラボ魔王魂 などのフリー素材サイトで入手できます。BGMやナレーションを邪魔しない音量バランスに調整しましょう。

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

効果音は動画の雰囲気を大きく左右します。フリー素材サイトなどを活用し、動画のトーンに合った音を選びましょう。音量バランスにも注意して、他のBGMやナレーションの邪魔にならないように調整してください。

強化策C:カーソル(キャレット)で本物感を出す

本物のタイプライターには、次に打つ位置を示すカーソル(キャレット)が点滅しています。AviUtl標準機能でも、細長い矩形オブジェクトを別途作って文字の表示に合わせて移動・点滅させれば簡易表現は可能です。本格的に作るなら方法Cの「TAタイピング」スクリプトを併用するのが最短ルートです。

強化策D:他アニメーション効果との組み合わせ

組み合わせ効果 設定方法 演出効果
フェードイン/アウト 透明度に中間点を打って変化 柔らかい出現・消失
拡大縮小 拡大率の中間点で変化 視覚的インパクト強化
ランダム登場 「文字毎に個別オブジェクト」+ ランダム移動 遊び心ある演出
イージング 中間点の補間方法を変更 自然な動きの緩急

https://www.fu-non.net/wp-content/uploads/2022/07/funon_teacher_80.jpg

複数のアニメーション効果を組み合わせる際は、効果が重複して見づらくならないよう注意が必要です。シンプルながらも効果的な組み合わせを見つけることが、プロフェッショナルな仕上がりへの近道です。


関連記事
AviUtlで作れるテキストアニメーション例一覧 [標準機能のみ] AviUtlで動画にテキストを入れたあと、「そのまま表示するだけでは物足りない」と感じたことはありませんか。市販の家庭向け動画編集ソフトと違い、AviUtlにはテキスト専用

【参考】After Effectsでタイプライター効果を作るとどう違うか

同じタイプライター効果でも、AviUtlとAfter Effectsでは「作る労力」「カスタマイズ自由度」「再利用性」が大きく異なります。実務で頻繁にテキストアニメーションを使うなら、対応範囲の広いAfter Effectsを検討する価値があります。

無料

AviUtl

基本演出
表示速度プロパティで対応
カーソル点滅
スクリプト導入必要
プリセット化・再利用
都度設定が必要
凝った演出の作成時間
30分〜1時間
月額3,280円〜

After Effects

基本演出
テキストアニメーター標準搭載
カーソル点滅
標準機能で対応
プリセット化・再利用
◎ アニメーションプリセットで永続再利用
凝った演出の作成時間
5〜10分(プリセット使えば即時)

▶ 7日間無料体験あり

テキストアニメーションが 動画1本ごとに何度も登場する 制作スタイル(YouTube解説動画/プロモーション映像/結婚式ムービー等)では、プリセット化できるAEのほうがトータルの工数を大きく短縮できます。

よくあるトラブルと対処法

① 文字が途中で消えてしまう

テキストオブジェクトの長さが、全文字を表示するのに必要な時間より短いと発生します。

  1. オブジェクトの長さを手動延長: タイムライン上で右端をドラッグして十分な長さを確保
  2. 「オブジェクトの長さを自動調整」を有効化: 表示速度に応じて自動で長さが決まる

② 表示速度が思ったように調整できない

「表示速度」は 1秒間に表示する文字数 なので、長文では大きな数値が必要です。動画のFPS(フレームレート)も影響するため、プレビューしながら微調整します。

【セリフとの同期がコツ】表示速度の調整は、動画全体のテンポや視聴者が文字を読み取る速度に直結します。何度もプレビューして違和感がないか確認しましょう。特に、セリフやナレーションに合わせて表示する場合は音声との同期が重要です。

関連記事
AviUtlで挿入したテキストの長さとタイミングを調整する方法 動画編集において、視聴者への情報伝達や感情表現に欠かせないテキスト(字幕やテロップ)。無料ながら高機能な動画編集ソフトAviUtlでは、このテキストの挿入から表示時間

③ より複雑なアニメーションをつけたい

標準機能や基本的な制御文字で物足りない場合は、下記の手段で表現の幅を広げられます。

  • 「文字毎に個別オブジェクト」の徹底活用: 各文字を個別に操作してアニメーションを自由に
  • スクリプトの導入: 「TAタイピング」のほか「テキスト分解プラグイン」で文字を1文字ずつレイヤー分解
  • 中間点の活用: 透明度・拡大率・回転などに中間点を打って時間変化を作る

RECOMMEND

テキストアニメーションを本格的に作りたい人へ

タイプライター効果を頻繁に使う方や、よりリッチなテキストアニメーション(1文字ずつフェード・スケール・回転・パスに沿った動き等)を作りたい場合は、After Effectsのテキストアニメーター機能 が決定打になります。プリセットも豊富で、ドラッグ&ドロップで適用→数値調整だけで 5分で本格演出 が完成します。

After Effects 7日間無料体験を試す →


結婚式ムービーをテンプレートで簡単作成

fu-non.netのAfter Effectsテンプレートなら、写真を差し替えるだけでプロ品質のムービーが完成。無料お試し版で事前にクオリティを確認できます。

無料でテンプレートを試す →

まとめ:タイプライター効果は3つの方法を使い分ける

AviUtlでタイプライター効果を作るには、方法A(表示速度プロパティ)・方法B(制御文字<r>)・方法C(TAタイピングスクリプト) の3つを用途に応じて使い分けます。シンプルな1文字ずつ表示なら方法AかB、カーソル付きの本格演出なら方法Cが最短ルートです。

表示後の余韻を作る制御文字 <W>、「文字毎に個別オブジェクト」、効果音の追加、他アニメーション効果との組み合わせを組み合わせれば、プロ品質の演出も標準機能の延長で実現できます。AviUtlのテキスト機能はシンプルですが、応用範囲は非常に広いので、ぜひ試行錯誤しながら自分のスタイルを見つけてください。


関連コンテンツ

動画の質を高めるアニメーション素材

10点まで無料でダウンロードできて商用利用もOK!今すぐ使えるテンプレート

Adobeの生成AIも結構すごい

Adobeの生成AI Fireflyなら画像も動画も音声もベクター画像も効果音も作れます。無料で始められます

Adobe Fireflyを無料で始める

生成AIも全て込みの最強プラン

Premiere ProやPhotoshopなど全アプリと生成AIも使える全部入りプランで、実は結構お得です。

3か月半額で始める

素材&テンプレート検索

TOP