目次

After Effectsでキーフレームを利用して字幕を作成する方法

目次

キーフレームを利用した字幕の作成手順を紹介します。

概要

動画の音声に対して字幕を表示したい場合があります。 この記事では、キーフレームを利用して字幕を作成する方法を紹介します。

メモ
この記事で紹介する方法は、字幕のテキストがある場合の方法です。音声から字幕のテキストを作成する場合にはPremiere Proを利用したほうが簡単です。
補足
セリフの音声ファイルが多く、前後を入れ替える可能性がある場合や、しゃべる人物によって字幕のフォントカラーや字体を変える場合、 字幕を表示しない時間が多い場合には、 エッセンシャル グラフィックスを利用する方法のほうが管理がしやすいです。 手順はこちらの記事を参照してください。

手順

After Effectsでプロジェクトを開き、字幕を挿入するコンポジションを表示します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像1

ウィンドウ上部のツールバーの[横書き文字ツール]のボタンをクリックして選択します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像2

コンポジションのエリアでドラッグして字幕を配置するエリアを決定します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像3

テキストの編集モードになります。
After Effectsでキーフレームを利用して字幕を作成する方法:画像4

いったん仮の文字列を入力します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像5

入力後、フォントの色やサイズ、文字列を表示する位置を調整します。調整後の状態が下図です。
After Effectsでキーフレームを利用して字幕を作成する方法:画像6

ウィンドウ下部のレイヤーのパネルで配置したテキストレイヤーの項目を開きます。 [テキスト]内の[ソーステキスト]の項目の左側にある、[ストプウォッチ]のアイコンのボタンをクリックします。
After Effectsでキーフレームを利用して字幕を作成する方法:画像7

ボタンの色が青色になります。
After Effectsでキーフレームを利用して字幕を作成する方法:画像8

セリフを入れたい位置に[現在の時刻インジケーター]を移動します。コンポジション内の字幕のテキストを変更します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像9

続いて字幕が消える位置に[現在の時刻インジケーター]を移動します。コンポジション内の字幕のテキストを空にします。
[現在の時刻インジケーター]を手前に移動すると、字幕の文字が表示されることを確認します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像10

続いて、次の字幕を表示する位置に[現在の時刻インジケーター]を移動します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像11

文字列が画面に見えないため、テキストの編集ができないため、次の操作をします。 [ソーステキスト]の項目で右クリックします。ポップアップメニューの[キーフレームを追加]の項目をクリックします。
After Effectsでキーフレームを利用して字幕を作成する方法:画像12

[現在の時刻インジケーター]の位置にキーフレームが追加され、四角のマークが表示されます。
After Effectsでキーフレームを利用して字幕を作成する方法:画像13

キーフレームの四角のマークをダブルクリックします。テキストが編集状態になります。
After Effectsでキーフレームを利用して字幕を作成する方法:画像14

文字列を入力します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像15

次の字幕の切り替え位置に[現在の時刻インジケーター]を移動します。テキストを編集します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像16

最初の部分には字幕を表示しないため、[現在の時刻インジケーター]をタイムラインの最初に移動します。 After Effectsでキーフレームを利用して字幕を作成する方法:画像17

テキストの内容を削除し空にします。
After Effectsでキーフレームを利用して字幕を作成する方法:画像18

[現在の時刻インジケーター]を移動して、字幕の文字列が変化することを確認します。
また、プレビュー再生して字幕と音声のタイミングを一致させるよう調整します。
After Effectsでキーフレームを利用して字幕を作成する方法:画像19

字幕を作成できました。


AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2024-11-25
Copyright © 1995–2025 iPentec all rights reserverd.