背景と連動するアニメーション

2021年3月16日 08:25

こんにちは、フルタニです。放送局で番組作りをしてました。After Effectsではテキストレイヤーにシェイプで枠を引くことでマスクがつくられます。

アニメーションを使ってテキストを上下左右に動かし枠の外にもっていくとテキストは見えなくなります。この原理を使ってつくるのが窓の中に見え隠れするアニメーションです。

しかし、一つのテキストレイヤーの中に作れるのは一つのテキストだけ。複数のテキストを使って見え隠れするようなアニメーションは作れません。

ではどうするか。

見え隠れさせたいテキストを別々のレイヤーにつくりそれぞれアニメーションさせ、そのレイヤーをまとめてプリコンポーズします。

そのプリコンポーズされたレイヤーにシェイプでマスクをつけることで、中に格納されたテキストが見え隠れするようになるのです。

テキストは透明レイヤーです。飾りの白い枠線はその下に引きます。

さらにその下に着色した平面レイヤーをテキストの動きに合わせてアニメーションするとＣＭでも見かけた演出が出来上がりました。

枠と背景はテンプレートにして、テキストの内容だけ差し替えることでサイネージ広告が作れそうです。

記事はこちらから。

aepファイルはこちらからダウンロードいただけます。

この記事が気に入ったらサポートをしてみませんか？