【AfterEffects】文字の形で動画を切り抜きテロップ拡大アニメーション

【After Effects（アフターエフェクト）初級】

背景動画をテキストの形で切り抜き一文字づつ表示されるテロップを作成。

その後文字が拡大しその中に動画が映し出されるアニメーション。

動画を読み込む

「新規コンポジション」を作成します。時間は７秒ほどに設定。

「ファイル」メニューから「読み込み」ないの「ファイル」を選択。

読み込んだ動画をドラッグしタイムラインに表示させます。

背景作成

「レイヤー」メニュー「新規」から「平面（Ctrl+Y）」を選択。

背景色を白に設定しＯＫ。

テキストを入力

テキストメニュー長押しから「横書き文字ツール」を選択。

「ウィンドウ」メニューから「整列」を表示させます。

「整列」パネルの「水平方向に整列」と「垂直方向に整列」をクリックしテキストを中央へ配置。

テキストが中央へ配置されました。

「アンカーポイントツール」へ切り替えます。

テキストのアンカーポイントをドラッグし移動させます。

テキスト中央付近の青い部分（文字上）に配置。

テキストにアニメーションをつける

「選択ツール」に切り替えます。

「Scuba Diving」レイヤーの「テキスト」から「アニメーター」のアイコンを右クリック。

「不透明度」を追加します。

追加したら「不透明度」を０％に変更。

次に「選択セレクター」内の「オフセット」にキーフレームを設定し「０％」に変更。

「インジケーター」を２秒ほどに移動させます。

２秒ほどに移動させたら「オフセット」を「１００％」に戻します。

「選択セレクター」内の「高度」から「なめらかさ」を「０％」に変更。

これで一文字づつタイピングされたようなテロップができました。

テキストを拡大させ切り抜きアニメーションを作成

「インジケーター」を４秒ほどへ移動させます。

移動させたら「トランスフォーム」から「スケール」を選択しキーフレームを設定。

青い点上で右クリックし「キーフレーム補助」内の「イージーイーズ」を適用。あるいはシュートカットキー【Ｆ９】。

さらにインジゲーターを５秒ほどに移動。

「スケール」値を拡大させます。

画面いっぱいテキスト色（青）になるまで拡大させます。

次に「平面」レイヤーを選択し「トラックマット」を「アルファ反転マット」に変更。

＊タイムラインに「トラックマット」が表示されていない場合、オレンジ枠「転送制御を表示または非表示」アイコンをクリック。

最後に「スケール」のキーフレームで拡大していくタイミングを微調整したら完成です。

チュートリアル動画

まとめ

ウェブサイトやYouTubeチャンネルなどＰＲタイトル動画など作成できますのでぜひ作成してみましょう。