文字の中に光が走る(光の帯)

よく見かけるシンプルな文字効果、光がキラーンと渡って行くやつを作ります。
背景などに干渉せず、文字(ロゴ)の中だけで光が動くやつです。
After Effectsのエフェクトを使えばもっと凝ったものも作れるはずですが、どシンプルな効果が欲しい事もあります。


用意するのは、
・ロゴ(文字)の画像(文字.psd)

・光の画像(走る光もと.psd)


この2点です。
両方Photoshopデータです。
光の画像は、白いぼかしブラシで描いて、45度回転させたものです。


この二つの画像をAfter Effectsにフッテージで読み込みます。
新規コンポジションのタイムラインに、以下のように配置します。


・文字
・走る光もと
・文字
※文字のレイヤーは同じものを2枚重ねてます。


光が左から右に移動するアニメーションを付けます。


トランスフォームの位置を移動させるだけです。

光を文字の形で抜きます。
走る光もとのトラックマットを「アルファマット”文字.psd”」に。
これでマスクが抜けました。

あと、モードは「加算」にした方が、光がよりキリっとします。


できました。超簡単。

ムービーはこちら