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

光が走るエフェクト
フルタニ

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

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

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

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

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

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

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

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

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

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

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

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

  • 光の角度:Direction
  • 光の幅:Width
  • 文字のエッジ部分の強さは:Edge Intensity
  • 光のエッジの厚さ:Edge Thickness

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

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

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

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

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

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

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

まとめ

文字を選択した状態で
上記メニューから
「エフェクト→描画→CC Light Sweep」①光の角度
②光の幅
③文字エッジの強さ
④光エッジの厚さ
上記でキラリ加減を設定できる。

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

まとめ

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

After Effectsをつかって書き順で文字を出現させる方法|フルタニ|note

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