【Ae】文字の上を光が流れるアニメーション効果

こんにちは、フルタニです。放送局で番組作りをしてました。文字の上を光が流れるを書きます。

プレミアムな印象を伝えるアニメーションを作ってみたくありませんか。

そんな時便利なのがテキストの上を光のラインが移動するアニメーションです。

文字の上を光が流れる演出は、飲料やクレジットカードのＣＭなどによく使われていて高級感を感じさせてくれます。

初心者には難しいものと思ったらAfter Effectsで簡単に作れました。

文字の上を光が流れるアニメーション効果

テキストのフォントサイズはなるべく大きなものにすると、テキストの上を光が走る様子が見えやすくなります。

私の場合は小塚ゴシックのHを使いました。

平面レイヤーの上に文字を入力して配置します。

続いて文字に光を反射させる効果を作ります。光の効果は①地の光と②移動する光の2種類つくります。

タイムラインのテキストを選択し、[エフェクト][エフェクトコントロール][CC Light Sweep]を選択すると、プレビューモニターの左横にエフェクトコントロール画面fxCC Light Sweepが出現します。

※平面を選択して[CC Light Sweep]を選択すると平面に効果がかかってしまうので、必ず文字を選択してエフェクトをかけます。

お好みで調整すると地の光が出来上がります。続いて移動する光をつくります。

同じようにテキストから[CC Light Sweep]を選択すると、[エフェクトコントロール]の[CC Light Sweep]の下に[CC Light Sweep2]が生成されます。

動きをつけるため、タイムラインの上から[Center]にキーフレームを打ちます。

Centerとはアンカーポイントが示す光源の位置を示します。初期設定ではプレビューモニターの真ん中にあると思います。右横にある2つの数字を変化させると左右、上下に移動します。

テキスト上の光源を左から右に走らせましょう。動き出しのキーフレームをモニターの左外に移動させ、時計マークをクリックして確定します。

次にキーフレームを終了点まで移動させ、[Center]の値を変えることで光源もモニターの右外に設定します。

タイムライン上に始点と終点、2つのキーフレームが出現していれば作業完了です。

オープニングタイトルなどに使えそうな基本技です。

プロジェクトファイルはnoteからダウンロードください。

何度か繰り返して取得しましょう。